Resumen U12 - Diseño de Páginas Web PDF

Resumen del tema de diseo de pginas web: Tema 12
Qu es una pgina web?

Una pgina web es un documento digital que puede contener texto, imgenes, vdeos,
sonidos, animaciones, la cual contiene diferentes enlaces que permiten acceder a otras
pginas web mediante un solo clic, a los cuales denominamos hipervnculos. Para
acceder a ellas, es necesario conexin a internet y un navegador (programas que pueden
leer estas pginas). Las pginas web se conocen tambin como documentos HTML, ya
que el lenguaje con el que se crean se denomina LENGUAJE HTML (lenguaje de marcas
de hipertexto).
El lenguaje html
Define las normas para escribir pginas web. Nos permite dar formato al texto junto con
las imgenes, vdeos y dems elementos mediante etiquetas (tags).
El navegador se encarga de interpretar estas etiquetas y mostrarnos el documento segn
lo que estas le dictan. Existen infinidad de etiquetas HTML, que nos permiten modificar
el tamao, color o posicin del texto, entre otras cosas.
Aunque es interesante conocer algo del lenguaje HTML, tambin es verdad que existen
infinidad de editores de pginas web gratuitos que nos permiten crear pginas como si
cresemos un documento con el procesador de textos. Por ello, no es necesario conocer
el lenguaje para hacer una pgina web, aunque s conveniente.
A continuacin se muestra un ejemplo de las etiquetas mnimas que debe contener una
pgina web escrita en HTML5:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>
Lo que queramos que aparezca en la pgina debe estar entre las etiquetas del body.
Para poder ver la pagina en el navegador se debe guardar el documento de texto con la
extensin .htm (aunque tambin se admite .html).
Diseo de pginas web 1 de 3 Informtica 4-ESO

Accesibilidad y estndares web
Poco despus del nacimiento de las pginas web, surgi la necesidad de crear unas
normas o criterios fijos a la hora de publicar una pgina web, los llamados estndares de
publicacin web, como pueden ser el lenguaje HTML, o las direcciones URL. Para ello
surgi la W3C (World Wide Web Consortium), un comit internacional que se encarga de
investigar y desarrollar documentos que tienen que ver con las pginas web. De este
modo todo el mundo puede crear pginas web compatibles con cualquier navegador si se
siguen las normas del W3C. Actualmente la versin de HTML que se est usando es la
versin 5. Un navegador compatible con HTML 5 permite la visualizacin de vdeos sin
necesidad de instalar nada extra en el ordenador. Lo cual es un gran avance.
La accesibilidad web es un concepto que se refiere a la posibilidad de acceso a los
contenidos de las pginas web, independientemente del software, hardware, situacin
geogrfica, la cultura y las capacidades y discapacidades de cada uno. En definitiva,
consiste en garantizar a los usuarios el acceso a la informacin en igualdad de
condiciones. Existe un grupo en la W3C llamado la WAI (web accessibility initiative) que
vela por la accesibilidad web para las personas con algn tipo de discapacidad. Este
grupo publica varias normas llamadas WCAG que contienen las pautas para hacer ms
accesibles las pginas web.
Sitio web
Lo que usualmente denominamos pgina web es, hablado con ms propiedad, un sitio
web, que es un conjunto de archivos y pginas web enlazadas entre s mediante
hipervnculos. Para crearlo, se suelen dar los siguientes pasos:
Crear el sitio web en local, es decir, en nuestro ordenador de trabajo. Para ello nos
ayudamos de los editores de pginas web
Despus subir a un servidor web la web local. Para ello necesitamos acceso a un servidor
(de pago o gratuito). La forma ms habitual de subir un sitio web a un servidor es
utilizando un cliente FTP, que nos permite transferir archivos a un ordenador a un
servidor (con el servicio FTP habilitado)
Actualizar el sitio web. Para que el sitio web est vivo es necesario actualizarlo
peridicamente.
Programas para trabajar con pginas web

