NOMBRE: CORAIMA SHIRLEY

APELLIDOS: MEZA CALDERON

ESPECIALIDAD: COMPUTACION E IMFORMATICA

TEMA: PÁGINAS WEB

PROFESOR: CARLOS JULCA

2018
 INTRODUCION

Conozcamos un poco que es un sitio web Un sitio Web también conocido como sitio de
Internet o página de inicio si es un sitio personal es un grupo de archivos HTML
almacenados en un equipo que está siempre conectado a Internet. Por lo general, un sitio
Web se construye alrededor de una página central, la página de bienvenida, que ofrece
vínculos a un conjunto de páginas alojadas en el mismo servidor y, a veces, a vínculos
"externos" que llevan a páginas alojadas en otro servidor. El sitios web surgidos en su
mayoría a iniciativa de muchas personas con algunos conocimientos sobre los sistemas
clásicos de publicación de páginas web y cuyos contenidos se actualizan con escasa
frecuencia. El trabajo de edición y publicación suele centralizarse también en una única
persona a la que se atribuye el papel de experta, ya que la tecnología utilizada no hace fácil
que cualquiera pueda colaborar en la tarea. El uso de herramientas en la Web ha sido la
elaboración de su página web oficial con el objeto de tener presencia en Internet, dar a
conocer su oferta educativa y de servicios y mantener informada a la comunidad escolar y
al público en general sobre lo que en el centro acontece. La web (World Wide Web, que se
abrevia con las siglas WWW), es uno de los métodos que Internetofrece para explorar
documentos conectados a través de hipervínculos.
 HISTORIA

Hace 25 años, el británico Tim Berners-Lee puso en marcha la Word

Wide Web, una nueva manera de compartir información entre
varias personas utilizando diferentes ordenadores. Tras recibir
la luz verde de sus superiores, Berners-Lee programó el que
sería el primer servidor web y la primera página de la historia
Bernd Pollermann tenía 30 años cuando comenzó a trabajar
como físico en el centro de investigaciones nucleares CERN, en
Ginebra
El 20 de diciembre de 1990, Berners-Lee puso en línea la
primera página web del
mundo: http://info.cern.ch/hypertext/WWW/TheProject.html, que contiene información
y anécdotas sobre el surgimiento de las páginas web. Fue el nacimiento de la World Wide
Web, Tim Berners-Lee está considerado su creador.
En esa época trabajan en el CERN investigadores de 60 países. Sin las websites, resalta
Pollermann, Internet no podría haberse impuesto. El éxito definitivo vino luego con el
desarrollo de navegadores tales como Firefox, Explorer, Mozilla y buscadores tales como
Altavista y Google
Thomas Finen, ingeniero del DESY, creó en fase de prueba un servidor y una página web
para enlazar el CERN con el DESY. “Las páginas se abrían a menudo muy lentamente,
pero uno quedaba conforme si lograba intercambiar texto y pequeñas imágenes”, dice
Finen, que hasta hoy trabaja en el DESY. El 20 de diciembre de 1990 fue puesta en línea
la primera página web del mundo, en el centro de investigaciones nucleares CERN.

La World Wide Web comenzó a existir en 1991, y a más de 20 años de su creación, el

primer sitio web del mundo está almacenado por la W3C, que lo conserva para que
recordemos la historia. Fue creado por Tim Berners-Leeusando un computador NeXT, y
su función era informar sobre la nueva y emocionante World Wide Web.
Los visitantes podían aprender más sobre el proyecto, cosas sobre el hipertexto, detalles
técnicos para crear una página web, y una explicación de cómo buscar información en la
web (algo complicado porque no había buscadores). Por esos tiempos, los únicos que
tenían un navegador eran Berners-Lee y sus colegas del CERN, así que la primera página
web no tenía mucha difusión que digamos.

.
 CONTENIDO

Una página web, o página electrónica, página digital, o ciberpágina es un

