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