Los siguientes son editores de pginas web muy utilizados:
Kompozer (antes NVU). Es un editor sencillo aunque bastante completo que tiene
incluido el cliente FTP por lo que podemos trabajar directamente en el servidor
desde el propio programa sin necesidad de abrir un cliente FTP para subir las
pginas. Es libre y gratuito. Hay versin para linux y windows (que adems no
requiere instalacin)
Amaya. Es el editor web del W3C. Un editor ms completo que kompozer aunque
tambin algo ms complicado. Versiones para Windows, linux y MacOS X.
Bluegriffon. Editor para linux, windows y MacOS X, parecido a Kompozer y que
adems permite trabajar con HTML5. As que podemos crear pginas web mucho
ms modernas y visuales. Es una buena alternativa libre a Dreamweaver.

Dreamweaver. Para windows. De pago, de la compaa Adobe. Es uno de los
editores ms famosos y utilizados a nivel empresarial. Con multitud de
funcionalidades grficas y material para la creacin de pginas web.
Todos los anteriores son editores de tipo WYSIWYG (What You See Is What You Get), en
espaol, "lo que ves es lo que obtienes".
Tambin se pueden crear pginas web con el bloc de notas de windows o cualquier
editor de texto plano (sin formato), aunque para ello es necesario conocer el lenguaje
HTML, ya que requiere escribir todas las etiquetas, atributos, etc. a mano.
No es recomendable utilizar MS Word (de MS Office) para crear pginas web ya que
ciertas caractersticas funcionarn solo en Internet Explorer.
Filezilla. Es un cliente FTP muy conocido que permite transferir nuestro sitio web
de local al servidor. No es un editor de pginas web, pero es til (y a veces
necesario) para el trabajo en la web.
CSS (hojas de estilos)

Las CSS (Cascade Stile Sheet) permiten crear un documento con los estilos que se usarn
en una pgina web de tal forma que cuando queramos modificar el aspecto de la pgina
slo tenemos que modificar la hoja de estilos. Esto hace que renovar el aspecto de un
sitio web resulta ms sencillo. En la hoja de estilos se puede definir cmo queremos que
sea el fondo de las tablas, el aspecto de los encabezados, cmo deben mostrarse los
enlaces, etc.
Adems casi todos los editores de pginas web mencionados antes permiten la creacin
y modificacin de hojas de estilo.
Extensiones de archivos web

Existen multitud de extensiones de archivos que pueden formar pginas web o archivos a
los que se hace referencia dentro de una pgina web. Ejemplos:
.htm pgina web normal para mostrar contenidos
.asp, .aspx, .php estas pginas web ejecutan parte del cdigo en el servidor. Se
usan para crear pginas web interactivas. .asp y .aspx son de Microsoft, mientras
que .php es de cdigo abierto. Ambos tipos necesitan que en el servidor web se
instale un componente que sea capaz de interpretar el contenido de estas
pginas.
.css hojas de estilos
.jpg, .png, .gif muestra imgenes
.webm, .mp4, .ogg archivos de vdeo (que se usan en HTML5)
Dnde puedo ver ejemplos y aprender el lenguaje HTML?

Un buen sitio para aprender es en http://www.w3schools.com/. Al final de la pgina
podemos elegir espaol como idioma.

Resumen U12 - Diseño de Páginas Web PDF

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Resumen U12 - Diseño de Páginas Web PDF

Enviado por

Direitos autorais:

Formatos disponíveis

Resumen del tema de diseo de pginas web: Tema 12

Qu es una pgina web?

Diseo de pginas web 1 de 3 Informtica 4-ESO

Programas para trabajar con pginas web

Diseo de pginas web 2 de 3 Informtica 4-ESO

CSS (hojas de estilos)

Extensiones de archivos web

Dnde puedo ver ejemplos y aprender el lenguaje HTML?

Diseo de pginas web 3 de 3 Informtica 4-ESO

Você também pode gostar