Temas 2, 3 y 4

Plus de détails

INTRODUCCIÓN ALA WEB Y CONCEPTOS BÁSICOS

par perla murillo zacamecahua

La Cartilla informativa

par Gabriel Rosales

HTML/CSS,JAVASCRIPT y BOOTSTRAP

par Anthony Mosquera

5.3.- IMÁGENES FORMADAS POR REFRACCIÓN

par Miguel De la Torre

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:

(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