1.

Consideraciones para el Diseo WEB

a. Objetivos
Una pgina web debe reportar algn tipo de ROI (retorno de inversin). Ha de ser coherente con
las tcnicas empleadas para conseguir trfico a esta pgina. Este es el punto ms importante,
siempre hay que preguntarse como se amortiza una web. Siempre hay una manera de sacar
beneficios directos o indirectos de una pgina web.Deben ser objetivos concretos y medibles.
Ejemplos de objetivos:
Venta online.
Conseguir una base de datos de contactos
Conseguir suscripciones por email
Difusin de informacin (potenciar el boca a boca)
Dirigir el pblico a un perfil social

b. Estructura
engloba todos los aspectos referidos al rotulado y organizacin de categoras; organizacin del
sitio mediante un mapa, esquemas de organizacin y estructura de directorios; aspectos
referentes a la buscabilidad como eleccin del motor de bsqueda y la poltica de indizacin de
contenidos, metainformacin y metaestructuras.

c. Grfico de Flujo

d. Mapa del Sitio

Existen dos tipos de mapas de sitios, uno para humanos y otro para los buscadores. El primero
puede resultar ideal para que puedan encontrar rpidamente lo que estan buscando.
Crear un listado estructurado de todas las pginas de sitio es particularmente til sino deseamos
incorporar un buscador. ste listado suele ser incluido desde un enlace en el pie de pgina.

e. Diagrama de Pagina
Es un esquema donde se integran:

El contenido
La navegacin
La funcionalidad bsica

Indica:

El posicionamiento de los graficos

La navegacin
Los textos
encabezados

f. Elementos del Diagrama de una Pagina WEB

Entre los elementos ms relevantes que conforman el sistema de navegacin se cuentan los
siguientes:
Men General:siempre presente en todo el sitio, permite el acceso a cada una de las reas del
sitio.

Pie de Pgina:usualmente ubicado en la parte inferior de cada pgina, indica el nombre de la

institucin, telfonos, direccin fsica y de correo electrnico.
Barra Corporativa:ofrece diversas opciones de informacin respecto del sitio y tal como el
anterior, se muestra en todas las pginas.
Ruta de Acceso:listado que aparece en la parte superior de cada pgina y que muestra el trazado
de pginas que hay entre la Portada del sitio hasta la pgina actual que se est revisando; cada
una de ellas debe tener un enlace, para acceder al rea de la cual depende la pgina. Cada uno
de los elementos que conforman este camino debe tener un enlace que permita el acceso a esas
reas. En la literatura internacional en ingls sobre este tema, se llama a este elemento como
breadcrumbs.
Fecha de publicacin:para saber la vigencia de publicacin del contenido desplegado.
Botn Home:para ir a la portada
Botn Mapa del sitio:para ver el mapa del Sitio Web
Botn Contacto:para enviar un mensaje al encargado del sitio (o, de existir, a la OIRS).
Buscador:presente en cada pgina si es que la funcionalidad existe en el sitio.
Botn Ayuda:para recibir ayuda sobre qu hacer en cada pantalla del sitio.
Botn Imprimir:para imprimir el contenido de la pgina; se espera que el formato de impresin
del documento que se muestra en pantalla sea ms simple que la pgina normal del Sitio Web,
para dar la impresin al usuario de que hay una preocupacin por ayudarle en la tarea de llevar
impreso el contenido.
g. Navegacin
Los links tienen textos que indican claramente adonde lo redirigen?
Cual es el nmero de clicks que lleva al visitante a la parte ms remota de la pagina web?
Si hay una pantalla de presentacin en Java/Javascript/Flash, hay una alternativa en HTML
simple?
Cuando un tem o un link es clickeado, responde inmediatamente?
Los tems clickeados de la interfaz muestran visualmente que fueron accionados?
La navegacin es intuitiva? Los iconos son obvios o confusos? tems clickeables y no-clickeables
pueden ser diferenciados sin problemas?
Que tal es la legibilidad (tipo de la fuente, tamao, estilo) de la pagina web?
Hay una declaracin clara y corta de los objetivos de la pagina web?
Indique caminos en todas las pginas, no cree calles sin-salida.
Hay una mapa de la pagina web? Si no, existe una bsqueda por palabra-clave?

