HTML

345 views
297 views

Published on

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
345
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

HTML

  1. 1. SOFTWARE APLICADO I<br />ING. MIRYAN ALMACHE<br />miryanapb@hotmail.com<br />
  2. 2. OBJETIVO<br /> 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.<br />
  3. 3. Introducción<br />Sist.<br />Operativo<br />Se visualizan<br />Páginas web<br />
  4. 4. CONCEPTOS<br />HTML: Mecanismo para indicarle a un navegador como presentar una página.<br /> (HyperTextMarkupLanguaje)<br /> (Lenguaje de marcación de hipertexto)<br />Indepediente del medio donde va hacer presentada la interfaz.<br />Un documento HTML consta de:<br /> Texto que define el contenido del documento<br />Etiquetas que son las instrucciones del lenguaje (definen la forma en que debe presentarse la información)<br />
  5. 5. Conceptos ….<br />Las etiquetas definen:<br />La estructura lógica del documento<br />Estilos a aplicar en el texto<br />Hiperenlaces para acceder a otra información<br />Para crear un documento HTML se necesita un editor de texto, el cual genera un archivo plano.<br />Simple Text<br />Bloc de Notas<br />gEdit<br />
  6. 6. Conceptos ….<br />Con el lenguaje HTML no podemos usar:<br />Columnas<br />Tamaños de fuentes<br />Efectos<br />Tabulaciones<br />Ecuaciones<br />Encabezados de pie de página, notas al pie, etc.<br />Bordes de página, márgenes, numeraciones de página.<br />
  7. 7. Conceptos ….<br />Internet: Es un sistema mundial de redes de computadoras interconectadas. <br /> Las computadoras y las redes intercambian información utilizando TCP/IP para comunicarse entre sí<br /> La Internet puede ser utilizada para enviar correos electrónicos, transferir archivos y accesar información de la web.<br />
  8. 8. WWW: Es un sistema de información, el sistema de información propio de Internet. Sus características son: <br />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.<br />Gráfico: En la pantalla aparece simultáneamente texto, imágenes e incluso sonidos.<br />Global: Acceso desde cualquier tipo de plataforma, usando cualquier navegador y desde cualquier parte del mundo.<br />Pública: Toda su información está distribuida en miles de ordenadores que ofrecen su espacio para almacenarla. <br />Dinámica: Puede ser actualizada por el que la publico sin que el usuario deba actualizar su soporte técnico.<br />Independiente: Dada la inmensa cantidad de fuentes, es independiente y libre.<br />
  9. 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.<br /> 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.<br /> Páginas: Elementos con todo el contenido de texto, gráficas, sonido y video.<br />
  10. 10. Conceptos ….<br />URL: Es un localizador de recursos uniformes.<br />Constituye la dirección web de los documentos y recursos.<br /> http://www.yahoo.com/camp/index.html<br />Todos los sitios web tienen un URL<br />El nombre del dominio es único<br />dominio<br />protocolo<br />carpeta<br />archivo<br />
  11. 11. Conceptos ….<br />Detrás del dominio existe una serie de números llamada dirección IP<br />Las empresas registran nombres de dominio que terminan en:<br /> .com entidad comercial<br /> .gov gobierno<br /> .ec pertenece a Ecuador<br /> .org organización<br />Dirección específica del lugar donde está localizado el sitio que se está buscando en Internet<br />
  12. 12. Conceptos ….<br /> 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.<br /> Puede decirse que cada casa de software podría tener su navegador propio, aunque los mas populares sean MozillaFirefox e Internet Explorer.<br />Los navegadores interpretan el código HTML<br />
  13. 13. Conceptos ….<br />Proveedor de servicio de Internet: Es aquel que permite lograr el acceso a Internet<br />Se le conoce como ISP<br />La conexión puede hacerse a través de una línea telefónica.<br />
  14. 14. BUSQUEDA EN INTERNET<br />Internet contiene una enorme cantidad de información y amplia variedad de temas.<br />Alberga catálogos, artículos, noticias, reportes, información multimedia, obras de referencia, información de empresas y opiniones personales.<br />La información proviene de varias fuentes<br />
  15. 15. Un motor de búsqueda es una herramienta útil para ubicar información sobre la web.<br />Recopila información e indiza automáticamente el sitio.<br />http://www.google.com<br />MOTORES DE BUSQUEDA<br />
  16. 16. EDITORES<br />Existen dos tipos:<br />Editores HTML<br />Editores Wisiwyg<br />Editores HTML: Se maneja como un procesador de texto pero requiere se escriba el código HTML de la página.<br />Para observar el resultado se debe abrir la página con un navegador.<br />
  17. 17. Editores ….<br />Editores Wisiwyg: No requiere de un aprendizaje previo de HTML, ni lenguajes de programación.<br />Permiten observar la página con el formato con el que se verá a través del navegador.<br />Macromedia Dreamweaver<br />Microsoft FrontPage<br />
  18. 18. PLANIFICACIÓN PARA EL DESARROLLO DE UN SITIO WEB<br />La creación de la(s) página(s) en el Web requiere previamente una planificación cuidadosa del proyecto.<br />
  19. 19. Planificación …<br />El proceso consiste en definir<br />La audiencia<br />Los propósitos del trabajo<br />Objetivos, y <br />Políticas para el desarrollo y uso de su información. <br />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.<br />
  20. 20. Planificación …<br />Reflexione sobre lo siguiente: <br /> ¿Dónde desea que la presentación del Web se vea?<br /> ¿Hay gente en el Web que quiere vera? ¿Quiénes son?<br /> ¿Qué quieren ver?<br /> ¿A quien quieren ver?<br />
  21. 21. RAZONES PARA TENER UNA PÁGINA WEB<br />Una institución educativa que desee informar los servicios que presta<br />Entrenar o capacitar a los empleados de una compañía en cuanto a ciertas destrezas/conocimientos que deben poseer. <br />Promoción/mercadeo de productos comerciales o servicios<br />Simplemente divulgar información personal a los amigos o familiares<br />Publicación de una revista electrónica.<br />
  22. 22. ETAPAS DE PLANIFICACIÓN<br /> El proceso de planificar las páginas WWW se puede desglosar en siete etapas fundamentales:<br />
  23. 23. Consejos a tener en cuenta<br />Organización: <br />Es importante tener clara la estructura del sitio.<br />Los navegantes buscan rapidez y simplicidad en las páginas que visitan. <br />Debe existir una página principal que sirva de enlace al resto de páginas.<br />Colocar los recursos necesarios y optimizar el espacio que ocupan.<br />
  24. 24. Cuidar la estructura de archivos y carpetas<br />La primera página que se carga al entrar en nuestro web siempre debe llamarse index.htm o index.html.<br />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.<br />En los nombres de archivos se debe evitar utilizar vocales acentuadas, eñes, y caracteres como interrogantes, exclamaciones, etc.<br />Los espacios en los nombres de archivos también dan a menudo problemas.<br />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.<br />

×