documento o información electrónica capaz de contener texto, sonido, vídeo,
programas, enlaces, imágenes y muchas otras cosas, adaptada para la llamada
Word Wide Web (WWW) y que puede ser accedida mediante un navegador web.
El Web está integrado por sitios web y éstos a su vez por páginas web. La gente
suele confundir estos términos, pero un sitio web es en realidad un conjunto de
páginas web
Una página de Internet o página Web es un documento electrónico adaptado
particularmente para el Web, que contiene información específica de un tema en
particular y que es almacenado en algún sistema de cómputo que se encuentre
conectado a la red mundial de información denominada Internet, de tal forma que
este documento pueda ser consultado por cualesquier persona que se conecte a
esta red mundial de comunicaciones y que cuente con los permisos apropiados para
hacerlo.
Una página Web tiene la característica peculiar de que el texto se combina con
imágenes para hacer que el documento sea dinámico y permita que se puedan
ejecutar diferentes acciones, una tras otra, a través de la selección de texto
remarcado o de las imágenes, acción que nos puede conducir a otra sección dentro
del documento, abrir otra página Web, iniciar un mensaje de correo electrónico o
transportarnos a otro Sitio Web totalmente distinto a través de sus hipervínculos.

ETIQUETA <HTML>… </HTML>

Cuando creas una web de gran tamaño, es necesario darle un orden y un sentido.
Toda página web tiene un menú para ordenar la información, pero no ofrece el
mismo ángulo de visión que las etiquetas. Los visitantes pueden ver una nube de
etiquetas e identificar el contenido que más les interesa.
Elementos principales de una página web

 Texto
 Imágenes
 Audio
 Video
 Hipervínculos
HTML
Un sitio web es un conjunto de páginas web desarrolladas en código html,
relacionadas a un dominio de Internet el cual se puede visualizar en la World Wide
Web (www) mediante los navegadores web o también llamados browser como ser
Chrome, Firefox, Edge, Opera entre otros.
Cada página web perteneciente al sitio web tiene como objetivo publicar contenido,
y este contenido podrá ser visible o no al público.

La primera versión de HTML fue publicada por un científico de la computación

británico llamado Timohty John Berners-Lee en 1991 y contenía inicialmente pocos
elementos
“HTML es un lenguaje de programación que se utiliza para el desarrollo de páginas
de Internet. Se trata de la siglas que corresponden a HyperText Markup Language,
es decir, Lenguaje de Marcas de Hipertexto”.
 Es el elemento de construcción más
básico de una página web y se usa para crear y representar visualmente una página
web. Determina el contenido de la página web, pero no su funcionalidad. Otras
tecnologías distintas de HTML (está diseñado por textos y etiquetas) son usadas
generalmente para describir la apariencia/presentación de una página web (CSS) o
su funcionalidad (JavaScript).
HTML sólo sirve para indicar como va ordenado el contenido de una página web.
Esto lo hace por medio de las marcas de hipertexto las cuales son etiquetas
conocidas en inglés como tags.
EL HTML se encarga de desarrollar una descripción sobre los contenidos que
aparecen como textos y sobre su estructura, complementando dicho texto con
diversos objetos (como fotografías, animaciones, etc).
un lenguaje muy simple y general que sirve para definir otros lenguajes que tienen
que ver con el formato de los documentos. El texto en él se crea a partir de etiquetas,
también llamadas tags, que permiten interconectar diversos conceptos y formatos.

Diferencia entre página y sitio web 2.0 y 3.0.Sitio Web 2.0:

Permite a sus usuarios interactuar con otros usuarios o

cambiar contenido del sitio web. Las aplicaciones Web,
los servicios de red social, los servicios de alojamiento
de videos, las wikis y blogs. Sitio Web 3.0: Describe la
evolución del uso y la interacción en la red a través de
diferentes caminos. Ello incluye las tecnologías de
inteligencia artificial, la web semántica, la Web
Geoespacial, o la Web 3D
 QUE NECESITA LAS PAGINAS WED

Una página web necesita un lugar donde

