Scribd Logo
Carica

Benvenuto in Scribd!

  • Como Hacer Una Pagina Web Con Bloc de Notas

    Caricato da

    Sergio Andres Pelaez Cardenas
    40 visualizzazioni6 pagine

    Titolo originale

    COMO HACER UNA PAGINA WEB CON BLOC DE NOTAS

    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

    Copyright:

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

    Como Hacer Una Pagina Web Con Bloc de Notas

    Caricato da

    Sergio Andres Pelaez Cardenas

    Copyright:

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

    COMO HACER UNA PAGINA WEB CON BLOC DE NOTAS

    Abre un editor de texto. En una computadora Windows, generalmente podrás usar


    Bloc de notas, mientras que los usuarios de Mac podrán usar TextEdit:

    Windows. Abre Inicio Imagen titulada Windowsstart.png , escribe bloc de notas y


    haz clic en Bloc de notas en la parte superior de la ventana.

    Mac. Haz clic en Spotlight Imagen titulada Macspotlight.png , escribe textedit y haz
    doble clic en TextEdit en la parte superior de los resultados.

    Configura el tipo de documento para HTML. Escribe <!DOCTYPE html> y presiona


    Entrar, luego escribe <html> y presiona Entrar de nuevo. Finalmente, escribe
    <head> y presiona Entrar. La parte superior del documento debe verse de la
    siguiente manera:[1]

    <!DOCTYPE html>

    <html>

    <head>

    Añade un título de pestaña para la página web. Este es el título que aparecerá en
    la pestaña del navegador cuando abras la página (por ejemplo, "Facebook").
    Escribe <title>, ingresa el título de pestaña de la página web y escribe </title>.
    Luego tendrás que añadir la etiqueta de cierre "Head", que es </head>, en su
    propia línea. La sección de título se debe ver de la siguiente manera:

    <title>Mi página web</title>

    </head>

    Indica el comienzo del texto del cuerpo de la página. Escribe <body> debajo de la
    etiqueta de cierre "Head". Esta acción asegura que el resto del texto del
    documento se considere texto de la página web hasta que cierres la etiqueta
    "Body". Debes tener lo siguiente:

    <body>
    5

    Crea un encabezado de página. El encabezado de página es el título que


    aparecerá en la parte superior de la página web. Para crear uno, escribe <h1>,
    añade el encabezado y luego cierra la etiqueta con </h1>. Por ejemplo:

    <h1>¡Bienvenido a mi página!</h1>

    Añade encabezados adicionales a medida que prosigas. Hay seis encabezados


    distintos que puedes crear usando las etiquetas <h1></h1> y <h6></h6>. Por
    ejemplo, para crear encabezados de tres tamaños distintos en sucesión, puedes
    escribir lo siguiente:

    <h1>¡Bienvenido a mi página!</h1>

    <h2>Mi nombre es Pedro.</h2>

    <h3>Espero que te guste el sitio.</h3>

    Crea un párrafo. Las etiquetas de párrafo se usan para crear bloques distintos de
    texto. Para colocar texto en un párrafo, escribe <p>, luego el texto y finalmente
    </p> para cerrar la etiqueta:

    <p>Este es mi párrafo.</p>

    Puedes añadir varias líneas de párrafo en una fila para crear una serie de párrafos
    debajo de un encabezado.

    Cambia el color del texto. Puedes cambiar el color de cualquier texto enmarcando
    el texto con las etiquetas <font color="color"></font>, asegurándote de escribir el
    color que prefieras en la sección "color" (debes incluir las comillas). Por ejemplo,
    para hacer que el texto de un párrafo se vuelva azul, debes escribir lo siguiente:[2]

    <p><font color="blue">Las ballenas son criaturas majestuosas.</font></p>

    Puedes hacer que cualquier texto (por ejemplo, los encabezados) se vuelvan de
    un color distinto con este conjunto de etiquetas.

    HTML admite una cantidad sorprendentemente grande de colores, así que


    siéntete libre de experimentar con distintos nombres de colores.
    9

    Dale formato al texto con negrita, cursiva o subrayado. El texto en negrita, en


    cursiva o subrayado se puede crear con las etiquetas <b></b>, <i></i> y <u></u>
    respectivamente. También puedes crear texto de subíndice (que se usa para
    cosas como números antes de las raíces cuadradas) y de superíndice (que se usa
    para cosas como números cuadrados):[3]

    <b>texto en negrita</b>

    <i>texto en cursiva</i>

    <u>texto subrayado</u>

    <sub>texto de subíndice</sub>

    <sup>texto de superíndice</sup>

    10

    Añade una imagen a la página. Puedes usar las etiquetas <img src="URL"></img>
    para integrar una imagen existente en la página web. Por ejemplo, si la dirección
    de la imagen es "www.mypicture.com/lake", puedes escribir lo siguiente:

    <img src="www.mypicture.com/lake"></img>

    11

    Haz un enlace a otra página. Puedes añadir un enlace a otra página web usando
    las etiquetas <a href="link">link text</a>, en donde link es la dirección de la página
    web a la que quieres hacer un enlace y link text es el texto que actuará como
    enlace. Por ejemplo, para hacer un enlace a Facebook, debes escribir lo siguiente:
    [4]

    <a href="www.facebook.com">Este es el enlace a la página web de


    Facebook.</a>.

    12

    Cierra las etiquetas de la página web. Como con cualquier etiqueta de HTML,
    tendrás que cerrar las etiquetas <body> y <html> que están en la parte superior
    del documento escribiendo lo siguiente en la parte inferior del documento:

    </body>

    </html>
    13

    Revisa la página web. Puedes añadir más párrafos, más encabezados y más texto
    en cualquier parte de la página entre las etiquetas <body></body>, si es
    necesario. El siguiente es un ejemplo de una página web terminada:

    <!DOCTYPE html>

    <html>

    <head>

    <title>Página de fans </title>

    </head>

    <body>

    <h1>¡Bienvenido a mi página!</h1>

    <p>Esta es una página de fans . ¡Siéntete como en tu casa!</p>

    <h2>Fechas importantes</h2>

    <p><i>15 de enero del 2019</i> -p</p>

    <h2>Enlaces</h2>

    <p>Este es un enlace a otra pagina <a


    href="www.wikihow.com">www.wikihow.com</a></p>

    </body>

    </html>

    14
    Haz cualquier cambio de último minuto. Si ves algún error en la codificación,
    corrígelo antes de seguir. Una vez que te asegures de que el HTML refleje
    precisamente tus expectativas, puedes pasar a la siguiente parte.

    15

    Convierte el documento a texto sin formato en una Mac. Si usas una Mac, haz clic
    en el elemento del menú Formato que está en la parte superior de la pantalla,
    luego haz clic en Convertir a texto sin formato en el menú desplegable que
    aparece.

    Este paso no es necesario ni posible en Windows.

    16

    Abre el menú "Guardar". Ya que has creado un nuevo documento de texto para
    escribir la página web, puedes presionar ^ Ctrl+S (Windows) o Comando+S (Mac)
    para hacerlo.

    También puedes hacer clic en Archivo y luego hacer clic en Guardar como en el
    menú desplegable que aparece. Esta operación funciona en computadoras
    Windows y Mac.

    17

    Ingresa un nombre para el documento HTML. Escribe el nombre que quieras para
    el documento en el cuadro de texto "Nombre de archivo" (Windows) o "Nombre"
    (Mac).

    18

    Cambiar el tipo de archivo del documento. Tendrás que cambiar el documento de


    un archivo de texto a un archivo HTML. Puedes hacerlo de la siguiente manera:

    Windows. Haz clic en el cuadro desplegable "Guardar como tipo", haz clic en
    Todos los archivos y luego escribe .html al final del nombre del archivo.

    Mac. Reemplaza .txt al final del nombre del archivo por .html.

    19

    Haz clic en Guardar. Está en la parte inferior de la ventana. Hacerlo creará un


    archivo HTML.
    Por lo general, los archivos HTML se abren con el navegador web
    predeterminado.

    20

    Cierra el editor de texto. En este punto, debes tener abierto el archivo HTML en el
    navegador para que puedas ver la página web.

    21

    Abre el documento HTML con el navegador. En la mayoría de los casos, podrás


    hacer doble clic en el documento HTML para abrirlo. Si hacer doble clic en el
    documento da como resultado un error, haz lo siguiente:

    Windows. Haz clic derecho en el documento, selecciona Abrir con y haz clic en el
    navegador que prefieras.

    Mac. Haz clic en el documento una vez, haz clic en Archivo, selecciona Abrir con y
    haz clic en el navegador que prefieras.

    22

    Si es necesario, edita el documento HTML. Puedes notar un error en la página


    HTML. Para cambiarlo, puedes editar el texto del documento HTML:

    En Windows, puedes hacer clic derecho en el documento y hacer clic en Editar en


    el menú desplegable que aparece (si tienes Notepad++ instalado, el mensaje dirá
    Editar con Notepad++).

    En Mac, tendrás que hacer clic en el documento para seleccionarlo, haz clic en
    Archivo, selecciona Abrir con y haz clic en TextEdit. También puedes arrastrar el
    documento a TextEdit.

    Potrebbero piacerti anche