diseño de páginas web

12
DISEÑO DE PÁGINAS WEB

Upload: luis-arenas

Post on 26-Jul-2015

144 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Diseño de páginas web

DISEÑO DE PÁGINAS WEB

Page 2: Diseño de páginas web

CONCEPTOS GENERALES INTERNET: Es una red internacional de

computadoras que conforman una sociedad virtual en todo el mundo.

Page 3: Diseño de páginas web

CONCEPTOS GENERALES WORLD WIDE WEB: Es la herramienta

más poderosa de Internet, está conformada por un conjunto de documentos llamados Páginas Web.

Acrónimo: RED AMPLIA MUNDIAL.

Page 4: Diseño de páginas web

CONCEPTOS GENERALES PÁGINA WEB: Es un documento o archivo

que conforma la WWW. Las páginas web son documentos hipermedia.

Las páginas web son documentos hipermedia, porque tiene texto, gráficos, animaciones, sonido, video y enlaces a otros documentos.

Page 5: Diseño de páginas web

CONCEPTOS GENERALES PROGRAMA: Un programa es una

herramienta con un conjunto de órdenes, que mantienen un orden lógico.

El programa más simple para escribir una página web en código HTML es el Block de Notas o NOTEPAD.

Page 6: Diseño de páginas web

CONCEPTOS GENERALES HTML: Hyper Text Markup Language,

traducido significa, “Lenguaje de Marcado de Hipertexto”.

Este lenguaje nos permite construir páginas web o website.

Este lenguaje es fundamental para entender la estructura de las páginas web.

Page 7: Diseño de páginas web

CÓDIGO HTMLConsta de una serie de órdenes, que llamaremos etiquetas (tags) que indican al browser (navegador) la forma de representar los elementos (texto, gráficos, videos, etc.) en una página webPueden ser de dos tipos: Abiertas y Cerradas.

Page 8: Diseño de páginas web

ETIQUETAS ABIERTAS Y CERRADAS

Ejemplo de Etiqueta Abierta:<HR> Muestra una línea horizontal.<LI> Ordena una lista.

Ejemplo de Etiqueta Abierta:<TITLE> El Cuerpo Humano </TITLE><FONT NAME=“Arial”>Holas</FONT>

Page 9: Diseño de páginas web

ESTRUCTURA BÁSICA HTML

UN documento escrito en HTML tendrá la siguiente estructura:<html> Inicio del documento

<head><title>Mi primera

página</TITLE></head><BODY> Inicio del Contenido</BODY> Fin del Contenido

</html> Fin del documento

Page 10: Diseño de páginas web

ESTRUCTURA BÁSICA HTML

Page 11: Diseño de páginas web

EDITORES HTML Son programas que nos pueden ayudar a construir una

página Web.

En general, existen tres tipos de editores web:

Editores web de texto: estos ayudan al desarrollador en la escritura del código HTML (y otros códigos de lenguajes web), proveyendo distintos colores al texto de forma automática, acceso a códigos ya definidos, ayuda de asistentes, etc.

Editores web de objetos: estos alternan entre la edición de texto y el uso de objetos .

Editores web gráficos o WYSIWYG: estos proveen una interfaz gráfica, donde es posible modificar y ver la página web tal cual se verá en un navegador.

Page 12: Diseño de páginas web

EDITORES WEB ,MAS POPULARES

Dreamweaver FrontPage, discontinuado y reemplazado

por Expression Web y SharePoint Designer. CoffeeCup HTML Editor

HomeSite