alojarse para que cuando el usuario
solicite la información desde su
navegador, la información que esta
contiene se cargue y aparezca en el
ordenador. Es por ello que los sitios web
se encuentran en un servidor web o host,
que podría definirse a grandes rasgos
como un gran ordenador que entrega el
contenido cuando se solicita por la red.
Este mismo servicio de almacenamiento se conoce como hosting.

TIPOS DE PÁGINA WEB

Básicamente existen dos tipos de páginas web: estáticas y dinámicas

 Páginas web estáticas

Son ideales para las empresas que no quieren muchas pretensiones con su sitio
web, sino simplemente informar a sus clientes de sus productos y dar a conocer su
perfil de empresa entre otros. La principal ventaja es lo económico que pueden
resultar. Su diseño y desarrollo es más rápido que el de una web dinámica pero el
usuario no puede seleccionar, ordenar o modificar los contenidos o el diseño de la
página. Los sitios Web estáticos son aquellos sitios enfocados principalmente a
mostrar una información permanente, donde el navegante se limita a obtener dicha
información, sin que pueda interactuar con la página Web visitada, las Web estáticas
están construidas principalmente con hipervínculos o enlaces (links) entre las
páginas Web que conforman el sitio, este tipo de Web son incapaces de soportar
aplicaciones Web como gestores de bases de datos, foros, consultas on line, e-
mails inteligentes...Esta es una opción más que suficiente para aquellos sitios Web
que simplemente ofrecen una descripción de su empresa, quiénes somos, donde
estamos, servicios, etc... ideal para empresas que no quieren muchas pretensiones
con su sitio Web, simplemente informar a sus clientes de sus productos y su perfil
de empresa.
La principal ventaja de este tipo de páginas es lo económico que resulta crearlas, con un
diseño vistoso e incluyendo las imágenes y el texto con el cual queremos informar a los
navegantes, se puede crear fácilmente sin necesidad de ningún tipo de programación
especial (php, asp, ...) un sitio Web estático.

EJEMPLOS

Curriculum Vitae.
Cada día nos encontramos con más personas que utilizan la Web para presentar
su curriculum vitae, es un buena manera de presentarse hacia las empresas a la
hora de encontrar trabajo o establecer relaciones comerciales.
Web Quest.
Son sitios Web desarrollados principalmente por profesores y universidades, con
un claro objetivo educativo, proponiendo a un grupo de alumnos un tema en
particular (biología, geometría, física, literatura....) con un serie de cuestiones
formuladas acerca del tema elegido, el grupo tiene disponible, en la misma Web,
direcciones (links) a otras páginas Web donde pueden indagar e investigar acerca
del tema, de tal forma que puedan responder a las preguntas planteadas. El
principal objetivo de las Web Quest reside en aprender los contenidos del tema
elegido de una manera interactiva.
Blog o bitácora.
Es un sitio Web donde se recopilan cronológicamente mensajes de uno o varios
autores, sobre una temática en particular siempre conservando el autor la libertad
de dejar publicado lo que crea pertinente, también llamado blog o bitácora
Web Informativa.
Aquellos sitios Web que simplemente ofrecen información acerca de un tema
específico (Fiestas en Valencia: Las fallas, Gastronomía andaluza.....), por lo
general estos sitios no se actualizan, de tal forma que los contenidos permanecen
invariables a lo largo de su vida

CARACTERISTICAS

Ausencia de movimiento y funcionalidades.

Realizadas en XHTML o HTML.
Acceder al servidor para cambiar contenidos de la
página.
Opacidad a los deseos o búsquedas del visitante a la
página.
Lento y manual el proceso de actualización.
 PÁGINAS WEB DINAMICAS

Las páginas dinámicas se caracterizan porque interactúan con el usuario. Es decir,

que no se trata de un simple archivo HTML, sino de un contenido que es interactivo.
Esto se debe a que la información se almacena en bases de datos que permiten el
desarrollo de aplicaciones webs. Es entonces desde allí desde donde se recupera
la información necesaria para mostrar según las peticiones de los usuarios.
Su ventaja frente a las estáticas, es que en este caso el contenido puede
modificarse con mayor rapidez a través de un gestor de contenido. Además de que
tiene mayor poder de personalización. Por otro lado, no se desarrollan bajo el
lenguaje de programación HTML sino de otros como ASP, PHP, JSP o RUBY. Para
manejar estos lenguajes si se requiere contar con conocimientos informáticos. La
web 2.0 es realmente la web dinámica, esa en la cual los usuarios interactúan con
la información contenida en la web, ya que dicha información varía en tiempo real
de acuerdo a las opciones tomadas por el usuario