h. Elementos Tcnicos de una Pagina Web

Men pop-up :
Despliega ligas en poco espacio.
provee navegacin flexible y rpida descargar.
Rollover:
Intercambia una imagen por otra
atrae la atencin del visitante
indica reas donde se puede hacer clic.
Se puede usa en paneles de navegacin
Formas:
Sirven para intercambiar informacin con el usuario
Ejemplo: Datos personales, Libro de visitas, etc.
Transciciones:
Mejoran el diseo del sitio o efectos
Sonido:
Aade narraciones, msica de fondo
Video
Enriquece el contenido del sitio.

2. Consideraciones para el Diseo de un Sitio (Punto, Lnea, Forma, Valor, Textura,

Color).

3. Que necesito para Tener una Pagina WEB

Para Tener una Pgina en Internet se requieren 3 cosas:
. UN DOMINIO
El dominio es el nombre que tendr el sitio web. Existen diferentes terminaciones de dominio
para cada pas y para diferentes aplicaciones.
existen 6 terminaciones:
Para registrar un dominio es necesario ponerse en contacto con una compaa registrante.
Nosotros ofrecemos el servicio de registro de dominios.
2. EL DISEO DE LA PAGINA
El diseo son los archivos que conforman el sitio web con todos los elementos necesarios como
por ejemplo: textos, imgenes, animaciones, etc.
Para el diseo de la pgina es necesario ponerse en contacto con una compaa de diseo web
o con un diseador web profesional.Por favor, no pierda su tiempo al comprar un programita
para hacer pginas web o comprar una plantilla prediseada y adaptarla a su negocio. Crame,
este tipo de pginas no funcionan. Si no me cre, cmprelo y hablamos en unos cuantos meses
cuando se d cuenta que su pgina no aparece, ni aparecer, en ningn lugar de los buscadores.
3. UNA CUENTA DE HOSTING U HOSPEDAJE

Un espacio dentro de un servidor en donde podamos almacenar los archivos que conforman
nuestro sitio web y otros elementos como nuestras cuentas de correo electrnico.Para tener
una cuenta de hospedaje o hosting, es necesario encontrar una buena compaa de hospedaje.
Los elementos que hay que tomar en cuenta, a grandes rasgos, cuando seleccione un proveedor
de hosting (hospedaje) son los siguientes:

Espacio en Disco Duro (Hay que asegurarse que sea suficiente para almacenar los
archivos de nuestro sitio web y los correos electrnicos que nos enven y que nosotros
enviemos)
Transferencia Mensual o Ancho de Banda (Hay que asegurarse que sea suficiente para
que no se vaya a acabar antes de que termine el mes)
Cantidad de Cuentas de Correo Electrnico
Que tipo de Panel de Control Ofrecen (cPanel, Parallels Plesk, Webmin u otro) el cPanel
es el ms completo y el ms fcil de usar. Aguas, si no ofrecen panel de control, mejor
no contrate ya que usted no podra manejar casi ningn aspecto de su dominio.
Cuentas de FTP
Bases de Datos
Scripts como: carrito de compras, chat, blog, etc.
Uptime en el Servidor
Ubicacin del Centro de Datos (Mxico, Estados Unidos o Europa) Para sitio web de
Mxico, lo ms recomendable es que el servidor est en Mxico o en Estados Unidos y
no en Europa. Entre ms cerca se encuentre el servidor de nuestro pblico objetivo, ms
rpido de cargar nuestro sitio web.
Soporte Tcnico

