jueves, 9 de junio de 2011

Aplico lo aprendido

·         Que es un link?
RTA/ Un LINK es un objeto que cuando pulsamos sobre él, el navegador nos lleva a otra página archivo y suele adquirir la apariencia de una mano señalando.
        ·  Para que se utilizan los enlaces?
RTA/ Se utilizan para llevarnos a una página de internet ajena a nuestro sitio.
    ·         Qué comando se utiliza para crear enlaces y cuál es su significado?
RTA/ <a href= http://www.astrolabio.com.co/clientes/cintel/modulo1-sensibilizacion-en-accesibilidad/autoevaluacion-en-html/lecturas-complementarias-donde-aprender-mas-sobre-html.html</a>
                  A través del atributo href se especifica la página a la que está asociado el enlace, la página que se                  visualizará cuando el usuario haga clic en el enlace.
                   ·         Enumera los Tipos de enlaces, dar ejemplos.
             RTA/ -Enlace a un grafico:<A HREF="nombre_de fichero_.GIF>texto que se corresponda con el   link</A>
             donde nombre_de _fichero.GIF  es el nombre del archivo de la imagen GIF.
              
            -Enlaces hipergraficos:  Se puede añadir imágenes para actuar de enlaces. La manera de hacerlo es poner la etiqueta HTMl para las imágenes dentro de la parte de hipertexto de la etiqueta anchor.

Etiquetas Basicas

COLOR A LAS PAGINAS: a través de la etiqueta <body> es posible establecer el color o la imagen de fondo de la pagina.
El fondo puede establecerse a través del atributo bgcolor al que es posible asignarle un color representado en hexadecimal o por un nombre predefinido.
EJEMPLO: <bodybgcolor ''#0000F''> es equivalente a <bodybgcolor ''blue''>

SALTOS DE LINEA:  para que se produzca el salto de linea en el navegador en lugar de pulsar la tecla INTRO hay que insertar <br> donde se desee que se produzca el salto.

ENCABEZADOS: <H1></H1> suelen utilizarse para establecer títulos dentro de una pagina. El rango de los encabezados varia desde 1 a 6.

ESTILO: los estilos básicos que se pueden incluir son:
<B></B> Negrita
<l></l> Cursiva
<U></U> subrayado
<S></S> Tachado
<TT></TT> Terminal

El formato de la etiqueta de tipo de letra es: <fontface=''papyrus''>Hola</font>
El formato de la etiqueta de tamaño de letra es: <fontsize=#>Aprendiendo diseño web</font>
El formato de la etiqueta de color de letra es: <fontcolor=lime>Hola</font> o <fontcolor=#0022007>

TILDES: para poner tildes se escribe:
 EJEMPLO: para escribir pagina con tilde se escribe así:  p&aacute;gina

miércoles 8 de junio de 2011


Etiquetas Basicas



BACKROUND: Permite incluir una imagen o textura de fondo


ENCABEZADOS: <H1> </H1>: Suelen utilizarse para establecer dentro de una pagina.


MARQUESINAS: <MARQUEE</MARQUEE> Son lineas de texto que se desplazan de un lado a otro de la ventana lineal mente.


SANGRADO DE TEXTO: <BLOCKQUOTES> </BLOCKQUOTES> La sangría es una especie de margen que se establece a ambos lados de texto. Para que un texto aparezca sangrado se inserta entre dichas etiquetas. Insertando el texto entre varias etiquetas <BLOCKQUOTES>  y </BLOCKQUOTES> se consigue que los margenes sean mayores.


JUSTIFICACION/ALINEACION DEL TEXTO: <center> </center> Opcion de centrado introducida por Netscape

COMO HACER UNA PAGINA WEB

¿Como hacer una pagina web?