Las características
Infinitas posibilidades en su diseño y desarrollo.

El visitante puede alterar el diseño, contenidos o

presentación
.
Se utilizan varias técnicas de programación.

El proceso de actualización es muy sencillo.

Permite muchas funcionalidades como bases de

datos, foros, etc.

TIPOS DE PÁGINAS WEB SEGÚN LA TECNOLOGÍA EMPLEADA

Para clasificar los tipos de páginas web en esta categoría de una forma clara y
concisa, lo aremos en tres (3) subcategorías:

HTML.

Flash.

Lenguaje de servidor.
Páginas en HTML
Son páginas estáticas las cuales se diseñan en lenguaje de marcado, también
podemos considerar que este tipo de lenguaje o código es el más común y fácil de
aprender. Como una gran ventaja que tenemos con este tipo de páginas web es su
fácil implementación y diseño.

Páginas en Flash
Son páginas animadas y generalmente se emplean con diseños muy coloridos, este
tipo de diseño no es de mucho agrado para los buscadores en especial el de Google
™ ya que como no es texto el robot (Googlebot o araña) que analiza las páginas no
sabrá de qué se trata la temática de la página web.

Páginas en lenguaje de servidor

Son páginas dinámicas y con una gran capacidad, y como mencionamos
anteriormente este tipo de páginas es de las más comunes. Uno de los lenguajes
más usados es el PHP, y también es bueno mencionar la fuerza que tiene la unión
de PHP y Ajax.
También podríamos aplicar una categoría a los tipos de páginas web según su
objeto o campo de aplicación, pero esto ya sería como una división de lo anterior
visto.

TIPOS DE SITIOS WEB

Personales: como su nombre lo dice, son sitios web donde se expresan las
temáticas de una persona o en su defecto la temática de un grupo.

Blog: Se le conoce normalmente como bitácoras, donde se publican artículos

referentes a un segmento de mercado.

Foros: Son sitio web de debate o dialogo, donde se hacen preguntas y entre los
miembros se responden.

E-commerce: Son los sitios dedicados a la venta de productos y/o servicios,

normalmente conocidos como tiendas online.

Directorios: Se podría decir que son como catálogos virtuales, que muestran
hipervínculos hacia otras páginas web.
Institucionales o corporativas: Son los sitios construidos para dar una
proyección de marca en particular.

Spam: So los sitios que se construyen para posicionar otros sitios, su información
carece de valor.

EL MUNDO ACTUAL Y LA WEB EN LAS EMPRESAS Y NEGOCIOS

El mundo empresarial y de los negocios cada día es más competitivo, la reducción

de costes en los medios de transportes, las economías de escala y demás
factores originados por la globalización, han creado un mercado competitivo y
dinámico.
Ante la visión actual del mercado, el marketing de nuestro negocio se convierte
en un punto clave para alcanzar el éxito deseado, debemos de darnos a conocer
en todas partes, nuestros productos y servicios han de estar presentes en
cualquier lugar del mundo, tenemos que globalizar nuestro negocio.
Hoy en día con los vertiginosos avances tecnológicos que se producen a diario,
Internet se convierte en el medio publicitario por excelencia, cada vez son más
las empresas que se encuentran presentes en la red, ofreciendo sus productos y
servicios a los millones de usuarios que navegan diariamente por la red, buscando
y encontrando información sobre empresas y servicios que satisfagan sus
necesidades.
Las páginas Web se convierten en una tarjeta de visita de la empresa, en el primer
impacto que va a recibir un posible cliente, es por ello que el proceso de creación
de un sitio Web requiere de una planificación estratégica para conseguir que los
objetivos propuestos se conviertan en realidades.

