File - RUTH VEGA COMPUSYS

Estimados estudiantes, lean este artículo
y luego procedan a resolver el
cuestionario de la última página.
Introducción al diseño web. Conceptos
básicos.
Una página web está compuesta por uno o varios documentos HTML
relacionados entre sí mediante hipervínculos (enlaces). Además estos
documentos pueden contener otros elementos como pueden ser imágenes,
sonidos, animaciones multimedia, aplicaciones.
A continuación, se comentan ciertos conceptos relacionados con el diseño y/o
desarrollo web.
Página web:
Documento realizado en HTML y que es parte de un sitio Web. Aparte del HTML
se pueden utilizar otros lenguajes complementarios como PHP, ASP, Javascript.
Sitio web:
Página principal y sus otras páginas, gráficos, documentos, multimedia y otros
archivos asociados que se almacenan en un servidor Web o en el disco duro de
un equipo.
HTML:
(Lenguaje de marcado de hipertexto) Lenguaje estándar de marcas empleado
para documentos del World Wide Web.
Hipervínculo:
Al hipervínculo se le suele llamar “enlace web” o en su versión anglosajona “link”.
Un hipervínculo es una conexión de una página a otro destino como, por ejemplo,
otra página o una ubicación diferente en la misma página.
El destino es con frecuencia otra página Web, pero también puede ser una
imagen, una dirección de correo electrónico, un archivo (como por ejemplo, un
archivo multimedia o un documento de Microsoft Office) o un programa. Un
hipervínculo puede ser texto o una imagen.
Editor:
Programa utilizado para crear páginas web sin la necesidad de tener que
aprender el lenguaje. Ejemplos: M. FrontPage 2000 y Macromedia
Dreamweaver. Existen otros editores de páginas web online tales como wix o
weebly.
Servidor:
Máquina conectada a Internet que –entre otros servicios- ofrece albergue para
páginas web haciendo que estén accesibles desde cualquier punto de Internet.
Cliente FTP:
Programa que permite conectarse al servidor para publicar páginas web.
Hosting:
Hospedaje web.
Dominio:
Dirección web asociada a una página web.
ISP:
En el ámbito del desarrollo de sitios web, se puede decir que un ISP es un
proveedor de servicios para web. Los diferentes servicios que pueden ofrecer
son: conexión a Internet, registro de dominio, hospedaje de sitios web, servicios
de contadores de servicios, libros de visitas gratuitos, estadísticas para web,
entre otros.
URL:
(Universal Resource Location / Localizador de recursos universal) Cadena que
proporciona la dirección de Internet de un sitio Web o un recurso del World Wide
Web, junto con el protocolo mediante el cual se tiene acceso al sitio o al recurso.
El tipo más común de dirección URL es http://, que proporciona la dirección de
Internet de una página Web. Otros tipos de dirección URL son gopher://, que
proporciona la dirección de Internet de un directorio Gopher, y ftp://, que
proporciona la ubicación de red de un recurso FTP. Ejemplos:
http://www.desenredate.com , http://www.google.com
Applets:
Programas desarrollados con Java para mejorar la presentación de las páginas
Web que realizan animaciones, juegos e interacción con el usuario.
Frames (marcos):
Áreas rectangulares que subdividen las ventanas de algunas páginas Web, cada
una de las cuales contiene un documento de hipertexto independiente de los
demás.
Webmaster:
Un webmaster es el encargado de crear, diseñar, estructurar, maquetar, publicar,
promocionar y mantener un sitio web.
Tablas:
Elemento fundamental para la maquetación y distribución de contenidos de una
página web.
Banner:
Elemento gráfico con forma rectangular, normalmente animado, cuyo contenido
es publicidad.
Imagen:
Archivo gráfico que se puede insertar en una página Web y mostrar en un
explorador de Web. Existen diferentes formatos: GIF, JPEG, BMP, TIFF, WMF y
PNG, entre otros.
DISEÑO DE PÁGINAS WEB
Los materiales necesarios son un editor de textos, con el que programaremos
nuestras páginas y un cliente web como Internet Explorer o Firefox, Opera, o
cualquier otro navegador que tengamos instalado. Como un ordenador Windows
por defecto siempre tiene instalado el Block de Notas y también el Internet
Explorer se puede empezar a construir una página web sin más necesidades.
Si lo deseamos, será también muy fácil obtener un editor de textos sencillo, de
texto plano, y un navegador con el que ver las páginas que vamos a crear, si es
que no están instalados ya en nuestro ordenador.
La Web 2.0 nos proveer de editores de páginas web gratuitos como
www.wix.com o www.weebly.com o http://creatuweb.espaciolatino.com/ entre
otros. Los editores proporcionan facilidad y versatilidad así como también
gratuidad a la hora de crear una página web y alojarla en un servidor web
gratuito. Muchas personas prefieren utilizar los editores de páginas web en vista
de es más fácil que programar en HTML.
Se pueden realizar páginas web en un editor de textos de Windows, en
Dreamweaver, frontpage, etc. En cuanto a los lenguajes de programación para
páginas web, se puede utilizar PHP, ASP, entre otros.
Lenguaje HTML, el lenguaje con el que crean las páginas web.
HTML es el lenguaje con el que se definen las páginas web. Básicamente se
trata de un conjunto de etiquetas que sirven para definir el texto y otros
elementos que compondrán una página web.
El HTML se creó en un principio con objetivos divulgativos de información con
texto y algunas imágenes. No se pensó que llegara a ser utilizado para crear
área de ocio y consulta con carácter multimedia (lo que es actualmente la web),
de modo que, el HTML se creó sin dar respuesta a todos los posibles usos que
se le iba a dar y a todos los colectivos de gente que lo utilizarían en un futuro.
Sin embargo, pese a esta deficiente planificación, sí que se han ido incorporando
modificaciones con el tiempo, estos son los estándares del HTML. Numerosos
estándares se han presentado ya. El HTML 4.01 es el último estándar a febrero
de 2001. Actualización a mayo de 2005, en estos momentos está a punto de
presentarse la versión 5 de HTML, de la que ya se tiene un borrador casi
definitivo.
El HTML es un lenguaje de marcación de elementos para la creación de
documentos hipertexto, muy fácil de aprender, lo que permite que cualquier
persona, aunque no haya programado en la vida, pueda enfrentarse a la tarea
de crear una web.
Es recomendable utilizar el blog de notas de Windows o el Notepad++ que
fácilmente se lo puede descargar de Internet.
La estructura básica de una página web es la siguiente:
Las páginas HTML están estructuradas en dos partes diferenciadas: la HEAD
(cabecera) y el BODY (cuerpo). Como su sintaxis está basada en etiquetas, es
necesario abrir y cerrar las mismas. <head> abrir etiqueta y </head> para cerrar
etiqueta.
En resumen, la estructura básica de un documento HTML queda de la forma
siguiente:
<html>
<head>
<title>Título</title>
</head>
<body>
Texto del documento, menciones a gráficos, enlaces, etc.
</body>
</html>
Creando tu primera página web de prueba.
Utiliza un editor de textos, se te recomienda el Notepad++ el cual se puede bajar
fácilmente del Internet.
Luego se procederá a escribir el código de HTML basado en etiquetas.
Las etiquetas <b> y </b> definen el texto en negritas.
Las etiquetas <p> y </p> definen un párrafo.
Las etiquetas <title> y </title> definen un título.
No olvidemos que las etiquetas se abren y se cierran.
Para ejecutar el código HTML
Se procede a ejecutar la página web desde el editor Notepad++ y s elije el
navegador con el cual se desea hacer la ejecución, ya sea Internet Explorer,
Mozilla u otro. La página se mostrara de la siguiente manera.
Para alojar las páginas Web
Debes elegir un servidor para alojar tus páginas, es decir, un alojamiento web
acorde con tus necesidades. Como hemos dicho, cualquier servicio que se
quiere ofrecer en Internet tiene que brindarlo un servidor, que es un ordenador
que se encuentra encendido las 24 horas del día y conectado a Internet también
permanentemente. En el caso de una página web, existen unos servidores que
son los encargados de mandarla cuando se la solicita, son los servidores web.
Nuestras páginas tienen que estar alojadas en un servidor web para que puedan
estar accesibles desde Internet.
Existen también servicios de alojamiento de páginas web gratuitos. Dependiendo
de las características de la página web y del tipo de negocio se pueden utilizar
estos servicios. Dependiendo del proyecto que estemos realizando
necesitaremos más o menos recursos de nuestro servidor web. Si estamos
haciendo una página personal quizás este punto no nos interese mucho y
simplemente no queramos gastar dinero, pero si estamos pensando en hacer un
proyecto más serio, como una página para nuestro negocio, conviene contratar
un buen servicio de alojamiento de la página. No merece la pena realizar un
esfuerzo grande en construir el sitio y luego colocarlo en un servidor de poca
calidad, que sea lento o sufra cortes de servicio habitualmente.
http://www-app.etsit.upm.es/~alvaro/manual/manual.html
http://186.42.96.211:8080/jspui/bitstream/123456789/104/3/Diseno.Y.Programa
cion.de.Paginas.Web%20%5Bwww.e-book-tutoriales.blogspot.com%5D.pdf
http://www.virtualnauta.com/html-tutorial
Resolver estos temas y enviar como archivo adjunto al correo, sólo esta página.
Cuestionario de Diseño de Páginas Web
1. Nombre los dos editores gratuitos de páginas web online que le dan facilidad de
crear un sitio web sin necesidad de utilizar el lenguaje HTML.
2. ¿Qué es HTML?
3. ¿Cómo está compuesta la estructura de HTML?
4. Escriba la codificación para mostrar mensajes en una página web utilizando
HTML.
5. ¿De qué manera se pueden alojar las páginas web en la Internet?
6. ¿Cómo prefiere Ud. diseñar su sitio web desde programación HTML, PHP o
desde un editor de páginas web? Explique por qué?
7. ¿Cuál es el editor que permite diseñar una página web en lenguaje HTML?
8. ¿Qué es un hipervínculo?
9. ¿Qué es un servidor Web?
10. ¿Qué significan las siglas HTML?