Scribd Logo
Importer

Bienvenue sur Scribd !

  • Fi - Manual - Doc01

    Transféré par

    Giancarlo
    34 vues3 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    34 vues3 pages

    Fi - Manual - Doc01

    Transféré par

    Giancarlo

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 3

    Instituto Superior Tecnológico Espiritu Santo Fundamentos de Internet

    Fundamentos de Internet - Doc 01 -


    Por: Ruben Torres Ortega

    1. CONCEPTOS BASICOS
    1. World Wide Web (WWW): Digamos, simplemente, que es un sistema de
    información, el sistema de información propio de Internet. Sus características son:
    o 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.
    o Gráfico: En la pantalla aparece simultáneamente texto, imágenes e incluso
    sonidos.
    o Global: Se puede acceder a él desde cualquier tipo de plataforma, usando
    cualquier navegador y desde cualquier parte del mundo.
    o Pública: Toda su información está distribuida en miles de ordenadores que
    ofrecen su espacio para almacenarla. Toda esta información es pública y
    toda puede ser obtenida por el usuario.
    o Dinámica: La información, aunque esta almacenada, puede ser actualizada
    por el que la publico sin que el usuario deba actualizar su soporte técnico.
    o Independiente: Dada la inmensa cantidad de fuentes, es independiente y
    libre.

    2. Navegador: 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 Netscape e Internet
    Explorer.

    3. Servidor: 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.

    4. HTTP: Es el protocolo de transferencia de hipertexto, o sea, el protocolo que los


    servidores de World Wde Web utilizan para mandar documentos HTML a través de
    Internet.

    5. URL: Es el Localizador Uniforme de Recursos, o dicho mas claramente, es la


    dirección que localiza una información dentro de Internet.

    6. HTML: De momento, le basta saber que estas siglas se corresponden con la


    definición "Lenguaje para marcado de hipertexto". Más claro aún, se trata de un
    lenguaje para estructurar documentos a partir de texto en World Wide Web. Este
    lenguaje se basa en tags (instrucciones que le dicen al texto como deben mostrarse)
    y atributos (parámetros que dan valor al tag).
    7. W3C:

    Rubén Torres Ortega Página 1 de 117


    Ruben_torres_ortega@hotmail.com
    Instituto Superior Tecnológico Espiritu Santo Fundamentos de Internet

    2. HTML

    2.1 Estructura de un documento HTML: Cabecera y cuerpo


    del documento
    Tres son las marcas que describen la estructura general de un documento y dan una
    información sencilla sobre él. Página HTML tiene que contener éstas marcas.

    Todas las marcas tienen una para inicio, y otra para cierre, son muy pocas las que no tienen
    una marca de cierre, esto delimita donde deberá ser la influencia de dicha marca, las marcas
    de cierre por lo general son exacatamente la misma marca de inicio pero con un / al iniciar,
    por ejemplo: <html> es inicio y </html> es fin de marca.

    ™ <HTML>: Limitan el documento e indica que se encuentra escrito en este lenguaje, tiene
    que ser la primera y la última marca que se encuentra en la página HTML

    ™ <HEAD>: Especifica el prólogo del resto del archivo. Son pocas las marcas que van
    dentro de ella, destacando la del titulo, el contenido de la marca HEAD no se ve en la
    página, da información de cómo será el contenido de la página asi como información a
    servidores y buscadores de Internet, la única marca que usted verá será <TITLE> que
    se mostrará en la barra azul del borde de la ventana, mostrando el nombre de la página.
    Solo puede haber un título por documento, preferiblemente corto aunque significativo, y
    no caben otras marcas dentro de él. En resumen, en la marca head no hay que colocar
    nada del texto del documento.

    ™ <BODY>: Encierra el resto del documento, el contenido.


    ™ <!—esta seria una linea de comentarios --> para escribir comentarios que no
    se mostrarán en la página.

    Otras marcas que podemos mencionar que pueden ir en HEAD son:


    Marcas en Head

    Marca Inicio Descripción Marca de cierre


    <head> Define la informacion de cabecera del documento. </head>
    <title> Define el título del documento </title>
    <base> Define una base URL en que estará creada la página </base>
    <link> Define las fuentes de referencia o vinculos </link>
    <meta> Define las marcas META </meta>
    <!-- --> Comentarios

    Marca Descripción
    <!DOCTYPE> Define el tipo de documento, ésta marca debe ir incluso antes que la
    marca HTML.

    El elemento Meta

    La información META de un documento es relevante hacia el mismo servidor o a otros


    servidores, por ejemplo buscadores, ya sea, yahoo, lycos, infoseek y muchos otros..

    Las palabras claves para buscadores

    Muchos buscadores (excepto google) buscan las marcas META para establecer la busqueda
    de palabras relacionadoas con su pagina web.

    Rubén Torres Ortega Página 2 de 117


    Ruben_torres_ortega@hotmail.com
    Instituto Superior Tecnológico Espiritu Santo Fundamentos de Internet

    Este ejemplo muestra la descripcion de su pagina web:

    <meta name="description" content="La major pagina de chistes de internet">

    Este ejemplo muestra palabras claves relaciionadas con su sitio web:

    <meta name="keywords" content="chistes, bromas, ocio, diversion, entretenimiento">

    Lastimosamente muchos han usado los meta tags para hacer spamming, (informacion
    basura de internet), por lo tanto algunos buscadores han optado por obviar estas marcas y leer el
    contenido completo del sitio, lo que ha perjudicado de cierta manera, en cambio, a aquellas
    paginas que son completamente gráficas o animadas, por ejemplo, las que están hechas en
    macromedia Flash..

    Taller 1:
    Abrir el Block de notas (menú, inicio, accesorios, block de notas), y escribir nuestro primer sitio
    web

    <html>
    <head>
    <title> Mi primera pagina Web </title>
    </head>

    <body>
    <!—aquí va un comentario que no saldrá en nuestra página -->
    escribimos un texto inicial aqui que se mostrar
    </body>
    </html>

    Guardamos el archivo (si desea en el escritorio para fácil acceso o si no, puede hacerlo en una
    carpeta, tenga en cuenta donde se encuentra la carpeta para fácil acceso), hay que tener cuidado
    que el la especificación TIPO DE ARCHIVo se mantenga Todos los archivos en lugar de Archivo de
    texto, y guardamos el archivo con un nombre y extensión HTM o HTML, por ejemplo,
    ejemplo1.htm.

    Ahora si, nuestro archivo deberá tener el icono de Internet , y con hacerle doble clic
    podremos verlo en el explorador.

    Rubén Torres Ortega Página 3 de 117


    Ruben_torres_ortega@hotmail.com

    Vous aimerez peut-être aussi