NECESITAMOS PARA EMPEZAR:       
  • Una computadora PC o Macintosh.
    Preferiblemente una PC con Windows 98 
  • Un programa editor de páginas WEB.
    Si su computadora tiene Internet Explorer de Microsoft ustedes ya tienen un editor en su máquina ,este programa se llama Front Page Express, Otros editores son Netscape Composer incluído con la versión gratis de Netscape Communicator, programas más avanzados son Front Page de MS, Dreamveaver, Homesite, Adobe Page Mill, Net Objetcs Fusion etc.  
  • Un servidor con una dirección para guardar sus páginas.
    Su proveedor de servicio de Internet le proporciona este espacio. Si su proveedor no le facilita este espacio, usted puede encontrar en el Internet muchos sitios dondeotorgan espacio para colocar sus páginas WEB gratis. Para sitios profesionales se recomienda seleccionar un proveedor de hospedaje de acuerdo a sus necesidades, recuerda que lo barato en muchas ocasiones sale caro.
  • Un programa editor de archivos gráficos.
    En caso que ustedes quieran utilizar fotos, gráficas etc.Un programa fácil de usar el paint shop pro por ejemplo.


    AGREGAR CONTENIDO:    

    • Agregar Texto.
      Con los mencionados WYSIWIG editors podemos agregar textos en la misma forma como en los procesadores de texto (word etc) sin preocuparnos mucho por el lenguaje HTML (Hyper text markup language) Para una buena presentación gráfica de las páginas se usan en muchos casos tablas para la mejor distribución de los textos y/o gráficas, estas tablas pueden tener los bordes visibles o invisibles, entre otras características. 
    • Agregar Gráficas.
      De la misma forma insertamos gráficas y las archivamos en el mismo folder. Los formatos para las gráficas más usados son .gif y .jpeg.   Tratamos siempre de comprimir estos archivos al máximo para evitar demora en  bajar las páginas. Por la misma razón,  se recommienda usar un número razonable de gráficas. 
    • Hacer Links.
      Con la ayuda podemos enlazar (link) texto y gráficas hacia otras partes del mismo documento, hacia otras páginas y/o hacia páginas en otros sitios del internet.  
    • Agregar Formularios.
      Estos editores nos permiten tambien integrar formularios para coleccionar información y para hacer las páginas interactivas.
    • Agregar efectos especiales.
      Existe un gran número de efectos especiales que podemos agregar utilizando java applets, java scripts, flash, dhtml,  entre otros.


    La estructura de un sitio web:    



    • Ejemplo 1.
    • En este caso veamos un sitio con un total de 6 páginas, la primera página ( El Home Page) siempre se debe llamarindex.html , de esta forma si nuestro sitio está ubicado en el la dirección (llamado tambien URL = Uniform resource locator).
    • Archivamos todas las páginas y gráficas en un mismo folder si hay pocas o en varios para ordenarlos mejor,  si hay muchos archivos. 
    • Preparamos antes de hacer el sitio un pequeño organigrama como en este ejemplo para visualizar la estructura del sitio que construimos.
    • Navegación.
      Tenemos que utilizar links de texto o gráficas para enlazar las páginas y que sea fácil de navegar para que el visitante encuentre la información buscada.
    • Los Meta Tags.
      El encabezado (head) de la página (visible sólamente en html mode) contiene varios componentes que podemos agregar;  el más importante es el título, luego la descripción y los keywords entre ortos. Estos son algunos de los elementos importantes para los search engines.

      Cómo conseguir visitantes a nuestro sitio

      Cómo ganar dinero con nuestro sitio.

      Recuerde: Es importante estudiar y seguir las reglas de un sponsor, ustedes serán calificados por su conducta y, es fácil de perder su credibilidad y buen nombre!
      Siempre siga las Reglas del juego! 
      • Primero necesitamos  "targeted traffic" visitantes que buscan lo que nosotros vendemos.
      • Una vez que obtenga suficientes  (targeted visitors) visitantes a nuestro website podemos buscar e incluír sponsors a nuestras páginas.
      • Listado con targeted sponsors ordenado según categoría.