Edición web

Mehr dazu

diseño digital

von Fatima Ramirez

Editores de código y lenguaje web

von Fundación Didáctica XXI

Concepción o elección del diseño de investigación

von Carlos Chancay Garcia

Disciplinas Diseño Industrial

von Victoria Olvera

Edición web

OFFLINE

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

WYSIWYG

Dreamweaver

Muestra

Diseño

Funciona de forma parecida a cualquier editor de texto

Aplicar todo lo aprendido en el "topic"

Código fuente

CSS

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

Se aplica mediante

Estilo externo

Se define en un documento externo enlazado en el del documento

="documentoestilo.css"

Estilo interno

Se define el el apartado

Estilo en línea

Se define en cada etiqueta HTML

Texto

HTML

Se estructura en las etiquetas básicas:

Se visualiza en el sitio web

Formularios

Tablas

Columna normal:

Columna tipo encabezado:

Filas:

Listas

Enlace

Anclas

Situamos en el punto donde queremos que esté el enlace

Situamos en el punto concreto de una página

target="_blank"

target="_self"

Inclusión

Vídeos

Imágenes

Formato de texto

Normalmente se incluyen desde la hoja de estilos o CSS

Consultar en el apartado CSS las principales etiquetas.

Formato de documento

No se visualiza en el sitio web

Principalmente incluye las etiquetas de

Metadatos

Elementos legibles por los robots de los buscadores

Pueden ser

Dublin Core Metadata Initiative (DCMI):

:

Define el tipo de código usado

Lenguaje que crea elementos de página la web

ONLINE

Publicar a través de un botón

CMS

Más usados

Webnode

Weebly

Wordpress

Blogger

Se usan para

Álbumes de fotos

Revistas online

Comercio electrónico

Enseñanza

Moodle

Wikis

Wikipedia

Foros

Blogs

Sitios web

Funcionan mediante

FTP incorporado

Contenidos gestionados en bases de datos

Plantillas (hojas de estilo CSS)