Scribd Logo
Carica

Benvenuto in Scribd!

  • Guia 03

    Caricato da

    Alexis
    9 visualizzazioni7 pagine
    akdjs kfas

    Titolo originale

    GUIA 03

    Copyright

    © © All Rights Reserved

    Formati disponibili

    DOCX, PDF, TXT o leggi online da Scribd

    Hai trovato utile questo documento?

    Questo contenuto è inappropriato?

    Segnala questo documento
    akdjs kfas

    Copyright:

    © All Rights Reserved
    Scarica in formato DOCX, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    9 visualizzazioni7 pagine

    Guia 03

    Caricato da

    Alexis
    akdjs kfas

    Copyright:

    © All Rights Reserved
    Scarica in formato DOCX, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    di 7

    CREANDO MIS DIRECTORIOS EN APACHE

    Guía N° 3

    Crea los directorios de apache.

     El docente menciona a los estudiantes que, para tener un orden en el servidor APACHE, es
    necesario que se creen carpetas en el directorio htdocs de las diferentes páginas web que
    se van a considerar.
    Por ejemplo, se va crear dos carpetas llamados milocalidad.com y miregion.com

     Hacemos doble clic en la carpeta htdocs y creamos las carpetas con sus respectivos
    nombres.

     Agregamos a cada carpeta el archivo index.html


     Para visualizar el contenido de la carpeta creada milocalidad.com, abrimos un navegador y
    escribimos el siguiente URL: http://localhost/milocalidad.com, visualizando nuestra página web.

     Para visualizar el contenido de la carpeta creada miregion.com, abrimos un navegador y escribimos


    el siguiente URL: http://localhost/miregion.com, visualizando nuestra página web, en este caso se
    editó el archivo index.html cambiando el encabezado de milocalidad.com a miregion.com

     Para abrir el archivo index.html que guardamos en la sesión anterior hacemos lo siguiente:
     Clic con el botón derecho en el archivo index.html, luego abrir con, seleccionamos elegir
    programa predeterminado, desactivamos el casillero “usar esta aplicación para todos los
    archivos HTML”, seleccionamos más opciones y escogemos BLOC DE NOTAS.
    Agregar Estilos CSS A Nuestra Página.

    a) El docente menciona a los estudiantes lo importante que es utilizar los estilos CSS de
    forma separada.

    CSS define exactamente el formato de la página, ya sea el tamaño, color, posición,


    alineación, fuente empleada en el texto, la posición de las imágenes o cualquier otro
    elemento. Defines algunas etiquetas que se va utilizar durante esta sección.

     Background-color: es un propiedad de CSS que define el color de fondo de un


    elemento
     Font-family: establece la fuente o tipo de letra con la que se muestra el texto
     Width: especifica el ancho del área del contenido de un elemento.
     Margin: establece la anchura de algunos o todos los márgenes de los elementos
     text-align: Establece la alineación del contenido de un elemento de bloque
     Color: Establece el color de letra utilizado para el texto. Se pueden indicar de cinco
    formas diferentes: palabras clave, colores del sistema, RGB hexadecimal, RGB
    numérico y RGB porcentual
     Display: nos permite establecer el tipo de caja que el navegador empleará para
    visualizar un elemento, siendo los tipos más comunes inline y block, aunque
    existen bastantes otros.
     Margin-right establece la anchura de su margen derecho
     Cursor: especifica el tipo de cursor que se mostrara cuando este se encuentre
    sobre un elemento

    b) Mantenemos abierto el archivo index.html explicado anteriormente, y abrimos un bloc


    de notas para el estilo CSS y lo guardamos dentro de una carpeta a la que llamaremos
    página, es preferible que los dos archivos estén ubicados en la misma carpeta.
    c) Agregamos nuestro código CSS, luego debemos colocar el elemento que vamos a
    trabajar y entre llaves colocar el bloque de instrucciones que queremos editar. En este
    caso agregamos la etiqueta body, dentro de ello colocamos el color y la fuente.

    Recordar que el código CSS siempre termina en punto y coma (;)

    d) Ahora abrimos index.html y agregamos dentro de <head> la siguiente etiqueta <link


    rel=”stylesheet” href=estilos.css”> , href, ahí debemos escribir nombre del estilo, en
    nuestro caso se llama estilos.css, tener en cuenta que las comillas este bien escritas.

    Guardamos los cambios realizados


    e) Copiamos los dos archivos de la carpeta llamada página (index.html y estilos.css) al
    directorio de apache llamado htdocs/milocalidad.com, reemplazando los archivos
    encontrados.

    f) Para visualizar el contenido de los cambios realizados, abrimos un navegador y


    escribimos el siguiente URL: http://localhost/milocalidad.com, visualizando así nuestra
    página web.
    g) Dentro de la carpeta página editamos estilos.css agregando el siguiente código para
    contenido y encabezado(h1).

    h) Repetimos los pasos e) y f). Para visualizar el contenido de los cambios realizados,
    abrimos un navegador y escribimos el siguiente URL: http://localhost/milocalidad.com,
    visualizando así nuestra página web.

    i) G
    u
    a
    r
    d
    a
    m
    o
    s

    l
    o
    s
    dos archivos de la carpeta llamada página (index.html y estilos.css) para la siguiente
    sesión.

    Potrebbero piacerti anche