¿Y si los viernes hacemos páginas web?

¿Eh? ¿te parece?
Pues prueba a dar los siguientes pasos:
-Abre el Bloc de notas de Windows
-Copia en él el texto que aparece en la pantalla siguiente:



-Guarda el archivo. Muy importante: deberás guardarlo con la extensión .htm, y no .txt que es la que da por defecto. Yo por ejemplo a la mía la he nombrado como mipeich.htm
Bien, ya tienes una página hecha ...ah! sí! ¿querrás verla? , se me olvidaba, casi . Pues sigue los pasos siguientes:
-Abre tu navegador favorito
-En donde la dirección escribe C: (o el nombre de tu unidad de disco duro)
-Busca tu página entre los archivos y seleccionala. Si todo ha salido bien, debes verla en el navegador .
¿Qué tal? ¿bien?...Sí, me imagino qué estás pensando...¡vaya birria de página! . Pues sí, no te falta razón, pero es que estamos en los comienzos, no me seas impaciente, hombre .
Aún así, aunque nuestra página es muy simple, podemos observar varias cosas:
-Html es un lenguaje de etiquetas.
-Las etiquetas se ponen entre los símbolos "<" y ">".

-Salvo excepciones (que ya veremos), las etiquetas van por parejas. La primera indica el comienzo, la segunda (de cierre) siempre comienza con "</", para indicar precisamente que es de cierre.
-Hay etiquetas imprescindibles en una página, a saber: "html", "head" y "body"
-Lo que aparece en nuestra página es lo que está entre las etiquetas de "body" (=cuerpo, de la página, en este caso)
-En "head" (=cabecera, aquí) pueden ir cosas que ya veremos, sobre todo de información. En este caso hemos puesto "title" y si miras, lo verás que aparece como título de la ventana.
-Lo que aparece entre las etiquetas son literales, es decir aparecen en nuestra página tal cual lo escribimos
-Tenemos un título y un texto como literales.
- El texto está entre dos etiquetas. "h1" es una etiqueta que varía el tamaño del texto. Siempre se escribe "h" seguido de un número que va del 1 al 6, siendo éste último el tamaño más pequeño. Prueba a cambiarlo y verás como el literal aparece en tu página con distinto tamaño. Para ello no olvides (¡ojo!) guardar el archivo con el cambio y actualizar la página en el navegador.

Pues...al final con el ejemplo sencillo hemos visto un montón de cosas ¿no?

Vamos a cambiar el color de fondo de nuestra página. Para ello escribe detrás de "body" lo siguiente: "bgcolor=red" (sin comillas). De manera que aparezca de la siguiente forma: "< body bgcolor=red>". Ahora guarda archivo y actualiza el navegador.

Los colores los puedes poner de la siguiente manera:

- Con la palabra en inglés, como yo que he puesto "red"...pues puedes poner "blue", "green" o el que quieras
- Con el correspondiente código hexadecimal y en el siguiente formato: #RRGGBB...vale, te cuento: los monitores usan tres colores básicos: rojo (Red), verde(Green) y azul (Blue). Digamos que con esos componen el resto. Donde yo he puesto RR deberás poner un número en hexadecimal que indique la cantidad de rojo que tiene el color, donde puse GG la de verde, y en BB la de azul.
Por ejemplo si sustituyes la palabra red por #990345 te sale como un moradillo...haz pruebas, modifica los números y guarda el archivo y mira el resultado. ¿Imaginas qué color es #ffffff? ¿Y #000000? (lo de las letras es porque tratamos con números hexadecimales, en base 16...0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F).

Para terminar, por muy bonita que esté tu página de momento sólo podrás enseñarla en casa ...sólo está en tu ordenador. Para que la pudieramos ver todos, tendrías que subirla a algún sitio que, pagando o gratis, te permitan alojarla. Pero eso ya lo hablaremos en otro momento.

Ei, muchas gracias por las lecciones, la verdad es que son bastante útiles y me vienen de maravilla.

¡Qué vergüenza, llevo varias semanas que no escribo nada, gracias Cyram por subir este post y de paso recordarmelo Prometo seguir en breve

No pasa nada Admin !! Yo te ayudo !

Me gustaría ayudaros un poco en esto del tema web.
Lo primero, que sepáis que hay muchos sistemas de códigos para hacer webs, el mas sencillo para aprender es el HTML, pero luego si queréis profundizar más veréis que el HTML es un código repetitivo, estático y limitado.
Podéis hacerme cualquier pregunta de casi cualquier tema de informática.
Bueno, haber, voy a seguir un poco con lo básico, por que veo que la Admin del foro le faltan algunas cosas por enseñar indispensables.
Antes de ponernos a escribir el contenido, habrá que configurar la pagina.



Después de la etiqueta "head" y antes de "Body" si queremos añadir una descripción visible para cualquier buscador de nuestra web tendremos que poner lo siguiente:

Código:


<meta name="title" content="TITULO DE LA WEB" />
    <meta name="Description" content="AQUÍ PONDREMOS LA DESCRIPCIÓN DE NUESTRA WEB" />
    <meta name="Keywords"    content="INTRODUCIREMOS AQUÍ LAS PALABRAS CLAVE, SEPARADAS ASI POR UN COMA: NIÑOS,ACTIVIDADES,LIBROS" />
    <meta name="Author"      content="AQUI EL NOMBRE DEL AUTOR" />