Este documento presenta conceptos básicos sobre el desarrollo de páginas web, incluyendo el lenguaje HTML, navegadores, motores de búsqueda, y la planificación requerida. Explica elementos como etiquetas HTML, URLs, e Internet en general. También cubre editores de páginas web y consejos para la organización y estructura de archivos de un sitio web.

1. SOFTWARE APLICADO I ING. MIRYAN ALMACHE miryanapb@hotmail.com

2. OBJETIVO Crear páginas informativas de hypertexto para su publicación en el WWW (World Wide Web) con fundamentos de sintaxis, semántica y elementos de estilo del lenguaje HTML.

3. Introducción Sist. Operativo Se visualizan Páginas web

4. CONCEPTOS HTML: Mecanismo para indicarle a un navegador como presentar una página. (HyperTextMarkupLanguaje) (Lenguaje de marcación de hipertexto) Indepediente del medio donde va hacer presentada la interfaz. Un documento HTML consta de: Texto que define el contenido del documento Etiquetas que son las instrucciones del lenguaje (definen la forma en que debe presentarse la información)

5. Conceptos …. Las etiquetas definen: La estructura lógica del documento Estilos a aplicar en el texto Hiperenlaces para acceder a otra información Para crear un documento HTML se necesita un editor de texto, el cual genera un archivo plano. Simple Text Bloc de Notas gEdit

6. Conceptos …. Con el lenguaje HTML no podemos usar: Columnas Tamaños de fuentes Efectos Tabulaciones Ecuaciones Encabezados de pie de página, notas al pie, etc. Bordes de página, márgenes, numeraciones de página.

7. Conceptos …. Internet: Es un sistema mundial de redes de computadoras interconectadas. Las computadoras y las redes intercambian información utilizando TCP/IP para comunicarse entre sí La Internet puede ser utilizada para enviar correos electrónicos, transferir archivos y accesar información de la web.

8. WWW: Es un sistema de información, el sistema de información propio de Internet. Sus características son: Información por hipertexto: Diversos elementos (texto o imágenes) de la información que se nos muestra en la pantalla están vinculados con otras informaciones que pueden ser de otras fuentes. Para mostrar en pantalla esta otra información bastará con hacer clic sobre ellos. Gráfico: En la pantalla aparece simultáneamente texto, imágenes e incluso sonidos. Global: Acceso desde cualquier tipo de plataforma, usando cualquier navegador y desde cualquier parte del mundo. Pública: Toda su información está distribuida en miles de ordenadores que ofrecen su espacio para almacenarla. Dinámica: Puede ser actualizada por el que la publico sin que el usuario deba actualizar su soporte técnico. Independiente: Dada la inmensa cantidad de fuentes, es independiente y libre.

9. Servidor web: Se encarga de proporcionar al navegador los documentos y medios que este solicita. Utiliza un protocolo HTTP para atender las solicitudes de archivos por parte de un navegador. HTTP: Es el protocolo de transferencia de hipertexto, o sea, el protocolo que los servidores de WorldWIde Web utilizan para mandar documentos HTML a través de Internet. Páginas: Elementos con todo el contenido de texto, gráficas, sonido y video.

10. Conceptos …. URL: Es un localizador de recursos uniformes. Constituye la dirección web de los documentos y recursos. http://www.yahoo.com/camp/index.html Todos los sitios web tienen un URL El nombre del dominio es único dominio protocolo carpeta archivo

11. Conceptos …. Detrás del dominio existe una serie de números llamada dirección IP Las empresas registran nombres de dominio que terminan en: .com entidad comercial .gov gobierno .ec pertenece a Ecuador .org organización Dirección específica del lugar donde está localizado el sitio que se está buscando en Internet

12. Conceptos …. Navegadores: Es el programa que nos ofrece acceso a Internet. Debe ser capaz de comunicarse con un servidor y comprender el lenguaje de todas las herramientas que manejan la información de Web. Puede decirse que cada casa de software podría tener su navegador propio, aunque los mas populares sean MozillaFirefox e Internet Explorer. Los navegadores interpretan el código HTML

13. Conceptos …. Proveedor de servicio de Internet: Es aquel que permite lograr el acceso a Internet Se le conoce como ISP La conexión puede hacerse a través de una línea telefónica.

14. BUSQUEDA EN INTERNET Internet contiene una enorme cantidad de información y amplia variedad de temas. Alberga catálogos, artículos, noticias, reportes, información multimedia, obras de referencia, información de empresas y opiniones personales. La información proviene de varias fuentes

15. Un motor de búsqueda es una herramienta útil para ubicar información sobre la web. Recopila información e indiza automáticamente el sitio. http://www.google.com MOTORES DE BUSQUEDA

16. EDITORES Existen dos tipos: Editores HTML Editores Wisiwyg Editores HTML: Se maneja como un procesador de texto pero requiere se escriba el código HTML de la página. Para observar el resultado se debe abrir la página con un navegador.

17. Editores …. Editores Wisiwyg: No requiere de un aprendizaje previo de HTML, ni lenguajes de programación. Permiten observar la página con el formato con el que se verá a través del navegador. Macromedia Dreamweaver Microsoft FrontPage

18. PLANIFICACIÓN PARA EL DESARROLLO DE UN SITIO WEB La creación de la(s) página(s) en el Web requiere previamente una planificación cuidadosa del proyecto.

19. Planificación … El proceso consiste en definir La audiencia Los propósitos del trabajo Objetivos, y Políticas para el desarrollo y uso de su información. Antes de comenzar a escribir una página WWW, es imperante analizar las metas que se esperan alcanzar, las características, actitudes, y preferencias de la audiencia y el contenido.

20. Planificación … Reflexione sobre lo siguiente: ¿Dónde desea que la presentación del Web se vea? ¿Hay gente en el Web que quiere vera? ¿Quiénes son? ¿Qué quieren ver? ¿A quien quieren ver?

21. RAZONES PARA TENER UNA PÁGINA WEB Una institución educativa que desee informar los servicios que presta Entrenar o capacitar a los empleados de una compañía en cuanto a ciertas destrezas/conocimientos que deben poseer. Promoción/mercadeo de productos comerciales o servicios Simplemente divulgar información personal a los amigos o familiares Publicación de una revista electrónica.

22. ETAPAS DE PLANIFICACIÓN El proceso de planificar las páginas WWW se puede desglosar en siete etapas fundamentales:

23. Consejos a tener en cuenta Organización: Es importante tener clara la estructura del sitio. Los navegantes buscan rapidez y simplicidad en las páginas que visitan. Debe existir una página principal que sirva de enlace al resto de páginas. Colocar los recursos necesarios y optimizar el espacio que ocupan.

24. Cuidar la estructura de archivos y carpetas La primera página que se carga al entrar en nuestro web siempre debe llamarse index.htm o index.html. El nombre de archivo en mayúsculas o minúsculas será interpretado como el mismo archivo en nuestro ordenador pero no al navegar en Internet. En los nombres de archivos se debe evitar utilizar vocales acentuadas, eñes, y caracteres como interrogantes, exclamaciones, etc. Los espacios en los nombres de archivos también dan a menudo problemas. Es aconsejable organizar los archivos de manera que los archivos .html estén juntos en el directorio raíz y los recursos (imágenes, sonidos, etc.) en una subcarpeta.