Resumen del tema de diseño de páginas web: Tema 12 ¿Qué es una página web? Una página web es un documento digital que puede contener texto, imágenes, vídeos, sonidos, animaciones, la cual contiene diferentes enlaces que permiten acceder a otras página páginass web median mediante te un solo solo clic, clic, a los cuales cuales denomi denominam namos os hiperv hipervínc ínculo ulos. s. Para acceder a ellas, es necesario conexión a internet y un navegador programas que pueden leer estas páginas!. "as páginas web se conocen tambi#n como documentos $%&", ya que el lengua'e con el que se crean se denomina "()*U+( $%&" lengua'e de marcas de hipertexto!.
El lenguaje html -efine las normas para escribir páginas web. )os permite dar formato al texto 'unto con las imágenes, vídeos y demás elementos mediante etiquetas tags!. (l navegador se encarga de interpretar estas etiquetas y mostrarnos el documento segn lo que estas le dictan. (xisten infinidad de etiquetas $%&", que nos permiten modificar el tama/o, color o posición del texto, entre otras cosas. +unque es interesante conocer algo del lengua'e $%&", tambi#n es verdad que existen infinidad de editores de páginas web gratuitos que nos permiten crear páginas como si creásemos un documento con el procesador de textos. Por ello, no es necesario conocer el lengua'e para hacer una página web, aunque sí conveniente. + continuación se muestra un e'emplo de las etiquetas mínimas que debe contener una página web escrita en $%&"01
Title of the document document
The content of the document......
"o que queramos que apare2ca en la página debe estar entre las etiquetas del 3body4. Para poder ver la pagina en el navegador se debe guardar el documento de texto con la extensión .htm aunque tambi#n se admite .html!.
-ise/o de páginas web
5 de 6
7nformática 89(:;
Aesibilidad ! estánda"es web Poco despu#s del nacimiento de las páginas web, surgió la necesidad de crear unas normas o criterios fi'os a la hora de publicar una página web, los llamados estándares de publicación web, como pueden ser el lengua'e $%&", o las direcciones U<". Para ello surgió la =6> =orld =ide =eb >onsortium!, un comit# internacional que se encarga de investigar y desarrollar documentos que tienen que ver con las páginas web. -e este modo todo el mundo puede crear páginas web compatibles con cualquier navegador si se siguen las normas del =6>. +ctualmente la versión de $%&" que se está usando es la versión 0. Un navegador compatible con $%&" 0 permite la visuali2ación de vídeos sin necesidad de instalar nada extra en el ordenador. "o cual es un gran avance. "a accesibilidad web es un concepto que se refiere a la posibilidad de acceso a los contenidos de las páginas web, independientemente del software, hardware, situación geográfica, la cultura y las capacidades y discapacidades de cada uno. (n definitiva, consiste en garanti2ar a los usuarios el acceso a la información en igualdad de condiciones. (xiste un grupo en la =6> llamado la =+7 web accessibility initiative! que vela por la accesibilidad web para las personas con algn tipo de discapacidad. (ste grupo publica varias normas llamadas =>+* que contienen las pautas para hacer más accesibles las páginas web.
#itio web "o que usualmente denominamos página web es, hablado con más propiedad, un sitio web, que es un con'unto de archivos y páginas web enla2adas entre sí mediante hipervínculos. Para crearlo, se suelen dar los siguientes pasos1 >rear el sitio web en local, es decir, en nuestro ordenador de traba'o. Para ello nos ayudamos de los editores de páginas web -espu#s subir a un servidor web la web local. Para ello necesitamos acceso a un servidor de pago o gratuito!. "a forma más habitual de subir un sitio web a un servidor es utili2ando un cliente ?%P, que nos permite transferir archivos a un ordenador a un servidor con el servicio ?%P habilitado! +ctuali2ar el sitio web. Para que el sitio web est# vivo es necesario actuali2arlo periódicamente.
$"og"amas pa"a t"abaja" on páginas web "os siguientes son editores de páginas web muy utili2ados1 @ompo2er antes )AU!. (s un editor sencillo aunque bastante completo que tiene incluido el cliente ?%P por lo que podemos traba'ar directamente en el servidor desde el propio programa sin necesidad de abrir un cliente ?%P para subir las páginas. (s libre y gratuito. $ay versión para linux y windows que además no requiere instalación! +maya. (s el editor web del =6>. Un editor más completo que Bompo2er aunque tambi#n algo más complicado. Aersiones para =indows, linux y ∾: C. Dluegriffon. (ditor para linux, windows y ∾: C, parecido a @ompo2er y que además permite traba'ar con $%&"0. +sí que podemos crear páginas web mucho más modernas y visuales. (s una buena alternativa libre a -reamweaver. -ise/o de páginas web
E de 6
7nformática 89(:;
-reamweaver. Para windows. -e pago, de la compa/ía +dobe. (s uno de los editores más famosos y utili2ados a nivel empresarial. >on multitud de funcionalidades gráficas y material para la creación de páginas web. %odos los anteriores son editores de tipo espa/ol, Glo que ves es lo que obtienesG.
WYSIWYG =hat
Fou :ee 7s =hat Fou *et!, en
%ambi#n se pueden crear páginas web con el bloc de notas de windows o cualquier editor de texto plano sin formato!, aunque para ello es necesario conocer el lengua'e $%&", ya que requiere escribir todas las etiquetas, atributos, etc. a mano. )o es recomendable utili2ar &: =ord de &: ;ffice! para crear páginas web ya que ciertas características funcionarán solo en 7nternet (xplorer. ?ile2illa. (s un cliente ?%P muy conocido que permite transferir nuestro sitio web de local al servidor. )o es un editor de páginas web, pero es til y a veces necesario! para el traba'o en la web.
%## &hojas de estilos' "as >:: >ascade :tile :heet! permiten crear un documento con los estilos que se usarán en una página web de tal forma que cuando queramos modificar el aspecto de la página sólo tenemos que modificar la ho'a de estilos. (sto hace que renovar el aspecto de un sitio web resulta más sencillo. (n la ho'a de estilos se puede definir cómo queremos que sea el fondo de las tablas, el aspecto de los encabe2ados, cómo deben mostrarse los enlaces, etc. +demás casi todos los editores de páginas web mencionados antes permiten la creación y modificación de ho'as de estilo.
E(tensiones de a"hi)os web (xisten multitud de extensiones de archivos que pueden formar páginas web o archivos a los que se hace referencia dentro de una página web. ('emplos1 ✔
.htm
✔
.asp, .aspx, .php → estas páginas web e'ecutan parte del código en el servidor. :e usan para crear páginas web interactivas. .asp y .aspx son de &icrosoft, mientras que .php es de código abierto. +mbos tipos necesitan que en el servidor web se instale un componente que sea capa2 de interpretar el contenido de estas páginas.
✔
.css
✔
.'pg, .png, .gif → muestra imágenes
✔
.webm, .mp8, .ogg
→
→
página web normal para mostrar contenidos
ho'as de estilos
→
archivos de vídeo que se usan en $%&"0!
¿*+nde puedo )e" ejemplos ! ap"ende" el lenguaje ,T-.? Un buen sitio para aprender es en http1HHwww.w6schools.comH . +l final de la página podemos elegir espa/ol como idioma.
-ise/o de páginas web
6 de 6
7nformática 89(:;