En ese caso, un sitio web puede funcionar como un primer canal de contacto entre tu negocio
y tu público. Es una buena primera impresión y fundamental para que ese visitante se
transforme efectivamente en un cliente en el futuro.
Somos una empresa de diseño web que se ha propuesto el objetivo de enamorar a
tus clientes. No basta con tener una web “como las demás”, se trata de que cuando
tus posibles clientes entren en tu web, se enamoren de ella y conseguir un
sentimiento de confianza que les impulse a contactar.

Aplicamos todos nuestros conocimientos adquiridos durante años, en el diseño

gráfico y diseño web para conseguir hacer “sentir” a los usuarios que lleguen a las
páginas web de nuestros clientes.
Hoy en día, incluso si no tienes ni idea de programación, tienes la oportunidad
de crear sitios web de una manera fácil y sencilla. De este modo, podrás mejorar la
visibilidad de tu negocio o producto en la red.
Internet no es solo un lugar donde ligar y conocer gente de nuestra ciudad o
descargar películas a nuestro disco duro. La red es mucho más que eso. Entre otras
cosas, Internet es un gran escaparate en el que podemos mostrar al mundo lo que
sabemos hacer o ese maravilloso producto que vendemos.

PROPIA WEB CON ESTAS HERRAMIENTAS GRATUITAS

Wix
No cabe duda de que estamos ante la opción más sencilla para crear nuestro propio
sitio web, con un asistente rápido y un editor inteligente WYSIWYG.
Wix cuenta con dos características que lo han convertido en una de las opciones
favoritas de millones de usuarios. Ambos implican la creación de todo el contenido
online y cuenta con herramientas muy intuitivas y rápidas de usar.

WordPress
Lo bueno de esta herramienta es que puede ser tan simple o tan complejo como
nosotros queramos. Ideal para crear sitios web estáticos, portafolios, tiendas online
y blogs.

Joomla
Estamos ante otro sencillo y potente creador de sitios webs gratuitos con versiones
online y sin conexión, aunque no es tan elegante como WordPress.

SITE123
Estamos ante una herramienta ideal para construir y subir nuestro sitio web en
cuestión de minutos. De hecho, esta es la principal características de esta
plataforma.
Tal y como su propio nombre indica, la idea de SITE123 es que la creación de un
sitio web debe ser lo más simple posible.

PARTES DE UN SITIO WEB

Home
La home o portada es quizá el elemento más importante de un sitio web. Dependiendo de
lo atractiva que sea ésta y de la cantidad de información, fotos, menús y demás elementos,
que sean utilizados de forma proporcionada y que un usuario vea al visitarla por primera
vez va a determinar la continuidad del mismo. Esto es crucial para sitios de comercio
electrónico, donde se busca que el usuario navegue y compre. Está estudiado que la
mayoría de usuarios, si en 15 segundos no han visto algo interesante en una web siguen
navegando a otro sitio y abandonan. Sí, sólo 15 segundos.
Otro aspecto muy importante relacionado con la portada y, en general, con todo el sitio web
es la cantidad de dispositivos que pueden ver su contenido sin problemas.
Como parte fundamental de la navegación en un sitio están los menús. El menú debe ser
claro, vistoso y mostrar las secciones del sitio web, puede contener un buscador y se debe
ocultar cuando se accede desde un dispositivo móvil para mostrarse mediante un botón. En
algunas secciones podemos tener nuevos menús laterales que accedan a contenido filtrado
relevante para esa sección. Por ejemplo, y volviendo al ejemplo de un sitio Tienda online,
es muy habitual entrar en una sección de productos y en el menú lateral filtrar el contenido
por marcas, precios, etc. O en un Blog que aparezcan las categorías o nube de etiquetas
de nuestros artículos.
Es un error muy grave mostrar menús principales demasiado cargados de opciones, que
consiguen perder y aburrir al usuario provocando su abandono, ¿recordáis los 15 segundos
de antes? Pues tenedlo en cuenta para vuestros propios sitios web.

Header