.
4. Hosting o Alojamiento Web Definicin
El alojamiento web (en ingls web hosting) es el servicio que provee a los usuarios de Internet
un sistema para poder almacenar informacin, imgenes, vdeo, o cualquier contenido accesible
va web.
5. Que es un Servidor.
Un servidor, como la misma palabra indica, es un ordenador o mquina informtica que est al servicio
de otras mquinas, ordenadores o personas llamadas clientes y que le suministran a estos, todo tipo de
informacin. A modo de ejemplo, imaginemos que estamos en nuestra casa, y tenemos una despensa.

Pues bien a la hora de comer necesitamos unos ingredientes por lo cual vamos a la despensa, los cogemos
y nos lo llevamos a la cocina para cocinarlos. As en nuestro ejemplo, nuestra mquina servidor sera la
despensa, y los clientes somos nosotros como personas que necesitamos unos ingredientes del servidor o
despensa. Pues bien con este ejemplo podemos entender ahora un poco mejor qu es un servidor.
Por tanto un servidor en informtica ser un ordenador u otro tipo de dispositivo que suministra una
informacin requerida por unos clientes (que pueden ser personas, o tambin pueden ser otros dispositivos
como ordenadores, mviles, impresoras, etc.).
Por tanto bsicamente tendremos el siguiente esquema general, en el denominado esquema clienteservidor que es uno de los ms usados ya que en l se basa gran parte de internet.

Como vemos, tenemos una mquina servidora que se comunica con variados clientes, todos demandando
algn tipo de informacin. Esta informacin puede ser desde archivos de texto, video, audio, imgenes,
emails, aplicaciones, programas, consultas a base de datos, etc.
Por regla general, las mquinas servidoras suelen ser algo ms potentes que un ordenador normal. Sobre
todo suelen tener ms capacidad tanto de almacenamiento de informacin como de memoria principal, ya
que tienen que dar servicio a muchos clientes. Pero como todo, tambin depende de las necesidades, ya

que podemos tener un servidor de menores prestaciones si vamos a tener pocos clientes conectados, o si
los servicios que queramos en el servidor no requieren una gran capacidad servidora. A modo de ejemplo,
podramos hacer funcionar un ordenador en nuestra casa como si fuera un servidor, aunque esto no es lo
ms habitual. Por general, los servidores suelen estar situados en centros de datos de empresas (edificios
con grandes salas dedicadas a alojar a los servidores).

6. Definicin de Software y Hardware

EL SOFTWARE: Son las instrucciones que el ordenador necesita para funcionar, no
existen fsicamente, o lo que es igual, no se pueden ver ni tocar. Tambin tenemos de dos
tipos:
- Sistemas Operativos: Tienen como misin que el ordenador gestione sus recursos de
forma eficiente, adems de permitir su comunicacin con el usuario. Nosotros utilizamos
el Sistema Windows.

- Aplicaciones: Son programas informticos que tratan de resolver necesidades concretar

del usuario, como por ejemplo: escribir, dibujar, escuchar msica,...
7. Que es un Blog bitcora
Los blogs o bitcoras son fciles de usar y gestionar por el usuario sin ninguna necesidad de
requisitos tcnicos; son un medio de expresin libre que permite publicar nuestras ideas en
Internet. La generalizacin del fenmeno blog ha sido rpida y universal, pudiendo encontrar
blogs de personas desconocidas junto con otros de personalidades de talla internacional de todas
las facetas sociales (deportistas, cantantes, escritores, presidentes de asociaciones y naciones,
etc.).
8. Visibilidad para el motor de bsqueda
La optimizacin para la visibilidad por los motores de bsqueda se refiere a preparar un sitio web
con el objetivo de que se site bien en los resultados de los motores de bsqueda.
La gente utiliza los motores de bsqueda para encontrar cosas - productos, compaas y servicios
- si un sitio no se muestra entre los diez o veinte primeros resultados ms importantes, est
perdiendo negocios potenciales.
La mejor forma de optimizar un sitio web para los motores de bsqueda es hacindolo desde el
principio - es algo que se debe tener presente antes de escribir la primera lnea de cdigo para un
sitio web. Se puede optimizar sitios web ya existentes para la visibilidad del motor de bsqueda,
no obstante el cdigo ya existente limita a veces algunas de las estrategias que pueden ser
utilizadas.

