Sitio web
Creación
HTML
Hipertext Markup Lenguage
Estructura
<html> todo el contenido de la web </html>
<head> contenido invisible </head>
<body> contenido visible </body>
Etiquetas
Estructura
<etiqueta atributo="valor">...</etiqueta>
Formato de documento
<br> Salto de línia
<p> salto de párrafo
atributos
<p align="center/left/right/justify"> aliniación </p>
<hr> línea horizontal
atributos
<hr size="2" color="blue"> tamaño y color </hr>
<h1> encabezado 1 </h1>
Formato de texto
<strong> texto en negrita </strong>
<em> texto en cursiva </em>
<font size="3"> texto tamaño 3 </font>
<font color="red"> texto color rojo </font>
<font face="verdana"> texto en Verdana </font>
Se puened unir los atributos de font.
Inclusión de objetos
Imágenes
De internet
< img src="URL imagen">
De la misma carpeta
<img src="imagen.jpg">
Fuera de la carpeta
<img src="ruta completa o ../carpeta/imagen.jpg">
Carpeta dentro de carpeta
<img src="carpeta/imagen.jpg">
Enlaces
De internet
<a href="destino.html"> Nombre enlace </a>
De la misma carpeta
<a name="destino.html"> Nombre enlace </a>
De otra carpeta
<a href="../capreta2/destino2.html"> Nombre enlace </a>
Carpeta dentro de carpeta
<a href="/carpeta1-1/destino.html"> Nombre enlace </a>
Salto
Anchor
<a name="nombre de anchor"> Nombre de Anchor </a>
Enlace
< href="#nombre de anchor"> Enlace </a>
Metaelementos
Estructura
<meta name="tipo de meta" content="contenido>
Tipos
Title
Description
Keywords
Listas
Numeradas
<ol>
<li> Uno </li>
<li> Dos </li>
...
</ol>
No numeradas
<ul>
<li> Uno </li>
<li> Dos </li>
</ul>
Tablas
<tr> Fila </tr>
<th> columna encabezada </th>
<td> Columna </td>
<table boarder="3"> borde tabla tamaño 3 </table>
CSS
Estilo en línea
Se define en cada etiqueta XHTML
Estilo interno
Se define en el HEAD del documento
Estilo externo
Diseño en un documento aparte
WYSIWYG
Puedes modificar a la vez el codigo i el aspecto final. Un programa seria el DreamWeaver.
CMS
Como funcionan
Plantillas (Hoja de estilos CSS)
Contenido gestionado en bases de datos
FTP incorporado
Usos
Sitios web
Blogs
Foros
Wikis
Moodle
Más usados
Weebly
Webnode
Blogger
Wordpress
Subirlo
File Transfer Protocol
FilleZilla
Es necesario un dominio