2, HTML Elllenguaje estandar de la web 2.2. Creacion de un documento HTML sencillo Para familiarizarnos con la sintaxis del lenguaje, vamos a crear un doce ‘mento HTML muy sencillo. Abrimos el bloc de notas de nuestro sistema ope- rativo (en Windows se encuentra en ment Inicio ® Todos los programas > Accesorios > Bloc de notas) y escribimos el texto del cuadro inferior. Pretendemos crear una web con el titulo Mi documento HTML. En insertaremos nuestro nombre en una categoria de titulo elevada y debaj de él, a un nivel de titulo inferior, escribiremos nuestro curso y grupo. Finalmente, tras dejar cuatro lineas en blanco, pondremos el nombre de nuestro instituto con una fuente, tamafio y color definidos por nosotros. Todos los textos deberan tener alineacién centrada. ————EE Etiqueta de apertura |. del documento HTML. | Titulo del documento. Este titulo se mostraré {+ en la ventana de nuestro mlliead > | navegador. Texto de categoria ———+

Nombre del alummno Apidos centrado, Eiquetss de el alurmno aperturaycienejunoal |

-4"de ESO. Grupo A El siguiente texto es de categoria 3.
Etiquta de comienzo |+

ore delafuens Aconnocon | 1 pombe detuinstuto Tu cudad amostrary loscieresdelas | texto

nos evita incluir la etiqueta AAR AE = a EE Escribe el cédigo html necesario para poner tu nombre en negrita, cen- trado, con tipo de letra «Verdana» y un tamaio de 20 pixeles. UNIDAD 62, HTML, El lenguaje estandar de Ia web El aspecto que debe tener el documento HTML de la pagina anterior cuando se visualiza a través de un explorador web es como el de la siguiente imagen: 2 2A 0 pee kee © OS 6 RASHES Deemer = a ow me & Nombre del alumno Apel {FUe850. Gp & jos del alumno LES. El nombre de tu instituto - Tu ciudad La creacién de paginas web bajo el lenguaje HTML es un proceso senci lo pero lento de realizar; por este motivo se han desarrollado numerosos programas de edicién web que nos permiten crear nuestros archivos HTML ficilmente y de una forma grifica. Estos programas, mientras nos muestran el resultado final de la pagina web que estamos diseflando, estan generan- do el cédigo HTML para que se visualice correctamente en los distintos navegadores de Internet. Los programas de edicién web que permiten este disefio en formato final se denominan editores WYSIWYG. Este término es el acrénimo en inglés de What You See Is What You Get, que significa «lo que ves es lo que obtienes». Entre los editores web comerciales destacan los productos FrontPage de Microsofi y Dreamweaver de Adobe Macromedia. Dentro del software libre podemos destacar los siguientes productos: Amaya, desarrollado por el consorcio W3C; Kompozer, desarrollado bajo licencia GNU y disponible para entorno Windows y Linux; NVU, editor de sencillo manejo y disponible para entorno Windows, Linux y Mac OS. En los siguien- tes apartados analizaremos el funcionamiento de este tipo de programas. Actividades [Crea una pequena pagina web con ayuda del bloc de notas, siguiendo el ejemplo de la pagina anterior. Afiade tus datos y cambia los colores del texto y del fondo de la pagina. Si necesitas incorporar nuevas etiquetas HTML que no conozcas, visita algtin manual de HTML presente en Internet. Visualizalo mediante el explorador web, {Qué son los editores WYSIWYG? ,Qué ventajasofrecen fre res de texto para la ceacién de paginas web? _—_—— a los edito- Manuates del lenguaje HTML Si estds interesado en profundizar en el conocimiento del lenguaje HTML, existen numerosos manuales disponibles en la web. Te recomen- damos las siguientes direcciones: httpy//www.desarrolloweb.com/ manuales/ http://sestud.uv.es/manual.esp/ http://www.webestilo.com/html/ Eaditores wystwyM Una alternativa a los editores WYSIWYG son los editores WYSIWYM (What You See Is What You Mean). Estos editores solo ne- cesitan los contenidos textuales y la organizaci6n jerdrquica de la in- formacién. Toda la estructura de la pagina web y el aspecto grafico es definido automaticamente por el editor. Entre este tipo de editores destaca WYMean. Wace Es el consorcio de la World Wide Web creado por el fundador de la web, Tim Berners:lee. Este organismo internacional se encarga de gestionar las recomen- daciones para los estandares de creacion web. El consorcio lo inte gran mas de 400 asociaciones internacionales y los fabricantes de software, asi como los desarrolla- dores web, siguen sus indicaciones. Eq Poblicacisn de contenidos en wed