Kategorier: Alle - imágenes - css - etiquetas - html

av Helena Sánchez 12 år siden

278

Temas 2, 3 y 4

La edición web se puede realizar tanto mediante código fuente como a través de editores WYSIWYG. HTML es el lenguaje de marcado más utilizado para estructurar contenido en la web, empleando etiquetas específicas para elementos como imágenes, formato de texto, tablas y listas.

Temas 2, 3 y 4

Documentación y comunicación audiovisual

TEMA 4: Edición web en WYSIWYG

Ejemplo de página web creada con Dreamweaver (se pueden visualizar tanto la vista de código html como la vista previa en el navegador)
Ejemplos de editores WYSIWYG:
iWeb
Adobe Dreamweaver
Funcionamiento básico: los programas WYSIWYG tienen la ventaja de que permiten visualizar la página web tal y como se verá en el navegador, así como editarla con opciones parecidas a las de un procesador de textos tipo Word.

TEMA 3: Edición web en código fuente

CSS (Cascade Style Sheet)
Estilos: en línea, interno o externo
HTML (HyperText Markup Language)
Etiquetas más usadas

Formularios

Tablas

columna

fila

columna

fila

columna

fila

Listas

no numeradas

numeradas

  • no numeradas

    numeradas

    Metaelementos: elementos invisibles para el usuario pero útiles para los rastreadores. Presentes en la sección .

    autor

    título

    Enlaces:

    *anclas: enlaces a un punto concreto de la página (ejemplo: botón de "volver arriba", o un índice de artículos)

    d) Enlace (enlace a otro sitio web)

    c) Enlace (enlace a un archivo en otra carpeta que está dentro de la carpeta que alberga el archivo html)

    b) Enlace (enlace a un archivo en otra carpeta del mismo nivel)

    a) Enlace (enlace dentro del mismo directorio)

    Imágenes:

    d)

    c) img src="http://www.imagenes.com/imagen.jpg"> (URL imagen)

    b) (ruta de otra carpeta)

    a) (misma carpeta web)

    Formato de texto:

    (fuente)

    (cursiva)

    (negrita)

    Atributos

    align, size, color, face, family...

    Básicas:


    (línea horizontal

    (salto de párrafo)


    (salto de línea)

    Estructura

    TEMA 2: CMS

    Más usados
    ...
    Weebly
    Webnode
    WordPress
    Blogger
    Utilidades: sitios web, blogs, foros, wikis, comercio electrónico, revistas online, enseñanza...
    Fases de creación de un sitio web
    3. Verlo (online)
    2. Subirlo: mediante un cliente de FTP

    hosting (alojamiento)

    dominio

    1. Crearlo (offline)

    CMS

    editor de código WYSIWYG (What You See Is What You Get)

    código fuente