Menú

| Más

Últimos miembros

3236847892JerryLesMateoAntonio cotignolaEdward Carney3053069900

Anunciate aqui!!!
Contactanos y pon tu anuncio aqui, millones de usuarios lo veran




Licencia de Creative Commons
Este obra está bajo una Creative Commons
 
Lenguaje, HTML 
Detallamos a continuación los pasos a seguir para crear una página web, luego de esto se pueden ir ingresando los comandos que se necesiten para agregar: textos, imágenes y sonidos.
  1. Primeramente se aconseja crear un directorio donde de van a guardar todos los archivos de la página web que se va a utilizar, esto se debe a que las imágenes, sonidos o videos no se guardan dentro del archivo sino en forma separada (no como en Word). En HTML las páginas Web sólo contienen texto, no están guardadas en ellas propiamente tal ningún otro tipo de archivo.
  2. Abrir un editor de texto básico del computador (notepad), para luego guardar un archivo con el código en HTML. La extensión con que se guarda el archivo tiene que ser (.html o .htm), por ejemplo tarea.htm. Se pueden dar cuenta que los archivos de Word tienen la extensión .doc y los de excel .xls, pueden ver esto en las clases de Sistema Operativos que vimos con anterioridad. Ojo el archivo de inicio de las páginas debiera ser index.htm, porque es el archivo por defecto que ve un browser en un determinado directorio (Dirección).
  3. Tener abierto un browser con el archivo que se está creando para ver los resultados inmediatamente, para así ir creando y diseñando la página web.

    A continuación veremos varios de los códigos del lenguaje y sus usos para que el alumno pueda ver los resultados en forma inmediata.

        

    Para indicarle al browser que es código HTML el que viene descrito a continuación, se limita todo el código por estos dos parámetros. Dentro de ellos se escribe el código de la página


    Entre estos dos comandos va escrito el título de la página, este va en la parte superior de la ventana que despliega el browser.
              

    Entre estos parámetros se escribe todo el texto de la página, el cuerpo del documento (BODY). Con estos comandos se define el color general de:

bgcolor=# color del fondo de la página, este color puede ser cambiado por un fondo, (background)
text=# es el color del texto general de la página
link=# color del texto con link
vlink=# color del texto de link visitado
alink=# color del texto de link activo
background="" en este comando se puede detallar un fondo específico para la página, un archivo de imagen.

Los colores se definen en formato RGB, se puede ver ejemplos de los colores con sus códigos en al siguiente página COLORES. Estos colores consisten de seis dígitos, o letras desde la A hasta la F.



    Este comando sirve para insertar un salto de línea dentro de la página.



    Sirve para ingresar un salto de párrafo dentro del contenido


    Especifica el tipo de título con un número del 1 al 6 en vez de !!, especificando la importancia del título.

Ejemplo de Título 1
                            

    Sirve para especificar las fuente del texto que va entre estos dos parámetros.
face="Arial,Helvetica" Especifica el tipo de letra a utilizar.
color=# Especifica el color del texto a utilizar, descrito en anterioridad

Los colores se definen en formato RGB, se puede ver ejemplos de los colores con sus códigos en al siguiente página COLORES. Estos colores consisten de seis dígitos, o letras desde la A hasta la F.
size=%% Detalla el tamaño de la letra elegido, número entre el -6 y el +6, en vez de %%.

Ejemplo de Font Arial, Helvetica y color #000000


    El texto que va entre estos dos parámetros se encuentra en BOLD, o Negritas.

Ejemplo de Bold


    El texto que va entre estos dos comandos se encuentra en Itálicas.
Ejemplo de Itálicas


    El texto que va entre estos dos parámetros está subrayado.

Ejemplo de Bold


    Este comando inserta imágenes dentro de las páginas web, tiene que esta especificado el directorio en el caso que no se encuentre la imagen en el mismo directorio que la página.

     Detalla el alineamiento que tendría la imagen (derecho=right, izquierdo=left y centrado=center)

       

    Sirve para realizar direccionamiento a nuevas páginas webs, LINKS. Puede ser un texto o una imagen. En vez de $$, se puede colocar la dirección a donde va a apuntar, http://www.ing.puc.cl o puede ser colores.htm, también puede ser reemplazada por mailto:andres@ing.puc.cl y así aparecerá una ventana de mail a andres@ing.puc.cl al apretar el texto o imágenes que se encuentren dentro de estos parámetros.

ñ
    Con este comando se escriben la ñ.

 
    Se utiliza para ingresar espacios dentro del texto, para ingresar más de un espacio en la página.
 
Tabulaciones

 


    Necesarios para tabular alguna sección de la página, desde textos, imágenes y tablas.

Ejemplo de Tabulación


  •  

  •     Ayuda a ingresar viñetas dentro del texto.

      Ejemplo de Viñeta
    1.  
    2.  
    3. ...


        Este comando inserta viñetas con números, estos son contiguos.
    1. Ejemplo de Viñeta Numerada
     


        Centra un objeto, texto, imagen, tabla, etc.


    izquierda


    Deja el texto a la izquierda de la página


    derecha


    Deja el texto a la derecha de la página



     


        Comandos para definir una tabla,
    Se utiliza para definir una fila.
     
    Define una columna de la tabla
    Ej de una tabla de de 2 por 3, dos columnas por tres filas  

          
                   
                   
                   
          
          
                   
                   
                   
          

    1 2 3
    4 5 6

     
    1 2 3
    4 5 6

    Para para generar una celda de varias filas o columnas, se logra poniendo un número en la posición de "N", siendo este desde 2 en adelante, el uno no tiene sentido, porque se coloca  el comando . 
© 2017 Namso Web de Dass@line