lunes, 20 de marzo de 2017
jueves, 15 de diciembre de 2016
Crear Página web
Hemos estado experimentando sobre como crear páginas webs con html en un simple bloc de notas o kompozer, pero en ninguno de estos casos dichas páginas las hemos subido a la red.A continuación os voy a explicar como he conseguido subir una de estas páginas webs creadas anteriormente, a la red.
Primer Paso
A parte de crear nuestra página ya sea con kompozer o con otro programa similar, tendremos que crearnos una cuenta en Hostinger en la que te pedirá tu correo electrónico y una contraseña para poder iniciar sesión cada vez que quieras.(hay varias opciones de pago para esta pagina, pero siempre hay una forma gratuita que será la que elijamos).
Segundo paso
Nos descargamos el programa FileZilla, una vez descargado, lo ejecutamos y donde aparecen los apartados de servidor, nombre de usuario y contraseña, rellenamos con los datos que aparecen en hostinger.
Tercer paso
Una vez hemos metido esos datos, habrá cargado nuestra página en fileZilla y desde ahí podremos subir nuestra pagina pasando nuestros archivos ".html" y los demás que tengamos de nuestra página aqui:
y con esto nuestra página subida a hostinger con nuestro propio enlace.
Aquí os dejo el enlace de mi página que hice con kompozer: http://antonio-informatica.esy.es/
lunes, 7 de noviembre de 2016
Ejercicio de Todo
<head>
<title>Alan Walker</title>
<link href="estilos.css" rel="stylesheet"type=text/css"/>
</head>
<body>
<h1>Alan Walker</h1>
<p>Es un DJ noruego nacido en 1997</p>
<img src="Alan walker foto.jpg"/>
<h2>Integrantes del Grupo</h2>
<ul>
<li>Alan Walker</li>
</ul>
<p>Pertenece a una "asociación" de DJ's llamada NCS (NO COPYRIGHT SOUND)</p>
<h2>TEMAS</h2>
<table width="80%" border="1" align="center">
<caption>Grandes exitos de Alan Walker</caption>
<tr>
<th>Año</th>
<th>Tema</th>
</tr>
<tr>
<td>2014</td>
<td>Fade</td>
</tr>
<tr>
<td>2015</td>
<td>Faded</td>
</tr>
<tr>
<td>2016</td>
<td>Sing me to sleep</td>
</tr>
</table>
<h1>Sitio web oficial</h1>
<p>www.alanwalkermusic.no</p>
</body>
</html>
CSS
th
{
background-color:fff000;
}
td
{
background-color:#7FFF00;
}
table
{
border-color:#BLACK;
}
miércoles, 2 de noviembre de 2016
Actividad Tablas 1
<head>
<title>Ejemplo uso de tablas</title>
<link href="tabla1.css"rel="stylesheet" type="text/css"/>
</head>
<body>
<table width="80%" border="1" align="center">
<caption>Tabla de Prueba</caption>
<tr>
<th>Jefe departamento</th>
<th>Jefe sección</th>
<th>Empleado</th>
<th>Edad empleado</th>
</tr>
<tr>
<td rowspan="2">Juan Alberto</td>
<td>Martín Lopez</td>
<td>Maite Suarez</td>
<td>55</td>
</tr>
<tr>
<td>Luis morales</td>
<td>Mateo carralde</td>
<td>33</td>
</tr>
<tr>
<td>Diana Rodriguez</td>
<td>Carlos Hernandez</td>
<td>Alberto Fernández</td>
<td>62</td>
</tr>
<tr>
<td colspan="2">Luis Perez</td>
<td>Diego Gutierrez</td>
<td>44</td>
</tr>
</table>
</html>
CSS
th
{
color:#00FFFF;
background-color:#663399;
}
td
{
background-color:#FFFF00;
color:#FF0000
}
body
{
text-aling:center;
}
lunes, 24 de octubre de 2016
Ejercicio Estilo Básico II
<html>
<head>
<title>Estilos</title>
<link href="estilos2.css"rel="stylesheet" type="text/css"/>
</head>
<body>
<h1>Estilos basicos</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel lacus leo. Suspendisse
accumsan lorem nec arcu dictum elementum. Nulla luctus in nulla at malesuada. Quisque non magna
nec est facilisis eleifend. Nulla facilisi. Donec vel molestie odio, nec fringilla urna.
Pellentesque vitae eros ligula. Aliquam ornare felis vitae nunc sodales, ut mattis neque
imperdiet. Etiam vestibulum lorem venenatis, convallis tellus at, mattis dui. Ut eros turpis,
mollis id eros eget, dignissim euismod risus. Quisque venenatis eget sem et suscipit.</p>
<h2>Estilos básicos 2</h2>
<p class=”miparrafo”>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel lacus leo.
Suspendisse accumsan lorem nec arcu dictum elementum. Nulla luctus in nulla at malesuada. Quisque
non magna nec est facilisis eleifend. Nulla facilisi. Donec vel molestie odio, nec fringilla
urna. Pellentesque vitae eros ligula. Aliquam ornare felis vitae nunc sodales, ut mattis neque
imperdiet. Etiam vestibulum lorem venenatis, convallis tellus at, mattis dui. Ut eros turpis,
mollis id eros eget, dignissim euismod risus. Quisque venenatis eget sem et suscipit.</p>
</body>
</html>
CSS
body
{
font-family:Tahoma;
background-color:#00FFFB;
}
h1
{
font-size:30px;
color:#FF0006;
border-bottom-style:solid;
border-bottom-color:#FF7A0C;
}
p
{
font-size:12px;
}
.miparrafo
{
color:#FFFF05
}
Suscribirse a:
Entradas (Atom)