Creacion de una pagina web con el bloc de nota
 
Creacion de una pagina web con el bloc de nota
Mis aficiones
Album de fotos
Curriculum vitae
Mis enlaces favoritos
Creacion de una pagina web con el bloc de nota

Imagen
 
Pasos Para Crear Una Pagina Web Con El Bloc De Nota
1
Abre el Bloc de notas. Haz clic en “Archivo” -> “Guardar como”. Guarda el archivo con extensión final .html. Puedes remplazar el archivo con cualquier cosa. Por lo general, la página principal de un sitio web es: index.html. Ahora podrás empezar a programar. No te preocupes, no es tan difícil.
Anuncio
2
HTML (Hypertext Markup Language) hace uso de etiquetas. Las etiquetas son básicamente un texto dentro de corchetes angulares “<” y “>”. Tendrás que usar muchas etiquetas para crear tu página web. También hay etiquetas de cierre que hacen uno de una diagonal “/” seguido del nombre de la etiquetas y se ven así: </text>. Siempre que abras una etiquetas deberás cerrarla.
3
La primera etiqueta de una pagina web suele ser “<html>”. Esta etiqueta debe de ir en la parte superior del archivo de Bloc de notas.
4
La siguiente etiqueta es “<head>”. La siguiente etiqueta, “<title>”, le indica al buscador qué poner en la parte superior de la ventana y la etiqueta opcional “meta tags” le indica a los buscadores como Google de qué trata el sitio.
5
En la línea siguiente, después de la etiqueta “head”, pon la etiqueta “<title>”. Después de la etiqueta “title”, escribe lo que quieras poner en la parte superior de tu página web, normalmente se escribe el título de la página web. Ahora cierra la etiqueta escribiendo “</title>”.
6
Ahora, cierra la etiqueta </head>, recuerda que tienes que ser cerrar todas las etiquetas.
7
Ahora, agrega la etiqueta “body” a nuestra página. Escribe “<body”, ¡pero no cierres la etiqueta! Hay algunas cosas extras que puedes agregar y que te servirán para que tu página se vea mejor. Aquí podrás especificar el color de fondo y el color del texto de tu página web. Si quieres tener un fondo azul con texto naranja, utiliza la siguiente etiqueta: <body bgcolor=“blue” text=“orange”>. Por favor, ten en cuenta que no todos los colores son compatibles con todos los navegadores (por ejemplo, en la mayoría de los navegadores el color gris oscuro no se ve).
8
Entre las dos etiquetas “body” va el contenido de la página web, lo que el usuario ve. Vamos a empezar con un encabezado. El encabezado es una sección del texto en tamaño grande y se especifica en HTML con <h1> hasta el <h6>. Con <h1> el texto se hará más grande. Así que en la parte superior de tu página web, después de la etiqueta “body”, podrías poner algo así: <h1> ¡Bienvenidos a mi página web! </h1> Asegúrate de cerrar la etiqueta, sino tu página web no funcionará.
9
Otra etiqueta que puedes utilizar dentro de la etiqueta “body” es <p> (etiqueta de párrafo). Así que después de tu encabezado, es posible que tengas el siguiente ejemplo: <p> “Estoy aprendiendo a hacer un sitio web, ¡wikiHow es lo mejor!” </p> Si quieres una nueva línea de párrafo en tu sitio, utiliza la siguiente etiqueta: “<br>”.
10
Probablemente no quieras una página web que tenga todo el texto igual. Así que vamos a ponerle cierto formato: “<b>” para poner el texto en negritas, “<i>” en cursiva y “<u>” para subrayarlo “</u>”. Recuerda poner las etiquetas de cierre.
11
Lo que realmente hace un sitio web interesante son las fotos. Incluso con el formato, nadie quiere ver solo palabras. Usa la etiqueta “<img>” para agregar imágenes. Pero, al igual que la etiqueta “body”, se necesita un poco más de información. Una etiqueta <img> puede verse así: <img width=”200” height=”200” src=”dog.jpg” alt=”dog”>. El “src” (“source” o fuente en inglés) es lo que hace que la imagen aparezca. La anchura y altura están en pixeles.
12
Ya está casi todo hecho. Si quieres que tus visitantes vean más de una sola página, tendrás que crear vínculos con: <a href=”otherpage.html”>Dirección a otra página</a>. El texto en medio de las etiquetas es lo que el usuario verá para hacer clic a la otra página. El uso de esta etiqueta hará que los usuarios se puedan mover más fácilmente por tu sitio web.
13
Para finalizar, es necesario que pongas la etiqueta “body”: </body> y a la página entera: </html>.
14
Guarda tu trabajo y abre el archivo .html en tu navegador web favorito. ¡Felicidades! Acabas de hacer una página web.
15
Si quieres publicar tu sitio web en Internet, lee el artículo “Cómo publicar una página web con tu propio dominio”.
 
Consejos
Podrás encontrar más etiquetas en la web. Hay muchos sitios buenos que enseñan a las personas a hacer páginas web. W3Schools es una muy buena opción.
Recuerda cerrar tus etiquetas.
Siempre nombra tus carpetas y archivos web con minúsculas y sin espacios ni signos de puntuación. Si bien Windows te permite usar espacios, muchos proveedores de alojamiento web no lo permiten, por lo que hacerlo te ahorrará problemas.
Escríbeme
Me interesa tu opinión