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 IING. MIRYAN ALMACHEmiryanapb@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ónSist.OperativoSe visualizanPáginas web

4. CONCEPTOSHTML: 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 documentoEtiquetas 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 documentoEstilos a aplicar en el textoHiperenlaces para acceder a otra informaciónPara crear un documento HTML se necesita un editor de texto, el cual genera un archivo plano.Simple TextBloc de NotasgEdit

6. Conceptos ….Con el lenguaje HTML no podemos usar:ColumnasTamaños de fuentesEfectosTabulacionesEcuacionesEncabezados 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.htmlTodos los sitios web tienen un URLEl nombre del dominio es únicodominioprotocolocarpetaarchivo

11. Conceptos ….Detrás del dominio existe una serie de números llamada dirección IPLas empresas registran nombres de dominio que terminan en: .com entidad comercial .gov gobierno .ec pertenece a Ecuador .org organizaciónDirecció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 InternetSe le conoce como ISPLa conexión puede hacerse a través de una línea telefónica.

14. BUSQUEDA EN INTERNETInternet 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.comMOTORES DE BUSQUEDA

16. EDITORESExisten dos tipos:Editores HTMLEditores WisiwygEditores 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 DreamweaverMicrosoft FrontPage

18. PLANIFICACIÓN PARA EL DESARROLLO DE UN SITIO WEBLa 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 definirLa audienciaLos propósitos del trabajoObjetivos, 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 WEBUna institución educativa que desee informar los servicios que prestaEntrenar 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 serviciosSimplemente divulgar información personal a los amigos o familiaresPublicació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 cuentaOrganizació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 carpetasLa 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.