Materia: Informática Docente: Ing.Carlos J. Archondo O. Cap IV INTERNET
4.1 Reseña Histórica Primera red: ARPANET En Estados Unidos (año 1969) Compuesta de 4 computadoras: 3 en California 1 en Utah Con fines militares de seguridad en las comunicaciones en la época de la guerra fría: No interrumpir las comunicaciones de autoridades en caso de ataque nuclear Envio y recepción de mensajes Crecimiento: En 1980, 200 nodos En 1986, 5000 a 100000 nodos agregados En 1983 ARPANET separó el sector militar En 1994, más de 3.8 millones de nodos Más de 30 millones de usuarios Se eliminaron las restricciones comerciales En el año 2000 mas de 200 millones de usuarios Materia: Informática Docente: Ing.Carlos J. Archondo O.
4.2 Sistema de Nombres de Dominio Objetivos: Crear un sistema de identificación para Poder identificar el grupo Poder identificar la localización de cada nodo Equipos identificados por su ubicación geográfica: uk, br, bo, mx, ar, etc. Nombres de Dominios “ edu” instituciones educativas “ gov” instituciones gubernamentales “ mil” instituciones militares “ com” instituciones comerciales “ org” instituciones no gubernamentales “ net” redes que sirven de apoyo o enlace a otras redes “ int” organizaciones internacionales “ bib” bibliotecas y centros de documentación “ tec” institutos técnicos y universidades tecnológicas “ firm” negocios o firmas “ store” ofertas de negocios para compras “ web” actividades relacionadas con la www “ arts” arte y cultura “ rec” entrenamiento y recreación “ info” entidades que proveen servicios de información “ nom” individuos que deseen nomenclatura personal “ co” empresas grandes e internacionales con fines de lucro “ biz” actividades de negocios o comerciales “ name” registro de nombres propios o apódos “ tv” empresas de video, cine y televisión “ ws” web site, es decir todo tipo se sitios web “ cc” dominiio global “ pro” para profesionales de determinadas categorías en subdominios “ aero” restringido a la industria de servicios aéreos “ coop” cooperativas “ museum” para museos Materia: Informática Docente: Ing.Carlos J. Archondo O.
4.3 Conceptos Básicos de Redes Para qué utilizar una red? Compartir Datos Recursos Tipos de redes: Punto a Punto Dominio Topologías: Bus Estrella Anillo Combinadas Programas: Cliente Servidor Tipos de redes por su cobertura: De área local: LAN De área extensa: WAN Intranet Internet Materia: Informática Docente: Ing.Carlos J. Archondo O. MEDIO FISICO DE COMUNICACION MI PC El INTERNET: La red mundial de comunicaciones
4.3.1 La Red Mundial de Comunicaciones Materia: Informática Docente: Ing.Carlos J. Archondo O.
4.4 Requisitos para Conectarse a Internet En una PC doméstica: Tarjeta Fax Modem ó Tarjeta de Red (ADSL) En una red: Estar conectado a la red: Tarjeta de Red Permisos Administrativos Instalación del protocolo TCP/IP Instalación de componentes Windows para la comunicación a internet Materia: Informática Docente: Ing.Carlos J. Archondo O.
4.5 Datos a Memorizar para Conexión Dial-up El proveedor de internet (ISP): Nombre de usuario (username) Contraseña (password) Ej: Username: jose_lopez Password:  123america  (se verá: **********) Esto quiere decir: El email será:  [email_address] Contraseña:  ********** Materia: Informática Docente: Ing.Carlos J. Archondo O.
4.6 Elección del ISP y Paquete Tengo Fax Modem? Esta correctamente instalado? La línea de teléfono llega a la PC? Mi línea telefónica es de pulsos ó de tonos? Está el protocolo TCP/IP instalado? Tengo el programa de instalación de Windows en disco duro ó en CD? Qué programa navegador voy a usar? Qué programa de correo electrónico voy a usar? Cuántas horas mensuales pienso utilizar el servicio de Internet? Tengo un antivirus instalado? Y... lo actualizo periódicamente? Materia: Informática Docente: Ing.Carlos J. Archondo O.
4.7 Fax – Modem Materia: Informática Docente: Ing.Carlos J. Archondo O.
4.7.1 Acceso Telefónico a Redes Materia: Informática Docente: Ing.Carlos J. Archondo O.
4.7.2 Componentes de Windows Materia: Informática Docente: Ing.Carlos J. Archondo O.
4.8 Servicios del Internet y Normas Servicios Navegación por la red, el correo electrónico, chat, FTP, otros servicios Normas (NetEtiqueta) Materia: Informática Docente: Ing.Carlos J. Archondo O.
4.8.1 Navegación por la red Materia: Informática Docente: Ing.Carlos J. Archondo O. -------- URL de la pagina actual -------- Pagina de origen ------ Botones de la barra de herramientas Contenido de la pagina
4.8.1.1 Tips de Navegación Historial (History) en cache Favoritos (Bookmarks) Buscar información en la página (Search) Página de Inicio (Homepage) Hipervínculos Materia: Informática Docente: Ing.Carlos J. Archondo O.
4.8.2 El Correo Electrónico Programas comunes: AOL Outlook Eudora Outlook Express Netscape mail Otros para servidores propios y creación gratuita de correo: Bolivia.com, Mixmail, Latinmail, Hotmail, Yahoo mail, etc. Materia: Informática Docente: Ing.Carlos J. Archondo O.
4.8.2.1 Tareas Comunes Materia: Informática Docente: Ing.Carlos J. Archondo O. ------ Correo entrante ------ Correo saliente ------ Basurero ------ Chequear correo ------ Nuevo correo ------ Replicar correo ------ Adjuntar correo ------ Libreta de direcciones
4.8.3 Chat Programas comunes: MIRC Latin Chat ICQ Microsoft Chat Materia: Informática Docente: Ing.Carlos J. Archondo O.
4.8.4 Otros Servicios Básicos FTP Win FTP Conversación en línea Micrófono, parlantes Vídeo conversación Micrófono, parlantes, cámara de vídeo conferencia Dial Pad Net2phone Web Phone Materia: Informática Docente: Ing.Carlos J. Archondo O.
4.8.5 Otros Servicios Avanzados Redes Privadas Virtuales (VPN) Radio y TV Salas de conferencia (grupos) Comunicación en vivo Grupos de discusión Universidades Virtuales Cursos Administración remota de cursos Bibliotecas Virtuales Materia: Informática Docente: Ing.Carlos J. Archondo O.
4.8.6 Programas Requeridos Navegador: Explorer, Netscape Correo Electrónico: Outlook, Outlook Express, Netscape Mail, Eudora Compresores: WinZip, WinRar Antivirus Otros Acrobat Reader Go!Zilla Flash Real Player Fast Web Virtual Drive Accelerator Plus Emule Kazaa Napster Etc. Materia: Informática Docente: Ing.Carlos J. Archondo O.
4.8.7 Tips Importantes Compresión y descompresión de archivos Equipo y fax recomendado Horas de navegación Descarga de archivos Protección contra VIRUS No abrir mensajes de correo dudosos Leer mensajes emergentes Correo: nombre fácil de memorizar, contraseña difícil de deducir Uso de programas para leer manuales Precaución al utilizar tarjetas de crédito Materia: Informática Docente: Ing.Carlos J. Archondo O.
4.8.8 Perspectivas Futuras El futuro de las comunicaciones: interconexión total: PCs, MACs, TVs, Radios, Telefonía, Telefonía Celular, Agendas electrónicas, etc. Comunicación on-line las 24 horas del día Comunicación inalámbrica Fusión de los medios de comunicación Universidades virtuales Trabajo en casa Materia: Informática Docente: Ing.Carlos J. Archondo O.
4.8.9 Terminología Básica a-h Ancho de banda “n” MB/T Attachment: Documento adjunto Bookmark: Favorito Bits: Ceros ó Unos lógicos Browser: Navegador Bytes: Conjunto de Bits Cookies: Información del usuario en su PC Chat: Charla en línea en Internet Dirección IP: Número corresp. a una PC Dirección URL (Localización de recursos uniforme) Download: Descarga de archivos FAQs: Preguntas frecuentes Hacker: Pirata Materia: Informática Docente: Ing.Carlos J. Archondo O.
4.8.10 Terminología Básica h-w Hipervínculo (Hyperlink): Liga a otra página Hypermedia: Conjunción Multimedia en Internet Hypertext: Texto que liga á otra página HTML: Lenguaje de Marcado de Hipertexto HTTP: Protocolo de Transferencia de Hipertexto ISP: Proveedor de servicios de internet Java: (Java Script) Lenguajes para dinamizar web News: Noticias On line: En línea, en el momento Real Audio: Programa de reproducción de sonido TCP/IP: Protocolo de Control de Transmisión/Protocolo Internet Upload: Subir archivos a Internet WWW (World Wide Web): Malla mundial Web Page: Página Web Web Server: Servidor Web Website: Servidor Web Materia: Informática Docente: Ing.Carlos J. Archondo O.
4.9 EL Estándar Html En las páginas web se almacena información del WWW Las páginas pueden contener texto, imágenes, animaciones e incluso sonido y video Una de las características mas sobresalientes es que son hipertexto Esto quiere decir que las páginas no son elementos aislados, sino que están unidas a otras mediante enlaces (links) hipertexto Gracias a esto el navegante de Internet puede pulsar sobre un texto activo para navegar hacia otra página El concepto de hipertexto se está extendiendo a hipermedia Es decir las zonas activas pueden ser texto, imágenes, videos, botones, etc. Materia: Informática Docente: Ing.Carlos J. Archondo O.
4.9.1 Características de Html El web debe ser: Distribuido: presente en muchos hosts a lo ancho del mundo Hipertexto, de fácil navegación: vincular a otros hosts Compatible con distintos procesadores (hardware) y distintos sistemas operativos Dinámico: el proceso de cambiar información (actualizarla) debe ser ágil y rápido HTML es el “lenguaje hipertexto de marcas” encargado de convertir un archivo de texto inicial en una página web con distintos formatos: texto, imágenes, animaciones, formularios, etc. Se dice que es un lenguaje descriptivo con titulares definiendo párrafos, listas y otros elementos Materia: Informática Docente: Ing.Carlos J. Archondo O.
4.9.2 Ejemplo <html> <head><title>Ejemplo de una página web, esto es el título</title></head> <body> <h1><center>Mi página web</center></h1> <hr size=5 width=90%> <h2><font color=&quot;red&quot;>Este es un ejemplo del diseño de una página web</font></h2><br> <p><b><font color=&quot;green&quot;>Basta con definirla con diferentes atributos...</b></p> <p><i>...y diferentes párrafos</i></p></font> <a href=&quot;index.htm&quot;><img src=&quot;img.gif&quot;> </a><br><br> Enlace a mi página: <a href=&quot;http://perso.wanadoo.es/cjao&quot;>Mi página</a> </body> </html> Materia: Informática Docente: Ing.Carlos J. Archondo O.
4.9.3 Códigos html Materia: Informática Docente: Ing.Carlos J. Archondo O. <!-- ...... -->   Define un comentario. Los exploradores ignoran completamente estas líneas (excepto cuando se incluyen scripts Java). Son útiles, por ejemplo, para aclarar lo que se hace en cada sección de la página <A> ...... </A>   Sirve para definir una etiqueta de ancla. Lo que se incluya entre sus límites (un texto, una imagen...), actúa como un enlace a otra parte de la página, a una página diferente, a una foto, a grupos de noticias, etc... La manera en que se visualizan las anclas varía según el explorador <B> ...... </B>   Pasa un texto a  negritas. Como la etiqueta  <STRONG>   <BODY> ...... </BODY>   Define la sección de &quot;cuerpo&quot; de un documento HTML. <BR>   Provoca un salto de línea en el lugar donde se escriba <CENTER> ...... </CENTER>   Centra entre los límites de la ventana del navegador <FONT> ...... </FONT>   Cambia el tipo de letra del texto que se encuentre entre las etiquetas <HEAD> ...... </HEAD>   Define la parte del documento que corresponde a la cabecera de la página <HTML> ...... </HTML>   Indica el comienzo y el fin de una página web <HR> ...... </HR>   Inserta una línea de separación en el documento <I> ...... </I>   Transforma el tipo de letra de un texto en  cursiva <IMG>   Inserta una imagen (GIF o JPG), en el punto exacto donde se escriba la instrucción
4.9.3 Códigos html continuación Materia: Informática Docente: Ing.Carlos J. Archondo O. <OL> ...... </OL>   Genera una lista ordenada. Inserta un número que corresponde a la posición del elemento en la lista (comienza a numerar a partir del 1, a menos que se indique lo contrario). Se puede definir un encabezamiento de la lista ( <LH> ) y los elementos se definen con la etiqueta  <LI> <P> ...... </P>   Indica al explorador que lo que sigue es un fragmento en forma de párrafo <TABLE> ...... </TABLE>   Define una tabla dentro de una página web. Admite algunos atributos y tiene unas etiquetas específicas para poner título a la tabla ( <CAPTION> ), incluir cabeceras columnas ( <TH> ), crear filas ( <TR> ) y celdas dentro de éstas últimas ( <TD> ) <TD>   Dentro de una tabla ( <TABLE> ), y en una fila determinada, indica que lo que se escriba a la derecha (hasta el próximo <TD> ó  <TR> ) forma parte de una celda <TITLE> ...... </TITLE>   Es lo que da nombre a la página. Si se utiliza Windows y NETSCAPE ó EXPLORER, es el texto que aparece arriba del todo (donde están los botones de control de la ventana) <TR>   Se utiliza en las tablas ( <TABLE> ) para indicar dónde comienza una nueva fila <UL> ...... </UL>   Crea una lista de elementos desordenada. Cada uno de los elementos de la lista de definen con  <LI>
Currículum vitae Materia: Informática Docente: Ing.Carlos J. Archondo O. http://www.udelosandes.edu.bo  (debe tener este hipervínculo) Universidad [email_address] Correo Electrónico 705-25874 Celular 2-412568 Teléfono Calle Campos 2156 Dirección I-A-013694-96 Libreta Militar 7716226-LP Cédula de Identidad La Paz Lugar de Nacimiento 20/10/1996 Fecha de Nacimiento Pepito Pérez Nombre Aquí insertar su foto (al hacerle clic: mailto: pepito.perez@hotmail.com) ESTUDIOS Universitarios Técnicos TRABAJOS Empresa, cargo, años CURSOS Y SEMINARIOS Nombre del Curso, Institución, año

