Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Diseno Grafico 1 Ind

    Încărcat de

    Freddy León Martinez
    10 vizualizări9 pagini

    Drepturi de autor

    © Attribution Non-Commercial (BY-NC)

    Formate disponibile

    PPTX, PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca PPTX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    10 vizualizări9 pagini

    Diseno Grafico 1 Ind

    Încărcat de

    Freddy León Martinez

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca PPTX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 9

    DISEO PUBLICITARIO

    ING.MSC.FREDY LEN

    DISEO WEB

    CONSTRUYE TU PRIMERA PGINA WEB (HTML) 1.Una idea para lanzar al cyberespacio

    INTRODUCCIN

    El objetivo de este curso es construir una pgina sin la ayuda de un editor de pginas webs y lista para ser colocada en el WWW (world wide wade). A la conclusin de este curso tienes que ser capaz de construir una pgina web en HTML (el lenguaje de Internet) que incluya:

    texto, imgenes y sonido


    todo ello con posibilidades de incluir nuestro fondo favorito y nuestra direccin e-mail para que nuestros colegas nos enven sus sugerencias. Antes de empezar a construir nuestra pgina tenemos que tener una idea. Que queremos incluir?, que queremos que aparezca en nuestra pgina?, que deseamos compartir con toda la comunidad internauta? Tenemos que tener una idea clara del texto que deseamos incluir, que imgenes, como combinan las imgenes con el texto. Una vez tengamos en mente lo que deseamos incluir y como debe lucir podemos ponernos manos a la pgina.

    DISEO WEB

    HERRAMIENTAS
    Para construir una pgina web solo es necesaria disponer de un procesador de textos y de un navegador. El prosador de texto puede ser cualquiera, las grandes aplicaciones: Word o Wordperfect, o la aplicacin facilitada por el propio Windows: WordPad. En nuestro curso vamos a utilizar el WorPad (de Windows) para demostrar que con las propias herramientas de Windows (es decir sin inversin adicional) se puede llegar a Internet. El navegador que utilizaremos ser el Iexplorer de Microsoft (se puede obtener gratis de cualquier CD de las revistas especializadas, tambin nuestro proveedor de Internet nos lo facilitara junto con el software de conexin). Escribiremos el cdigo HTML que nos permitir ir construyendo nuestra pgina en el procesador de texto e iremos verificando nuestros progresos utilizando el navegador. En esta fase no necesitaremos estar conectados a Internet. Solo cuando estemos totalmente satisfechos con nuestro trabajo empezaremos a pensar en como colocar nuestra pgina en la red.

    DISEO WEB

    Comandos bsicos
    INTRODUCCION Para que una pgina web sea interpretada por el navegador debe incluir una serie de comandos (tags = etiquetas) que son los que marcan lo que queremos que el navegador visualice en referencia a nuestra pgina. Las etiquetas (tags) que utiliza el lenguaje HTML siguen unas reglas muy simples: Siempre van entre corchetes, < >. La misma etiqueta marca el principio y el fin de una accin con la nica diferencia de que la etiqueta que indica el final de la accin va precedida por la barra inclinada. En el transcurso de esta sesin iremos desarrollando paso a paso una pgina web empezando con los comandos bsicos y aadiendo diversas etiquetas hasta que nuestra pgina este lista para su presentacin en sociedad.

    DISEO WEB

    LO OBLIGATORIO
    Toda pgina web incluye las siguientes etiquetas o tags: <HTML> <HEAD> <TITLE> </HTML> </HEAD> </TITLE>

    y su distribucin en nuestra pgina es como sigue: <html> <head> <title> Mi primera pgina web </title> </head> </html> (A efectos de claridad en el material de referencia de este curso se escribirn siempre las etiquetas del lenguaje en color azul. Otro aspecto a destacar es que el lenguaje no hace diferencia entre maysculas y minsculas, por lo que es indiferente utilizar unas u otras).

    DISEO WEB

    Con este pequeo programa conseguimos que el navegador sepa que esta ante una pgina web que se identifica con el ttulo Mi primera pgina web. Lo que nos mostrara en navegador es lo siguiente:

    DISEO WEB

    La direccin (URL) indica en que directorio esta incluida nuestra pgina. En la barra azul observamos que se muestra en nombre (o ttulo) que le hemos puesto a nuestra pgina. La pgina esta vaca mostrando el caracterstico color gris que por defecto utiliza el navegador de Microsoft.

    DISEO DE IMPRESOS

    QUE MS SE DEBE INCLUIR ? A continuacin debemos incluir el texto, imgenes, etc. que queremos se vean en nuestra pgina. Todo aquello que se visualice en nuestra web debe estar incluido entre la etiqueta <BODY> </BODY>. Esta etiqueta va siempre detrs de la etiqueta </HEAD>.

    Es decir;
    <html> <head><title> Mi primera pgina web </title></head> <body> Hola, esta es mi primera aparicin en Internet. De momento solo estas breves lneas, pero esperar un poco y la cosa ira mejorando. </body> </html>

    ING.MSC.FREDY LEN M

    S-ar putea să vă placă și