BLOG DEL LENGUAJE JAVA

miércoles, 11 de septiembre de 2019

miércoles, 4 de septiembre de 2019

practica html5 y css3

<!DOCTYPE html>
<html lang="en">
<head>
<title>Page Title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
box-sizing: border-box;
}

body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
}

.header {
padding: 80px;
text-align: center;
background: #1abc9c;
color: white;
position: sticky;
position: -webkit-sticky;
top: 0;

}

.header h1{
font-size: 50px;
}
.navbar {
overflow: hidden;
background-color: #333;

}
.navbar a{
float: left;
display: block;
color: white;
text-align: center;
padding: 14px 20px;
text-decoration: none;
}

.navbar a.right {
float: right;
}
.navbar a:hover {
background-color: #ddd;
color: black;
}
.navbar a.active {
background-color: #666;
color: white;
}
</style>
</head>
<body>

<div class="header">
<h1>My Website</h1>
<p>A <b>responsive</b> website created by me.</p>
</div>

<div class="navbar">
<a href="#" class="active">Home</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#" class="right">Link</a>
</div>

<div class="row">
<div class="side">
<h2>About Me</h2>
<h5>Photo of me:</h5>
<div class="fakeimg" style="height:200px;">Image</div>
<p>Some text about me in culpa qui officia deserunt mollit anim..</p>
<h3>More Text</h3>
<p>Lorem ipsum dolor sit ame.</p>
<div class="fakeimg" style="height:60px;">Image</div><br>
<div class="fakeimg" style="height:60px;">Image</div><br>
<div class="fakeimg" style="height:60px;">Image</div>
</div>

<div class="main">
<h2>TITLE HEADING</h2>
<h5>Title description, Dec 7, 2017</h5>
<div class="fakeimg" style="height:200px;">Image</div>
<p>Some text..</p>
<p>Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
<br>
<h2>TITLE HEADING</h2>
<h5>Title description, Sep 2, 2017</h5>
<div class="fakeimg" style="height:200px;">Image</div>
<p>Some text..</p>
<p>Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
</div>

</div>

<div class="footer">
<h2>Footer</h2>
</div>

</body>
</html>

lunes, 2 de septiembre de 2019

Practica Mutimedia Html5

Descargar Practica Multimedia

jueves, 22 de agosto de 2019

Practica Complementaria 2

Parque Centenario

El Parque del Centenario es un parque ubicado en la
        ciudad de Cartagena, Colombia.

Diseñado por Pedro Malabet y construido bajo la dirección
        de Luis Felipe Jaspe Franco, fue inaugurado aún sin
        terminar (por falta de fondos) el 11 de noviembre de 1911,
        con motivo\n del centenario de la independencia y como monumento
        a los próceres caídos en la revuelta.\n\n
        Jaspe también diseñó su obelisco y tres de las esculturas
        que coronan las puertas de la entrada Sur.

lunes, 19 de agosto de 2019

Descargar Foto Practica Clase

martes, 6 de agosto de 2019

plantilla practica

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>

body {

margin:0;font-family:Arial
}
.topnav {
overflow: hidden;
background-color: #333;
}

.topnav a{
text-decoration: none;
color: #f2f2f2;
float: left;
display: block;
text-align: center;
padding: 14px 16px;
font-weight: bold;
font-size: 17px;

}

.active {
background-color: #4CAF50;
color: white;
}

.topnav .icon {
display: none;
}

.topnav a:hover{
background-color: #555;
color: white;

}

@media screen and (max-width: 600px) {

.topnav a:not(:first-child) {
display: none;
}

.topnav a.icon {
float: right;
display: block;
}

.topnav.responsive {position: relative;}
.topnav.responsive .icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: center;
}

}

</style>

</head>
<body>
<div class="topnav" id="myTopnav">
<a href="#home" class="active">Home</a>
<a href="#news">News</a>
<a href="#contact">Contact</a>

<a href="#about">About</a>
<a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myFunction()">☰</a>
</div>

<div style="padding-left:16px">
<h2>Responsive Topnav with Dropdown</h2>
<p>Resize the browser window to see how it works.</p>
<p>Hover over the dropdown button to open the dropdown menu.</p>
</div>
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
</body>
</html>

sábado, 29 de junio de 2019

Codigo Macro Planilla

Descargar Plantilla y Demo

Dim sueldo As Double
Dim sempleado, pempleado As Double
Dim sempleador, pempleador, arl, caja, sena, icbf As Double
Dim prestempleado, prestempleador As Double

sueldo = Range("b1").Value
'calculo aportes empleado
sempleado = sueldo * 0.04
pempleado = sueldo * 0.04
prestempleado = sempleado + pempleado
'calculo aportes empleador
sempleador = sueldo * 0.085
pempleador = sueldo * 0.12
arl = sueldo * 0.00522
caja = sueldo * 0.04
sena = sueldo * 0.02
icbf = sueldo * 0.03
'calcula la prestacion empleador
prestempleador = sempleador + pempleador + arl + caja + sena + icbf
Range("b3").Value = sempleado
Range("b4").Value = pempleado
Range("b5").Value = prestempleado
Range("b10").Value = sempleador
Range("b11").Value = pempleador
Range("b12").Value = arl
Range("b13").Value = caja
Range("b14").Value = sena
Range("b15").Value = icbf
Range("b16").Value = prestempleador
Range("b18").Value = prestempleado + prestempleador

Páginas