Cap4

  • 1.
    Materia: Informática Docente:Ing.Carlos J. Archondo O. Cap IV INTERNET
  • 2.
    4.1 Reseña HistóricaPrimera red: ARPANET En Estados Unidos (año 1969) Compuesta de 4 computadoras: 3 en California 1 en Utah Con fines militares de seguridad en las comunicaciones en la época de la guerra fría: No interrumpir las comunicaciones de autoridades en caso de ataque nuclear Envio y recepción de mensajes Crecimiento: En 1980, 200 nodos En 1986, 5000 a 100000 nodos agregados En 1983 ARPANET separó el sector militar En 1994, más de 3.8 millones de nodos Más de 30 millones de usuarios Se eliminaron las restricciones comerciales En el año 2000 mas de 200 millones de usuarios Materia: Informática Docente: Ing.Carlos J. Archondo O.
  • 3.
    4.2 Sistema deNombres de Dominio Objetivos: Crear un sistema de identificación para Poder identificar el grupo Poder identificar la localización de cada nodo Equipos identificados por su ubicación geográfica: uk, br, bo, mx, ar, etc. Nombres de Dominios “ edu” instituciones educativas “ gov” instituciones gubernamentales “ mil” instituciones militares “ com” instituciones comerciales “ org” instituciones no gubernamentales “ net” redes que sirven de apoyo o enlace a otras redes “ int” organizaciones internacionales “ bib” bibliotecas y centros de documentación “ tec” institutos técnicos y universidades tecnológicas “ firm” negocios o firmas “ store” ofertas de negocios para compras “ web” actividades relacionadas con la www “ arts” arte y cultura “ rec” entrenamiento y recreación “ info” entidades que proveen servicios de información “ nom” individuos que deseen nomenclatura personal “ co” empresas grandes e internacionales con fines de lucro “ biz” actividades de negocios o comerciales “ name” registro de nombres propios o apódos “ tv” empresas de video, cine y televisión “ ws” web site, es decir todo tipo se sitios web “ cc” dominiio global “ pro” para profesionales de determinadas categorías en subdominios “ aero” restringido a la industria de servicios aéreos “ coop” cooperativas “ museum” para museos Materia: Informática Docente: Ing.Carlos J. Archondo O.
  • 4.
    4.3 Conceptos Básicosde Redes Para qué utilizar una red? Compartir Datos Recursos Tipos de redes: Punto a Punto Dominio Topologías: Bus Estrella Anillo Combinadas Programas: Cliente Servidor Tipos de redes por su cobertura: De área local: LAN De área extensa: WAN Intranet Internet Materia: Informática Docente: Ing.Carlos J. Archondo O. MEDIO FISICO DE COMUNICACION MI PC El INTERNET: La red mundial de comunicaciones
  • 5.
    4.3.1 La RedMundial de Comunicaciones Materia: Informática Docente: Ing.Carlos J. Archondo O.
  • 6.
    4.4 Requisitos paraConectarse a Internet En una PC doméstica: Tarjeta Fax Modem ó Tarjeta de Red (ADSL) En una red: Estar conectado a la red: Tarjeta de Red Permisos Administrativos Instalación del protocolo TCP/IP Instalación de componentes Windows para la comunicación a internet Materia: Informática Docente: Ing.Carlos J. Archondo O.
  • 7.
    4.5 Datos aMemorizar para Conexión Dial-up El proveedor de internet (ISP): Nombre de usuario (username) Contraseña (password) Ej: Username: jose_lopez Password: 123america (se verá: **********) Esto quiere decir: El email será: [email_address] Contraseña: ********** Materia: Informática Docente: Ing.Carlos J. Archondo O.
  • 8.
    4.6 Elección delISP y Paquete Tengo Fax Modem? Esta correctamente instalado? La línea de teléfono llega a la PC? Mi línea telefónica es de pulsos ó de tonos? Está el protocolo TCP/IP instalado? Tengo el programa de instalación de Windows en disco duro ó en CD? Qué programa navegador voy a usar? Qué programa de correo electrónico voy a usar? Cuántas horas mensuales pienso utilizar el servicio de Internet? Tengo un antivirus instalado? Y... lo actualizo periódicamente? Materia: Informática Docente: Ing.Carlos J. Archondo O.
  • 9.
    4.7 Fax –Modem Materia: Informática Docente: Ing.Carlos J. Archondo O.
  • 10.
    4.7.1 Acceso Telefónicoa Redes Materia: Informática Docente: Ing.Carlos J. Archondo O.
  • 11.
    4.7.2 Componentes deWindows Materia: Informática Docente: Ing.Carlos J. Archondo O.
  • 12.
    4.8 Servicios delInternet y Normas Servicios Navegación por la red, el correo electrónico, chat, FTP, otros servicios Normas (NetEtiqueta) Materia: Informática Docente: Ing.Carlos J. Archondo O.
  • 13.
    4.8.1 Navegación porla red Materia: Informática Docente: Ing.Carlos J. Archondo O. -------- URL de la pagina actual -------- Pagina de origen ------ Botones de la barra de herramientas Contenido de la pagina
  • 14.
    4.8.1.1 Tips deNavegación Historial (History) en cache Favoritos (Bookmarks) Buscar información en la página (Search) Página de Inicio (Homepage) Hipervínculos Materia: Informática Docente: Ing.Carlos J. Archondo O.
  • 15.
    4.8.2 El CorreoElectrónico Programas comunes: AOL Outlook Eudora Outlook Express Netscape mail Otros para servidores propios y creación gratuita de correo: Bolivia.com, Mixmail, Latinmail, Hotmail, Yahoo mail, etc. Materia: Informática Docente: Ing.Carlos J. Archondo O.
  • 16.
    4.8.2.1 Tareas ComunesMateria: Informática Docente: Ing.Carlos J. Archondo O. ------ Correo entrante ------ Correo saliente ------ Basurero ------ Chequear correo ------ Nuevo correo ------ Replicar correo ------ Adjuntar correo ------ Libreta de direcciones
  • 17.
    4.8.3 Chat Programascomunes: MIRC Latin Chat ICQ Microsoft Chat Materia: Informática Docente: Ing.Carlos J. Archondo O.
  • 18.
    4.8.4 Otros ServiciosBásicos FTP Win FTP Conversación en línea Micrófono, parlantes Vídeo conversación Micrófono, parlantes, cámara de vídeo conferencia Dial Pad Net2phone Web Phone Materia: Informática Docente: Ing.Carlos J. Archondo O.
  • 19.
    4.8.5 Otros ServiciosAvanzados Redes Privadas Virtuales (VPN) Radio y TV Salas de conferencia (grupos) Comunicación en vivo Grupos de discusión Universidades Virtuales Cursos Administración remota de cursos Bibliotecas Virtuales Materia: Informática Docente: Ing.Carlos J. Archondo O.
  • 20.
    4.8.6 Programas RequeridosNavegador: Explorer, Netscape Correo Electrónico: Outlook, Outlook Express, Netscape Mail, Eudora Compresores: WinZip, WinRar Antivirus Otros Acrobat Reader Go!Zilla Flash Real Player Fast Web Virtual Drive Accelerator Plus Emule Kazaa Napster Etc. Materia: Informática Docente: Ing.Carlos J. Archondo O.
  • 21.
    4.8.7 Tips ImportantesCompresión y descompresión de archivos Equipo y fax recomendado Horas de navegación Descarga de archivos Protección contra VIRUS No abrir mensajes de correo dudosos Leer mensajes emergentes Correo: nombre fácil de memorizar, contraseña difícil de deducir Uso de programas para leer manuales Precaución al utilizar tarjetas de crédito Materia: Informática Docente: Ing.Carlos J. Archondo O.
  • 22.
    4.8.8 Perspectivas FuturasEl futuro de las comunicaciones: interconexión total: PCs, MACs, TVs, Radios, Telefonía, Telefonía Celular, Agendas electrónicas, etc. Comunicación on-line las 24 horas del día Comunicación inalámbrica Fusión de los medios de comunicación Universidades virtuales Trabajo en casa Materia: Informática Docente: Ing.Carlos J. Archondo O.
  • 23.
    4.8.9 Terminología Básicaa-h Ancho de banda “n” MB/T Attachment: Documento adjunto Bookmark: Favorito Bits: Ceros ó Unos lógicos Browser: Navegador Bytes: Conjunto de Bits Cookies: Información del usuario en su PC Chat: Charla en línea en Internet Dirección IP: Número corresp. a una PC Dirección URL (Localización de recursos uniforme) Download: Descarga de archivos FAQs: Preguntas frecuentes Hacker: Pirata Materia: Informática Docente: Ing.Carlos J. Archondo O.
  • 24.
    4.8.10 Terminología Básicah-w Hipervínculo (Hyperlink): Liga a otra página Hypermedia: Conjunción Multimedia en Internet Hypertext: Texto que liga á otra página HTML: Lenguaje de Marcado de Hipertexto HTTP: Protocolo de Transferencia de Hipertexto ISP: Proveedor de servicios de internet Java: (Java Script) Lenguajes para dinamizar web News: Noticias On line: En línea, en el momento Real Audio: Programa de reproducción de sonido TCP/IP: Protocolo de Control de Transmisión/Protocolo Internet Upload: Subir archivos a Internet WWW (World Wide Web): Malla mundial Web Page: Página Web Web Server: Servidor Web Website: Servidor Web Materia: Informática Docente: Ing.Carlos J. Archondo O.
  • 25.
    4.9 EL EstándarHtml En las páginas web se almacena información del WWW Las páginas pueden contener texto, imágenes, animaciones e incluso sonido y video Una de las características mas sobresalientes es que son hipertexto Esto quiere decir que las páginas no son elementos aislados, sino que están unidas a otras mediante enlaces (links) hipertexto Gracias a esto el navegante de Internet puede pulsar sobre un texto activo para navegar hacia otra página El concepto de hipertexto se está extendiendo a hipermedia Es decir las zonas activas pueden ser texto, imágenes, videos, botones, etc. Materia: Informática Docente: Ing.Carlos J. Archondo O.
  • 26.
    4.9.1 Características deHtml El web debe ser: Distribuido: presente en muchos hosts a lo ancho del mundo Hipertexto, de fácil navegación: vincular a otros hosts Compatible con distintos procesadores (hardware) y distintos sistemas operativos Dinámico: el proceso de cambiar información (actualizarla) debe ser ágil y rápido HTML es el “lenguaje hipertexto de marcas” encargado de convertir un archivo de texto inicial en una página web con distintos formatos: texto, imágenes, animaciones, formularios, etc. Se dice que es un lenguaje descriptivo con titulares definiendo párrafos, listas y otros elementos Materia: Informática Docente: Ing.Carlos J. Archondo O.
  • 27.
    4.9.2 Ejemplo <html><head><title>Ejemplo de una página web, esto es el título</title></head> <body> <h1><center>Mi página web</center></h1> <hr size=5 width=90%> <h2><font color=&quot;red&quot;>Este es un ejemplo del diseño de una página web</font></h2><br> <p><b><font color=&quot;green&quot;>Basta con definirla con diferentes atributos...</b></p> <p><i>...y diferentes párrafos</i></p></font> <a href=&quot;index.htm&quot;><img src=&quot;img.gif&quot;> </a><br><br> Enlace a mi página: <a href=&quot;http://perso.wanadoo.es/cjao&quot;>Mi página</a> </body> </html> Materia: Informática Docente: Ing.Carlos J. Archondo O.
  • 28.
    4.9.3 Códigos htmlMateria: Informática Docente: Ing.Carlos J. Archondo O. <!-- ...... --> Define un comentario. Los exploradores ignoran completamente estas líneas (excepto cuando se incluyen scripts Java). Son útiles, por ejemplo, para aclarar lo que se hace en cada sección de la página <A> ...... </A> Sirve para definir una etiqueta de ancla. Lo que se incluya entre sus límites (un texto, una imagen...), actúa como un enlace a otra parte de la página, a una página diferente, a una foto, a grupos de noticias, etc... La manera en que se visualizan las anclas varía según el explorador <B> ...... </B> Pasa un texto a negritas. Como la etiqueta <STRONG> <BODY> ...... </BODY> Define la sección de &quot;cuerpo&quot; de un documento HTML. <BR> Provoca un salto de línea en el lugar donde se escriba <CENTER> ...... </CENTER> Centra entre los límites de la ventana del navegador <FONT> ...... </FONT> Cambia el tipo de letra del texto que se encuentre entre las etiquetas <HEAD> ...... </HEAD> Define la parte del documento que corresponde a la cabecera de la página <HTML> ...... </HTML> Indica el comienzo y el fin de una página web <HR> ...... </HR> Inserta una línea de separación en el documento <I> ...... </I> Transforma el tipo de letra de un texto en cursiva <IMG> Inserta una imagen (GIF o JPG), en el punto exacto donde se escriba la instrucción
  • 29.
    4.9.3 Códigos htmlcontinuación Materia: Informática Docente: Ing.Carlos J. Archondo O. <OL> ...... </OL> Genera una lista ordenada. Inserta un número que corresponde a la posición del elemento en la lista (comienza a numerar a partir del 1, a menos que se indique lo contrario). Se puede definir un encabezamiento de la lista ( <LH> ) y los elementos se definen con la etiqueta <LI> <P> ...... </P> Indica al explorador que lo que sigue es un fragmento en forma de párrafo <TABLE> ...... </TABLE> Define una tabla dentro de una página web. Admite algunos atributos y tiene unas etiquetas específicas para poner título a la tabla ( <CAPTION> ), incluir cabeceras columnas ( <TH> ), crear filas ( <TR> ) y celdas dentro de éstas últimas ( <TD> ) <TD> Dentro de una tabla ( <TABLE> ), y en una fila determinada, indica que lo que se escriba a la derecha (hasta el próximo <TD> ó <TR> ) forma parte de una celda <TITLE> ...... </TITLE> Es lo que da nombre a la página. Si se utiliza Windows y NETSCAPE ó EXPLORER, es el texto que aparece arriba del todo (donde están los botones de control de la ventana) <TR> Se utiliza en las tablas ( <TABLE> ) para indicar dónde comienza una nueva fila <UL> ...... </UL> Crea una lista de elementos desordenada. Cada uno de los elementos de la lista de definen con <LI>
  • 30.
    Currículum vitae Materia:Informática Docente: Ing.Carlos J. Archondo O. http://www.udelosandes.edu.bo (debe tener este hipervínculo) Universidad [email_address] Correo Electrónico 705-25874 Celular 2-412568 Teléfono Calle Campos 2156 Dirección I-A-013694-96 Libreta Militar 7716226-LP Cédula de Identidad La Paz Lugar de Nacimiento 20/10/1996 Fecha de Nacimiento Pepito Pérez Nombre Aquí insertar su foto (al hacerle clic: mailto: pepito.perez@hotmail.com) ESTUDIOS Universitarios Técnicos TRABAJOS Empresa, cargo, años CURSOS Y SEMINARIOS Nombre del Curso, Institución, año