Sitio web
Creación
HTML
Hipertext Markup Lenguage
Estructura
<html> todo el contenido de la web </html>undefined
<head> contenido invisible </head>undefined
<body> contenido visible </body>undefined
Etiquetas
Estructura
<etiqueta atributo="valor">...</etiqueta>
Formato de documento
<br> Salto de líniaundefined
<p> salto de párrafoundefined
atributos
<p align="center/left/right/justify"> aliniación </p>undefined
<hr> línea horizontalundefined
atributos
<hr size="2" color="blue"> tamaño y color </hr>undefined
<h1> encabezado 1 </h1>undefined
Formato de texto
<strong> texto en negrita </strong>undefined
<em> texto en cursiva </em>undefined
<font size="3"> texto tamaño 3 </font>undefined
<font color="red"> texto color rojo </font>undefined
<font face="verdana"> texto en Verdana </font>undefined
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>undefined
De la misma carpeta
<a name="destino.html"> Nombre enlace </a>
De otra carpeta
<a href="../capreta2/destino2.html"> Nombre enlace </a>undefined
Carpeta dentro de carpeta
<a href="/carpeta1-1/destino.html"> Nombre enlace </a>undefined
Salto
Anchor
<a name="nombre de anchor"> Nombre de Anchor </a>undefined
Enlace
< href="#nombre de anchor"> Enlace </a>undefined
Metaelementos
Estructura
<meta name="tipo de meta" content="contenido>
Tipos
Title
Description
Keywords
Listas
Numeradas
<ol>
<li> Uno </li>
<li> Dos </li>
...
</ol>undefined
No numeradas
<ul>
<li> Uno </li>
<li> Dos </li>
</ul>undefined
Tablas
<tr> Fila </tr>undefined
<th> columna encabezada </th>undefined
<td> Columna </td>undefined
<table boarder="3"> borde tabla tamaño 3 </table>undefined
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