Edición web

ONLINE

Publicar a través de un botón

CMS

Funcionan mediante

Plantillas (hojas de estilo CSS)

Contenidos gestionados en bases de datos

FTP incorporado

Se usan para

Sitios web

Blogs

Foros

Wikis

Wikipedia

Enseñanza

Moodle

Comercio electrónico

Revistas online

Álbumes de fotos

Más usados

Blogger

Wordpress

Weebly

Webnode

OFFLINE

Publicar a través de FTP (necesario dominio y hosting)

Código fuente

HTML

Lenguaje que crea elementos de página la web

Se estructura en las etiquetas básicas:

<html> </html>

r

Define el tipo de código usado

<head> </head>

r

No se visualiza en el sitio web

Principalmente incluye las etiquetas de

Metadatos

r

Elementos legibles por los robots de los buscadores

Pueden ser

<meta name=“nombre” content=“contenido”>:
<meta name=“title” content=“Título de la página”>

Dublin Core Metadata Initiative (DCMI):
<meta name=“DC.Title” content=“Título de la página”>

<body> </body>

r

Se visualiza en el sitio web

Principalmente incluye las etiquetas de

Formato de documento

<hn></hn>

<br></br>

<p></p>

<hr></hr>

Formato de texto

Normalmente se incluyen desde la hoja de estilos o CSS

r

Consultar en el apartado CSS las principales etiquetas.

Inclusión

Imágenes

<img src>

Vídeos

<iframe>

Enlace

<a href></a>

target="_self"

target="_blank"

Anclas

<a name></a>

r

Situamos en el punto concreto de una página

<a href="nombredocumento#nombreancla"></a>

r

Situamos en el punto donde queremos que esté el enlace

Listas

<li></li>

<ol></ol>

<ul></ul>

Tablas

Filas: <tr></tr>

Columna tipo encabezado: <th></th>

Columna normal: <td></td>

Formularios

<FORM action=“mailto:nombre@mail.com" ENCTYPE="text/plain" method="post"></FORM>

<INPUT type="text" name="nombre espacio formulario">

<INPUT type="radio" name="nombre espacio formulario" value="nombre opción">

<INPUT type="submit" value="Enviar">

<INPUT type="reset" value="Restablecer">

CSS

Lenguaje que crea el diseño de la página web

Se aplica mediante

Estilo en línea

Se define en cada etiqueta HTML

<h2 style="font-size:16;">Texto</h2>

Estilo interno

Se define el el apartado <head></head>

<style type="text/css>
body {background-color:red;}
h2 {font-family:verdana}
</style>

Estilo externo

Se define en un documento externo enlazado en el <head></head> del documento

<head>
<link rel="srylesheet" type="text/css" href>="documentoestilo.css"
</head>

WYSIWYG

Dreamweaver

Muestra

Código fuente

Aplicar todo lo aprendido en el "topic"

Diseño

Funciona de forma parecida a cualquier editor de texto