Asignatura Desarrollo De Pagina Web En Html

Micro programación de la Asignatura Desarrollo de página Web UNIDAD I. INTRODUCCIÓN AL HTML Tema 1.01 ¿Qué es el HTML? Introducción. Internet, como está ahora, es una excelente herramienta para búsqueda de información, independientemente de en qué punto del mundo se encuentre. Las aplicaciones de negocios, de hecho, se afanan por dar a los usuarios herramientas para crear nueva información apartir de cero. Internet está al borde de una pequeña revolución que, aunque usted como usuario no se dé cuenta de ello, transformará no la forma en que está diseñada o construida, sino la manera en que usted la utilizará. De todos los servicios que nos presta Internet, el segundo más utilizado es el World Wide Web o WWW. Una vez que uno se encuentra en condiciones de utilizar los programas clientesde Internet y en especial los Navegadores o Browsers (Mosaic, Netscape Navigator o Microsoft Internet Explorer) tal vez se pregunte ¿Cómo se crean estas páginas Internet? La respuesta es ..... con HTML ¿Qué es HTML? HTML son las iniciales de Hiper Text Markup Language. Es un conjunto o serie de etiquetas incluidas en archivos de texto que definen la estructura de un documento WWW y sus vínculos conotros documentos. Los navegadores WWW leen estos archivos de texto e interpretan esas etiquetas para determinar como desplegar la página Web. El Hipertexto es un archivo de texto que contiene instrucciones que pueden ser interpretadas por un navegador de Internet. Estas instrucciones son denominadas Etiquetas.

¿Por dónde comenzar? Lo primero es saber donde crear el archivo texto que contendrálas instrucciones HTML (Hipertexto), para lo cual tenemos varias opciones: 1. Utilizar programas creados para desarrollo de páginas WEB, entre los que podemos citar: • Microsoft Front Page • Hot Dog • Dreamweaver • Microsoft Internet Assistant • Microsoft Office 97 2. Utilizar un editor de texto y crear nuestro propio código, el mismo que ya no contendría código basura. La primera opción es la mássencilla y más rápida, sin embargo está limitada y es dependiente del software a utilizar, ya que es el software el que se encarga de elaborar y ubicar los códigos de la página WEB y uno estaría prácticamente “Arando en el mar”. La segunda opción es más lenta y menos vistosa, pero esta opción le enseña a utilizar cada uno de los comandos y instrucciones HTML (etiquetas) sin depender de ningúnprograma. Esto tiene sus beneficios y el principal de ellos es que nuestras páginas ya no contarán con código excedente y/o código basura, de modo que ocuparán menos espacio, por ende serán más rápidas al momento de ser cargadas por Internet y al invertir menos tiempo en cargar una página, se gastará menos dinero pagando al proveedor de Internet. Como casi todos los sistemas más comunes en PCfuncionan bajo un entorno Windows, para crear los Hipertextos utilizaremos un accesorio que viene incluido en el sistema. El Bloc de Notas o Note Pad.

1

TEMA 1.02 DISEÑADOR WEB ( MACROMEDIA DREAMWEARER ). 1. Introducción a Dreamweaver Macromedia Dreamweaver MX 2004 es un editor HTML para diseñar, codificar y desarrollar sitios, páginas y aplicaciones Web. Dreamweaver le proporciona útilesherramientas tanto si desea controlar manualmente el código HTML como si prefiere trabajar en un entorno de edición visual. Cómo crear y abrir documentos Macromedia Dreamweaver MX 2004 ofrece un entorno flexible para trabajar con una gran variedad de documentos de diseño y desarrollo de páginas Web. Además de documentos HTML, es posible crear y abrir una gran variedad de documentos basados en texto,incluidos archivos CFML, ASP, JavaScript y CSS. Dreamweaver también admite archivos de código fuente, como Visual Basic, .NET, C# y Java. Dreamweaver proporciona varias opciones para crear un documento nuevo. Puede crear cualquiera de los tipos de documento siguientes: Un nuevo documento o plantilla en blanco Un documento basado en uno de los diseños de página prediseñados que se incluyen con...