Post on 26-Jul-2015
DISEÑO DE PÁGINAS WEB
CONCEPTOS GENERALES INTERNET: Es una red internacional de
computadoras que conforman una sociedad virtual en todo el mundo.
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.
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.
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.
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.
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.
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>
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
ESTRUCTURA BÁSICA HTML
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.
EDITORES WEB ,MAS POPULARES
Dreamweaver FrontPage, discontinuado y reemplazado
por Expression Web y SharePoint Designer. CoffeeCup HTML Editor
HomeSite