9. Tengo un Sitio Web, por qu no aparece en los motores de bsqueda todava?

Los motores de bsqueda no saben automticamente lo que hay en Internet .
De forma simplificada, los motores de bsqueda como Google utilizan algo llamado araa para
rastrear la red, que lee las pginas web conforme pasa y las guarda en la base de datos de los
motores de bsqueda. Las araas van pgina por pgina siguiendo los enlaces que encuentran en
cada una de ellas.
Los motores tienden a poner al da su ndice principal cada dos semanas o una vez al mes. Cuando
esto ocurre, si un nuevo sitio web se ha rastreado aparecer de forma ms o menos consistente en
los resultados del motor de bsqueda.
Puede ocurrir que la araa haya rastreado solamente a una parte del sitio web. Si esto sucede,
algunas de las pginas pueden no mostrarse en los resultados del motor de bsqueda. Esto
generalmente es una cuestin de tiempo, ya que generalmente despus de algunas actualizaciones
la araa rastrear el sitio entero.

10. Qu es un navegador, explorador o buscador?

Un Explorador Web o Navegador es un programa que permite visualizar pginas web en la red
adems de acceder a otros recursos, documentos almacenados y guardar informacin.
El Navegador se comunica con el servidor a travs del protocolo HTTP y le pide el archivo
solicitado en cdigo HTML, despus lo interpreta y muestra en pantalla para el usuario.
Los ms populares son Internet Explorer, Mozilla Firefox, Safari, Opera y Google Chrome.
Algunos Navegadores vienen integrados en el SO como Internet Explorer en Windows.
11. Comparacin de Buscadores y navegadores
La diferencia es que el navegador es un programa que instalas en tu ordenador para acceder a
cualquier sitio web en Internet. Los navegadores ms usados son Internet Explorer, Google
Chrome, Firefox o Safari.
Por otra parte, el buscador es un sitio web al cual ingresas a travs de un navegador, y que te
permite encontrar otros sitios web, imgenes o informacin sobre algo en Internet. Esto lo haces
a travs de palabras claves que realizarn la bsqueda. Entre los buscadores ms populares
encontramos Google, Yahoo y Bing.
Lo que nos debe quedar claro, es que para ingresar a un buscador, debemos hacerlo a travs de
algn navegador que tengamos instalado en nuestro ordenador.

12. Qu sigUsabilidad se refiere a la experiencia del usuario al interactuar con un sitio web.
Un sitio web con usabilidad es aqul que muestra todo de una forma clara y sencilla de entender
por el usuario. Aunque es imposible crear un sitio que sea claro y eficiente para cada usuario, el
diseador debe esforzarse para mostrar las cosas tan claramente como sea posible, de tal modo
que reduzca al mnimo cualquier aspecto que pueda ser confuso.

Yendo un paso ms adelante, el pensar en los errores que pueden ocurrir cuando un usuario est
interactuando con un sitio web y desarrollar maneras inteligentes de manejar estos errores se llama
diseo de contingencia, y juntos diseo de usabilidad y de contingencia pueden dar lugar a un
usuario 13. Qu es el W3C?, Definicin de W3C.
W3C son las siglas de World Wide Web Consortium, un consorcio fundado en 1994 para dirigir
a la Web hacia su pleno potencial mediante el desarrollo de protocolos comunes que promuevan
su evolucin y aseguren su interoperabilidad.
14. Qu es un Dominio?
Un dominio en trminos generales es un nombre que puede ser alfanumrico que generalmente
se vincula a una direccin fsica que generalmente es una computadora o dispositivo electrnico.
Generalmente se utilizan para representar las direcciones de las pginas webs. Puesto que
Internet se basa en direcciones IP (Protocolo de Internet) que en terminos simples se puede decir
que son los nmeros de conexin de cada computadora que esta conectada a internet.

