Capitulo 6.
Pginas Web
Pginas Web
Seccin 02 Grupo 17
Gmez, Orlando Jos
Universidad de Oriente, Ncleo Anzotegui, Unidad de Estudios Bsicos
Dpto. Ciencia, Introduccin a la Programacin (0082833)
Pginas web
"Una pgina web se define como un documento
electrnico el cual contiene informacin textual,
visual y/o sonora que se encuentra alojado en un
servidor y puede ser accesible mediante el uso de
navegadores. Las pginas web tienen muchas
utilidades y usos, el diseo de estas depender de la
necesidad del usuario las cuales nos ayudaran a
progresar tanto en el mbito econmico como en el
trabajo o estudios.
Palabras Clave
-Hipervnculos: es un elemento de un documento
electrnico que hace referencia a otro recurso.
-HTML: hace referencia al lenguaje de marcado para
la elaboracin de pginas web
-Navegador: es un software que permite el acceso a
Internet, interpretando la informacin de distintos
tipos de archivos y sitios web para que stos puedan
ser visualizados.
Definicin.
Es el documento o informacin electrnica
que forma parte de un sitio web y que suele
contar con enlaces (tambin conocidos
como hipervnculos o links) para facilitar la
navegacin entre los contenidos, ste capaz
de contener texto, sonido, vdeo,
programas, enlaces, imgenes, y muchas
otras cosas, que puede ser accedida
mediante un navegador. Las pginas web
estn desarrolladas con lenguajes de
marcado como el HTML o XHTML que
pueden ser interpretados por los
navegadores.
Figura1.
Utilidad.
Las pginas web tienen muchas utilidades
dentro de las ms importantes estn:
-Puedes tener rea de usuarios registrados
-Puedes permitir a visitantes registrarse en
tu pgina web.
-Puedes llevar un registro del conteo de
visitantes de hoy, de ayer, de esta semana,
de este mes, o de todas las visitas que has
tenido en tu pgina web, y ver quien est
conectado en ese momento.
-Puedes tener un buscador en tu pgina con
la fortaleza que google ofrece.
-Puedes tener un formulario de contactos
para que tus visitantes tengan la
oportunidad de hablar contigo.
-Puedes tener un foro para que t y tus
visitantes tengan un espacio para hablar de
temas especficos, o crear una comunidad
con intereses comunes en tu pgina web.
Usos en casa, estudios y trabajo.
Figura2.
Dependiendo de su necesidad es para lo que
su pgina web ser usada. No todos los que
tienen pgina web venden a travs de ella,
sin embargo les ayuda a formar una idea
positiva en la mente de sus clientes lo que
se puede traducir en ventas. Existen varios
usos que se le puede dar a una pgina web
entre estos estn:
-Buscar informacin acerca de un tema en
especfico.
-Ver videos, descargar msica e imgenes.
-Hacer llegar informacin sobre actividades
institucionales.
-Lanzar concursos de participacin
estudiantil.
-Informar a los estudiantes y docentes sobre
las actividades a realizar.
-A travs de pginas web(a nivel
empresarial) usted podr llegar a clientes
potenciales del mundo entero.
-En negocios; tener presencia y dar
informacin.
-Compra-venta mediante su pgina web o
catlogo de productos.
- Ayudar a posicionar su marca y establecer
presencia en internet.
Pasos para diseo de una web.
Figura3.
-Definir el objetivo (determinar por qu
quieres crear una pgina web y cul ser su
uso).
-Determinar la estructura del sitio (prepara
un mapa estructural del sitio web para
ayudarte a visualizar la estructura del sitio).
-Decide la apariencia de la pgina (has el
diseo y el diagrama de la ubicacin de los
objetos de la pgina hasta que tengas algo
que te guste).
-Considera el diseo
-Escoge el editor (como por ejemplo bloc
de notas).
-Busca y junta los objetos (como imgenes,
logos, animaciones, sonidos, etc. Que vas a
utilizar en tu pgina web).
-Crea el cdigo (crea el cdigo para cada
objeto y gurdalo con extensin HTML).
-Visualizar mi pgina (abre el navegador de
tu pgina elaborada y chequea como
funciona tu cdigo).
-Modificar mi pgina (ve al editor de texto,
modifica el cdigo HTML, guarda el
archivo y presiona F5 para ver los cambios)
-Publica la pgina en internet
-Publica la pgina en internet
Estructura de una web.
La estructura bsica de una pgina web es la
siguiente:
Tabla1. Estructura bsica de una pgina web
<html>
<head></head>
<body>
</body>
</html>
Una estructura HTML se empieza con la
etiqueta <html> y acaba con </html>. Todo
lo que est en medio ser la pgina web.
Dentro de <html></html> se encuentran 2
partes diferenciadas.
La primera <head></head> es la cabecera
de la pgina. Aqu ir cierta informacin
que no es directamente el contenido de la
pgina. Aqu se pone el ttulo de la pgina,
los metadatos, estilos, cdigo javascript. La
primera que se suele estudiar es
<title></title>, que indica el ttulo de la
pgina (lo que el navegador pone en la parte
superior izquierda).
La segunda parte es <body></body>. Aqu
va propiamente el contenido de la pgina:
fotos, prrafos, formularios, etc. Por
ejemplo:
Tabla2. Estructura bsica de una pgina web. Ej
2
<html>
<head>
<title>Esto es el t&iacute;tulo de la
p&aacute;gina.</title>
</head>
<body>
Hola mundo!<br>
<b>Esto es negrita.</b><br>
<i>Y esto it&aacute;lica.</i><br>
</body>
</html>
Observa que dentro de <body></body>
distinguimos varias etiquetas:
<br> => Indica salto de lnea. En HTML un
salto de lnea normal (plsando la tecla
Enter) no produce un salto de lnea en el
resultado. Es necesario escribir <br> (u otra
etiqueta similar).
<b></b> => Indica comienzo y fin de
negrita.
<i></b> => Itlica.
Tambin observamos el cdigo &iaacute;
=> Esto indica que queremos poner una "i"
con acento, es decir, "".
Es importante mencionar que las etiquetas
se pueden escribir indistintamente en
maysculas o minsculas, es decir <b>Esto
es negrita.</b> y <B>Esto es negrita.</B>
produce el mismo resultado. Por otro lado,
toda etiqueta que se abre (es decir, se pone
la etiqueta sin la barra /) debe cerrarse (es
decir, poner su equivalente con el
smbolo /), si no, el navegador podra dar
resultados inesperados. Excepciones a esto
son algunas etiquetas que no lo necesitan,
como <br> o <hr>.
Tipo de comunicacin.
Figura4.
El tipo de comunicacin que se puede dar
en las pginas web es el foro, caja de
comentarios, a travs de redes sociales,
correo electrnico, entre otros. Todas estas
formas de comunicacin se pueden realizar
a travs de las pginas web.
-El foro: Es una aplicacin web que da
soporte a discusiones u opiniones en lnea.
Dicha aplicacin suele estar organizada en
categoras. Estos ltimos foros son
contenedores en los que se pueden abrir
nuevos temas de discusin en los que los
usuarios de la web respondern con sus
opiniones.
-Caja de comentarios: se utiliza para que los
visitantes de tu pgina web puedan dejar
comentarios en tus publicaciones.
-Redes sociales: Las redes sociales son
sitios de internet que permiten a las
personas conectarse con sus amigos e
incluso realizar nuevas amistades, de
manera virtual, y compartir contenidos,
interactuar, crear comunidades sobre
intereses similares: trabajo, lecturas, juegos,
amistad, relaciones amorosas, relaciones
comerciales, etc.
-Correo electrnico: es un servicio de red
que permite a los usuarios enviar y recibir
mensajes (tambin denominados mensajes
electrnicos o cartas digitales) mediante
sistemas de comunicacin electrnica.
Referencias.
[1]http://es.wikipedia.org/wiki/P%C3%A1gina_web
[2]http://definicion.de/pagina-web/#ixzz3VswPt7Yl
[3]https://youtu.be/zTVEfTMef44
[4]http://www.sdgestudio.com/usos_de_la_pagina_
web.html
[5]http://es.slideshare.net/tomyycerr/pasos-para-
crear-un-sitio-web
[6]http://html.hazunaweb.com/102.php
[7]http://www.quees.info/que-es-una-pagina-
web.html
[8]http://escritoriofamilias.educ.ar/datos/redes-
sociales.html
[9]http://es.wikipedia.org/wiki/Foro_(Internet)
[10]http://es.wikipedia.org/wiki/Correo_electr
%C3%B3nico
[11]http://es.wikipedia.org/wiki/Hiperenlace
[12]http://es.wikipedia.org/wiki/HTML
[13]http://www.condo-
consulting.com/images/imagenes/final_web3.jpg
[14]http://www.vendopaginasweb.com/wp-
content/uploads/2012/02/diseno-web-profesional.jpg
[15]http://static.commentcamarche.net/es.kioskea.ne
t/pictures/AteXi2Lq-redes-sociales-s-.png
Datos de Contacto:
Orlando Gmez. Universidad de Oriente, Ncleo
Anzotegui. 6022. Ojgp_15_8@hotmail.com.