El header o encabezado es una parte importante del diseño web, contiene el menú principal
y muestra el logotipo de la empresa o el nombre del sitio. En la portada suele venir
acompañado de un slider o deslizador de imágenes con titulares o claims del sitio que
invitan a seguir navegando. Estas imágenes suelen ser de calidad y muestran fotos de la
empresa, fotos relacionadas con el sector, etc. Últimamente se han puesto de moda vídeos
cortos de gran tamaño en vez de estas imágenes. El tamaño del encabezado en la portada
dependerá mucho del tipo de página, siendo pantalla completa la web de un estudio de
fotografía o un tercio de la altura un sitio de Tienda online por ejemplo.

Footer

El footer o pie de página cierra todas las vistas de nuestra web. En él se mostrarán
normalmente las secciones más relevantes de nuestro sitio, los enlaces a las redes sociales
de nuestra organización, el acceso a contacto y los enlaces obligatorios por ley a la Política
de Privacidad, Cookies y Condiciones de uso. Dependiendo del espacio que tengáis puede
ser interesante mostrar la dirección o razón social, teléfonos, etc.
Secciones

Contacto
Es importantísimo la retroalimentación por parte de nuestros usuarios, por lo que siempre
debemos proporcionar un mecanismo sencillo para el contacten con nosotros y sepan
dónde estamos. La sección más importante para ello es la de Contacto
 CONCLUCIONES

En conclusión las páginas web en un mismo dominio constituyen un sitio web. Este
tema como en general nos permite interactuar con los usuarios para opinar temas
archivos subidos de diferente lugar. Gracias a estos sitios podemos estar en
contacto con el resto del mundo. En este trabajo se ha descrito, a breves rasgos,
cómo diseñar sitios web usables a través de la aplicación de técnicas,
recomendaciones de diseño, métodos y procedimientos de Diseño Centrado en el
Usuario.
El uso de las tecnologías de información, siendo uno de ellos las páginas web,
ayuda a la toma de decisiones y al flujo de la información tanto para los clientes
internos como externos. El uso y creaciones de paginas web son el inicio y las bases
de desarrollo del e-commerce.La creación de una pagina web destinada a un
programa de estudio, es de sumo apoyo para la comunicación e información de los
estudiando.
Podemos tener por conclusión que hay muchas herramientas para poder tener y
haser una pagina web
 REFERENCIAS BIBLIOGRAFIA

Que es un sitio web

http://www.codedimension.com.ar/noticias-sobre-tecnologia/noticias/-que-es-y-para-que-sirve-
un-sitio-web-/1
12/10/2007
Autores: Julián Pérez Porto y Ana Gardey. Publicado: 2008. https://definicion.de/html/HTM
Juan José Pino Reyes: https://devcode.la/blog/que-es-html/
QUE NECESECITA
Henrik Jonsson https://www.aboutespanol.com/que-es-una-pagina-web-3202308
HISTORIA
13/03/2014: http://es.euronews.com/2014/03/13/la-primera-pagina-web-de-la-historia-
cumple-un-cuarto-de-siglo
17.12.2015 https://www.deutschland.de/es/topic/economia/innovacion-tecnica/la-primera-
pagina-web-del-mundo
TIPOS DE PAGINAS WED Henrik Jonsson/Getty I
https://www.aboutespanol.com/que-es-una-pagina-web-3202308
Henrik Jonsson/Getty I
27 de mayo de 2018
EJEMLOS
https://www.webandmacros.com/webestatica.htm
CONCEPTO DE PAGINAS WED DINAMICAS
https://www.lifeder.com/tipos-paginas-web/
ALBETO RUBIN MARTIN
TIPOS PRINCIPALES DEP PAGINAS WED
http://www.innovarweb.com/clases-o-tipos-de-paginas-web/
CARLOS 13 MARZO, 2014
MUNDO ACCTUAL Y LOS NEGOCIOS
https://www.webandmacros.com/web.htm
PARTES DE UN DSITIO WED
https://omicrono.elespanol.com/2017/02/disenar-una-pagina-web-sencillo-con-
herramientas-gratuitas/