15. Qu significa optimizar un sitio web?

Hay varios elementos de un sitio web que pueden ser optimizados. Al optimizar, un buen
diseador web intentar encontrar el equilibrio apropiado entre estos componentes, desde el punto
de vista del diseo y del objetivo del sitio.
Entre los elementos que se deben considerar para la optimizacin estn la accesibilidad,
usabilidad, visibilidad por el motor de bsqueda y la velocidad total de descarga de la pgina.
A algunas personas puede resultarles extrao el poner accesibilidad y usabilidad como algo que
deba ser optimizado; sin embargo, Internet es un asunto global. La web estall en Norteamrica,
y muchos otros pases se quedaron atrs y todava estn intentando alanzar el mismo nivel.
Las ideas de usabilidad y accesibilidad llegarn a ser importantes a una escala global en algn
momento, pero de momento hay muchos pases donde an se estn aprendiendo cosas sobre
diseo web que durante aos se han utilizado en Norteamrica. As pues, aunque los sitios ms
recientes pueden contener un diseo bien pensado respecto a su accesibilidad y usabilidad
(asumiendo que el diseador pueda mostrar al cliente que estas cualidades tienen ventajas), otros
muchos sitios existentes necesitarn ser adaptados u 'optimizados' si no rediseados
completamente
16. Qu es un Webmail?
El webmail es un sistema de acceso al correo electrnico que permite acceder a sus mensajes
mediante un navegador web, sin tener que descargar los correos a su ordenador personal mediante
un cliente tipo Outlook, Eudora, etc.
17. Cul es mi direccin IP?
Una Direccin IP (direccin del Internet Protocol), es como un DNI para mquinas, es un nmero
nico que utilizan los dispositivos para identificarse y comunicarse entre ellos en una red que
utiliza el estndar del Internet Protocol.
Cualquier dispositivo que participa, incluyendo ordenadores, routers, FAX de Internet, y algunos
telfonos, debe tener su propia direccin nica.Los nmeros usados actualmente en las
direcciones IP van desde 0.0.0.0 a 255.255.255.255, aunque algunos de estos valores estn
reservados para propsitos especficos. Esto no proporciona bastantes posibilidades para que cada

dispositivo de Internet tenga su propio nmero permanente, y el servidor Dynamic Host

Configuration Protocol (DHCP) da a los clientes direcciones IP dinmicas que se reciclan cuando
expira su perodo de uso.
Dispositivos tales como impresoras de red, servidores web y servidores de email, que estn
conectados permanentemente a Internet
18. Qu significa PHP?
PHP (acrnimo recursivo de PHP: Hypertext Preprocessor) es un lenguaje de cdigo abierto muy
popular especialmente adecuado para el desarrollo web y que puede ser incrustado en HTML.
19. Qu es el ancho de banda?
En conexiones a Internet el ancho de banda es la cantidad de informacin o de datos que se puede
enviar a travs de una conexin de red en un perodo de tiempo dado. El ancho de banda se indica
generalmente en bites por segundo (BPS), kilobites por segundo (kbps), o megabites por segundo
(mps).
20. Cul es la diferencia entre un sitio y una pgina web
En ingls website o web site, un sitio web es un sitio (localizacin) en la World Wide Web que
contine documentos (pginas web) organizados jerrquicamente. Cada documento (pgina web)
contiene texto y o grficos que aparecen como informacin digital en la pantalla de un
ordenador. Un sitio puede contener una combinacin de grficos, texto, audio, vdeo, y otros
materiales dinmicos o estticos.