TEMAS

1. CONCEPTO PÁGINA WEB

2. LA USABILIDAD Y EL DISEÑO WEB
3. PORQUE ES IMPORTANTE LA USABILIDAD
4. REGLAS DE ORO SOBRE LA USABILIDAD
5. EJEMPLOS Y OMISIONES Y AREAS DE OPORTUNIDAD LA
USALIBILIDAD Y MEJORES PRACTICAS
Criterios basados en enlaces (visibilidad)
Criterios basados en tráfico (popularidad)

6. TIPOS DE PAGINAS WEB

7. COMERCIO ELECTRONICO
Ventajas para las empresas
Usos del comercio electrónico

8. TIPOS DE COMERCIO ELECTRONICO

Ventajas
Miedos
Seguridad

9. ARCHIVOS DE DREAMWEAVER
10. PROGRAMAS PARA PÁGINA WEB
11. PROGRAMAS DE USO GENERAL(Aquí no se si
este punto esta bien, por favor reviselo)
 MARCO TEORICO

El World-Wide Web (WWW) es un sistema hipermedia distribuido, accesible a través

de Internet, que permite navegar con facilidad por una enorme cantidad de información.

El WWW fue iniciado en el CERN por Tim Berners-Lee (Berners-Lee, 1993a; Berners-
Lee, Caillau, Groff y Pollerman, 1992a y 1992b) con el objeto de integrar información
accesible a través de una única red de ordenadores, pero mediante sistemas diversos. El
WWW se sustenta en cuatro elementos fundamentales:

HTTP o HyperText Tranfer Protocol. Un nuevo protocolo de comunicación.

HTML o Hypertext Markup Language. Un lenguaje para escribir documentos

hipermedia.

URL o Uniform Resource Locator. Un sistema notacional para designar objetos en la

Internet y las operaciones a realizar sobre ellos.

Los clientes o browsers WWW y los servidores httpd, se dividen el trabajo de servir
y presentar la información multimedia al usuario.

Los elementos básicos de la tecnología WWW se han descrito ya en diversas

publicaciones en nuestro país (Adell, 1993; Adell y Bellver, 1993 y 1995; ). El número
de servidores WWW instalados crece a un ritmo vertiginoso (en nuestro país superan
los 300) y se estima que, a nivel mundial, su número se dobla cada 50 días. La cantidad
de información accesible mediante el WWW está en el orden de terabytes. Su uso
masivo se realiza en campos como la comunicación científica, los negocios, el ocio y la
educación.

http://www.uib.es/depart/gte/adell.html

LA USABILIDAD Y EL DISEÑO WEB

La usabilidad es una característica que mide qué tan intuitiva y fácil de usar es una
página web para el usuario común.

Mide 3 grandes aspectos como se muestra en la figura

PORQUE ES IMPORTANTE LA USABILIDAD

La usabilidad es una característica fundamental para que sus clientes visiten,
aprovechen y regresen nuevamente a su sitio, incrementando el éxito de su estrategia en
Internet.

Un portal con usabilidad puede:

Incrementar visitas de forma sustancial (típicamente suben más de 100% tras el

rediseño del sitio de acuerdo a estudios diversos sobre el tema).

Reducir tiempos y costos para el usuario y para la organización.

Transparentar la información (al poder realmente encontrarla y consultarla).

Agilizar la distribución y manejo preciso de información.

Tradicionalmente en el mundo físico, un cliente compra un producto o servicio y luego

conoce a fondo todo lo que este le puede ofrecer durante el uso. En Internet, un visitante
lo primero que hace es buscar y conocer rápidamente acerca del producto o servicio, si
este no es encontrado fácilmente y presentado de forma adecuada, el cliente
simplemente sale del sitio y busca otra opción; difícilmente regresa nuevamente y su
organización pierde sus clientes con la competencia.

REGLAS DE ORO SOBRE LA USABILIDAD

1. En Internet el usuario es el que manda.

Esto quiere decir que sin usuarios tu sitio muere, así que mas te vale que los
cuides y les des lo que te piden, de lo contrario te quedaras solo.

2. En Internet la calidad se basa en la rapidez y la fiabilidad.

En Internet cuenta que tu pagina sea mas rápida que bonita, fiable que moderna,
sencilla que compleja, directa.

3. Seguridad.
Si en el mundo real a veces nos cuesta fiarnos del banco de la esquina, imagínate
como se siente la gente en Internet cuando llega a tu site. Procura que todo
funcione como un reloj para que la gente pueda fiarse de tu site.

4. La confianza es algo que cuesta mucho ganar y se pierde con un mal

enlace.
Esto quiere decir que tal y como esta la competencia en Internet, no puedes
perder ni un solo visitante por tener un enlace mal hecho. Es mejor salir con algo
sencillo e irlo complicando poco a poco, que salir con todo y ver "que es lo que
pasa". Versiones 1.0 son buenas mientras lo que este puesto este bien asentado y
genere confianza. Poco a poco y con el feedback de los usuarios, podrás ir
complicando la pagina. Pero asegura antes de arriesgar.

5. Si quieres hacer una pagina decente, simplifica, reduce, optimiza.

La gente no se va a aprender tu site por mucho que insistas, así que por lo menos
hazlo sencillo, reutiliza todos los elementos que puedas, para que de este modo
 los usuarios se sientan cómodos y no se pierdan cada vez que necesiten
encontrar algo en tu site.

6. Pon las conclusiones al principio.

El usuario se sentirá más cómodo si ve las metas al principio. De esta forma no
tendrá que buscar lo que necesita y perderá menos tiempo en completar su tarea.
Si completa su tarea en menos tiempo se sentirá cómodo y quizás se dedique a
explorar tu site o quizás se lo recomiende a un amigo.

7. No hagas perder el tiempo a la gente con cosas que no necesitan.

Cuidado con cruzar promociones, si lo haces por lo menos hazlo con cuidado.
Procura que la selección de productos a cruzar sea consecuente y no lo quieras
"vender todo" en todas las paginas. Según avance el usuario en su navegación
procura dejarle mas espacio libre. Puede ocurrir que cuando este punto de
comprar algo vea una oferta que le distraiga y pierdas esa venta.

8. Buenos contenidos.

Escribir bien para Internet es todo un arte. Pero siguiendo las reglas básicas de
(1) poner las conclusiones al principio y (2) escribir como un 25% de lo que
pondrías en un papel, se puede llegar muy lejos. Leer en pantalla cuesta mucho,
por lo que, en el caso de textos para Internet, reduce y simplifica todo lo que
puedas.

EJEMPLOS Y OMISIONES Y AREAS DE OPORTUNIDAD LA

USALIBILIDAD Y MEJORES PRACTICAS

Objetivo Problemática y área de oportunidad

Uso inadecuado Cuando se muestra un PDF, generalmente se abre en la misma

de PDFs ventana y sin avisar al usuario sobre el tamaño del archivo, el
número de páginas del documento y una ficha breve que describa
los contenidos. Esto puede ser frustrante para los usuarios pues se
pierde tiempo en averiguar de qué se trata el documento o cancelar
la apertura del mismo.

Minimización de Entre los portales gubernamentales es típico tener que hacer 6-8
número de “clicks” para encontrar un trámite específico. Mediante una
“clicks” para adecuada estructuración y clasificación la mayoría de los trámites
encontrar un pueden encontrarse en 2-3 “clicks”.
trámite ó servicio

Tipografía Contrario a la mejor práctica en papel de usar el tipo de letra

correcta en un “Times New Roman”, esta tipografía es difícil de leer en Internet.
sitio web Lo más recomendable es usar “Verdana” o “Trebouchet” (la
tipografía usada en todo este sitio). ¡Los manuales de identidad NO
 aplican en la tipografía en Internet!.

Facilidad de En sitios de eventos y congresos es frecuente la dificultad de poder

impresión y copiar la agenda ó imprimirla debido a que ella está en flash ó
captura de dentro de un marco (frame), cuando ella debería de estar en una
agendas y eventos tabla sin marcos ni flash.

Animación y La gran mayoría de sitios, portales e intranets  cometen el error de

gráficas vs. usar animaciones y exceso de gráficas. Ello frustra al usuario que
información espera y desespera para poder consultar información útil. La
utilidad de información y facilidad de acceso es la razón primordial
por la cual un sitio se usa y visita recurrentemente.

http://www.psicom.uson.mx/aprendizaje/multimedia/Notas%20de
%20clase_pccion/usabilidadydise%F1o.doc

La utilidad educativa del WWW es evidente. No sólo participa de las características de

un sistema hipermedia tradicional, sino que puede utilizarse ventajosamente en campos
como la educación a distancia o la elaboración de materiales de enseñanza/aprendizaje
interactivos y/o permanentemente actualizados. Un estudiante, desde su casa o desde un
puesto de trabajo en su centro de estudios, puede acceder con rapidez a grandes
cantidades de información, estructurada con criterios didácticos, que puede residir
físicamente en uno o varios ordenadores locales o remotos.

Las características que hacen del WWW una tecnología de amplio potencial educativo
son, a nuestro juicio, las siguientes:

a) Capacidad hipertexto/hipermedia: la estructura de la información no es lineal, sino

hiperdimensional. Es posible diseñar materiales adaptados a diferentes niveles,
expectativas, etc. de los aprendices y estructurar la información de modo de los lectores
construyan sus propios significados seleccionando qué nodo o lexia examinarán y cual
soslayarán.

b) Capacidad multimedia: mediante el WWW pueden distribuirse documentos

multimedia (texto, imágenes, fragmentos de video, animación, sonido, aplicaciones
informáticas, consultas online a bases de datos, formularios, mapas sensibles, etc.).

c) Capacidad como sistema distribuido y abierto a la Internet: mediante el WWW es

posible la construcción de hipermedia complejos almacenados en diferentes servidores
de la Internet y, por tanto, el trabajo colaborativo entre equipos de investigadores y
profesores. El acceso desde cualquier ordenador conectado a la Internet permite su
utilización como sistema de educación electrónica a distancia, como "aula virtual" de
enseñanza/aprendizaje en la que los estudiantes y sus profesores se comunican en
tiempo real o diferido mediante diversas aplicaciones de comunicaciones (video
conferencia, talk, correo electrónico, pizarras electrónicas, etc.).

d) La disponibilidad gratuita de clientes, servidores, aplicaciones auxiliares para la

visualización y audición de formatos diversos (texto, gráficos, audio, video, sesiones
interactivas, pasarelas a otros sistemas, etc.) y para la comunicación, herramientas para
la elaboración de hipermedia y de gestión de servidores, etc. para cada casi cualquier
tipo de plataforma hardware/software pone la tecnología WWW al alcance de cualquier
persona o grupo con acceso a la Internet.

e) Capacidad interactiva ampliada: los formularios y scripts CGI permiten que el

usuario interactúe con el sistema de modo más completo que mediante la navegación
por la información.

http://www.uib.es/depart/gte/adell.html

Criterios basados en enlaces (visibilidad)

1. Número de enlaces recibidos por la página Un sitio web será más relevante (a
igualdad de otros factores) cuantos más enlaces recibe de otras páginas web.

2. Calidad de los enlaces recibidos por la página No todos los enlaces otorgan el mismo
valor para calcular la relevancia. Las páginas que a su vez son muy enlazadas, otorgan
más valor que las páginas poco enlazadas. Dicho de otro modo: el enlace procedente de
una página personal otorga menos valor que el enlace procedente de Yahoo.

3. Texto de los enlaces recibidos por la página Algunos buscadores, notablemente,

Google, consideran el texto que sirve de anclaje al enlace externo hacia otra página
como una pista o una inferencia válida para calcular la relevancia de la página así
enlazada. En casos extremos, si muchas páginas web contienen un enlace con el texto
"x"(p.e. el texto "biología") hacia un mismo sitio web, es posible que ese sitio web sea
muy relevante para Google, incluso aunque el sitio web considerado no contenga el
término "x"(o sea, aunque no contenga el término "biología"). Es el fenómeno conocido
como google bombing.

Criterios basados en tráfico (popularidad)

1. Número de visitas que recibe la página Esta medida se refiere al número de visitantes
que tiene un sitio web, y la ha desarrollado, entre otras empresas, Alexa
(www.alexa.com) bajo la denominación Traffic Rank

2. Número de páginas visitadas Además del número de visitas, se suele considerar

también el número de páginas vistas en un sitio. Forma parte también del indicador
Traffic Rank.

http://www.hipertext.net/web/pag216_print.htm

TIPOS DE PAGINAS WEB

Página Web Estática. Las páginas web estáticas son aquellas realizadas en HTML que
pueden mostrar en alguna parte de la página objetos en movimiento tales como banners,
gifs animados, videos, etc.
Página Web Animada. Las páginas web animadas son aquellas que se realizan con la
tecnología FLASH, ésta permite que una página web presente el contenido con ciertos
efectos animados continuados. El uso de esta tecnología permite diseños más
vanguardistas, modernos y creativos.
Página Web Dinámica. Existen muchos lenguajes de programación que son la base para
la mayoría de páginas web dinámicas. Las que destacamos aquí son los lenguajes PHP y
ASP. Estos lenguajes permiten una perfecta estructuración del contenido. Por una parte
crearíamos la estructura de las páginas web, y por otra almacenaríamos el contenido en
determinados archivos. A partir de ahí, crearíamos el código de llamada que insertaría el
contenido en la propia página web estructurada. Este es el principio básico que siguen
los lenguajes de programación. A partir de aquí se desarrollan aplicaciones para poder
gestionar el contenido a través de un panel de control, dando lugar a nuevos tipos de
página web que leeremos a continuación.

Portal. Es un sitio web que en su página principal permite el acceso a múltiples

secciones que, por lo general, son foros, chats, cuentas de correo, buscador, acceso
registrado para obtener ciertas ventajas, las últimas noticias de actualidad… un sinfín de
recursos para brindar al usuario la mejor experiencia de búsqueda para una temática en
particular o para una temática muy amplia. Estamos hablando de dos tipos diferenciados
de portal: Portal Horizontal, se reconoce por su temática variada con el fin de captar el
mayor tráfico de internautas posible. Son un ejemplo de esta modalidad, los portales de
Lycos, Yahoo, Altavista, MSN, etc. Por otra parte, tenemos el Portal Vertical, que se
centra en ofrecer contenido de una temática en particular, de este modo podemos hablar
de Portal Inmobiliario, Portal de Comercio, Portal Laboral, etc.
Tienda virtual o Comercio electrónico. Como su nombre indica, se trata de un sitio web
que publica los productos de una tienda en particular en Internet. Permite la compra on-
line a través de VISA, domiciliación bancaria o transferencia por norma general. Ofrece
al administrador un panel de gestión para poder subir los productos, actualizarlos,
eliminarlos, etc. Es importante observar cuando realizamos una compra on-line, que la
página donde realizamos la compra muestre un “candado” en la parte inferior derecha o
bien en la parte derecha de la barra de navegación. Este detalle indica que la empresa
propietaria de la tienda virtual ha habilitado una zona segura para que los datos no sean
copiados por los hackers.
Página Web con Gestor de Contenidos. Se trata de un sitio web cuyo contenido se
actualiza a través de un panel de gestión por parte del administrador del sitio. Este panel
de gestión suele ser muy intuitivo y fácil de usar. En aquellas páginas web que requieran
una actualización constante se suele incorporar este panel de gestión para que pueda
controlarse día a día por parte del cliente.

QUE ES UNA PAGINA WEB. Es un espacio virtual donde puedes publicar toda la
información necesaria para dar a conocer alguna empresa. Cuando hablamos de paginas
web, significa que disponemos de una sola pagina web sin ningún vínculo interno a
páginas secundrias.
http://www.red-web.es/tipospaginaweb.php

COMERCIO ELECTRONICO

http://es.wikipedia.org/wiki/Comercio_electr%C3%B3nico

El comercio electrónico, conocido como e-commerce (electronic commerce en inglés),

consiste en la compra y venta de productos o de servicios a través de medios
electrónicos, tales como Internet y otras redes informáticas. Originalmente el término se
aplicaba a la realización de transacciones mediante medios electrónicos tales como el
Intercambio electrónico de datos, sin embargo con el advenimiento de la Internet y la
World Wide Web a mediados de los años 90 comenzó a referirse principalmente a la
venta de bienes y servicios a través de Internet, usando como forma de pago medios
electrónicos, como las tarjetas de crédito.

La cantidad de comercio llevada a cabo electrónicamente ha crecido

extraordinariamente debido a la propagación de Internet. Una gran variedad de
comercio se realiza de esta manera, estimulando la creación y utilización de
innovaciones como la transferencia de fondos electrónica, la administración de cadenas
de suministro, el marketing en Internet, el procesamiento de transacciones en línea
(OLTP), el intercambio electrónico de datos (EDI), los sistemas de administración del
inventario, y los sistemas automatizados de recolección de datos.

La mayor parte del comercio electrónico consiste en la compra y venta de productos o

servicios entre personas y empresas, sin embargo un porcentaje considerable del
comercio electrónico consiste en la adquisición de artículos virtuales (software y
derivados en su mayoría), tales como el acceso a contenido "premium" de un sitio web.

El comercio electrónico realizado entre empresas es llamado en inglés Business-to-

business o B2B. El B2B puede estar abierto a cualquiera que esté interesado (como el
intercambio de mercancías o materias primas), o estar limitado a participantes
específicos pre-calificados (mercado electrónico privado).

Ventajas para las empresas

 Mejoras en la distribución: La Web ofrece a ciertos tipos de proveedores
(industria del libro, servicios de información, productos digitales) la posibilidad
de participar en un mercado interactivo, en el que los costos de distribución o
ventas tienden a cero, como por ejemplo en la industria del software, en la que
los productos pueden entregarse de inmediato, reduciendo de manera progresiva
la necesidad de intermediarios.

 Comunicaciones comerciales por vía electrónica: Actualmente, la mayoría de las

empresas utiliza la Web para informar a los clientes sobre la compañía, aparte de
sus productos o servicios, tanto mediante comunicaciones internas como con
otras empresas y clientes; esto facilita las relaciones comerciales, así como el
soporte al cliente, ya que al estar disponible las 24 horas del día, las empresas
 pueden fidelizar a sus clientes mediante un diálogo asincrónico que sucede a la
conveniencia de ambas partes.

 Beneficios operacionales: El uso empresarial de la Web reduce errores, tiempo y

sobrecostos en el tratamiento de la información. Los proveedores disminuyen
sus costos al acceder de manera interactiva a las bases de datos de oportunidades
de ofertas, enviar éstas por el mismo medio, y por último, revisar de igual forma
las concesiones; además, se facilita la creación de mercados y segmentos
nuevos, el incremento en la generación de ventajas en las ventas, la mayor
facilidad para entrar en mercados nuevos, especialmente en los geográficamente
remotos, y alcanzarlos con mayor rapidez.

 Facilidad para fidelizar clientes: Mediante la aplicación de protocolos y

estrategias de comunicación efectivas que le permitan al usuario final del portal
web de la compañía plantear inquietudes, levantar requerimientos o simplemente
hacer comentarios con relación a los productos o servicios de la misma, y si y
solo si estos comentarios son debidamente procesados se puede crear un
elemento importante para lograr la fidelización de los clientes, y en
consecuencia aumentar la re-compra de productos y servicios, así como también
la ampliación del rango de cobertura en el mercado.

Usos del comercio electrónico

El comercio electrónico puede utilizarse en cualquier entorno en el que se intercambien

documentos entre empresas: compras o adquisiciones, finanzas, industria, transporte,
salud, legislación y recolección de ingresos o impuestos. Ya existen compañías que
utilizan el comercio electrónico para desarrollar los aspectos siguientes:

 Creación de canales nuevos de marketing y ventas.

 Acceso interactivo a catálogos de productos, listas de precios y folletos
publicitarios.
 Venta directa e interactiva de productos a los clientes.
 Soporte técnico ininterrumpido, permitiendo que los clientes encuentren por sí
mismos, y fácilmente, respuestas a sus problemas mediante la obtención de los
archivos y programas necesarios para resolverlos.

Mediante el comercio electrónico se intercambian los documentos de las actividades

empresariales entre socios comerciales. Los beneficios que se obtienen en ello son:
reducción del trabajo administrativo, transacciones comerciales más rápidas y precisas,
acceso más fácil y rápido a la información, y reducción de la necesidad de reescribir la
información en los sistemas de información.

Los tipos de actividad empresarial que podrían beneficiarse mayormente de la

incorporación del comercio electrónico son:

 Sistemas de reservas. Centenares de agencias dispersas utilizan una base de

datos compartida para acordar transacciones.
 Stocks. Aceleración a nivel mundial de los contactos entre proveedores de stock.
 Elaboración de pedidos. Posibilidad de referencia a distancia o verificación por
parte de una entidad neutral.
  Seguros. Facilita la captura de datos.
 Empresas proveedoras de materia prima a fabricantes. Ahorro de grandes
cantidades de tiempo al comunicar y presentar inmediatamente la información
que intercambian.

TIPOS DE COMERCIO ELECTRONICO

http://www.yoteca.com/pg/Informacion-de-comercio-electronico.asp

Se trata de una transacción que consiste en la distribución y compra-venta de

determinados productos y servicios a través de internet.
 
El comercio electrónico se ha convertido actualmente en el mayor mercado de compra-
venta. Así lo demuestran las ventas del año 2006, que han aumentado aproximadamente
un 50% respecto al 2005.
 
Tipos de comercio electrónico
 
Existen diferentes tipos según quien intervenga en el proceso:
 
 B2B (Business to Business): se realiza entre dos o más empresas.

 B2C (Business to Consumer): operaciones comerciales llevadas a cabo por una

empresa y dirigidas al consumidor final.
 
 B2A (Business to Administration): negocio de una empresa para la
Administración Pública.

 B2E (Business to Employee): relación comercial de una empresa y los

empleados de la misma.

 C2C (Consumer to Consumer): operación comercial llevada a cabo entre dos

consumidores.

 P2P (Peer to Peer): negocio que no tiene clientes fijos. Se trata de la

comunicación directa entre dos clientes a través de e-mail o internet. Se utiliza
para el intercambio de información y/o archivos.

Ventajas
 
Las principales ventajas del comercio electrónico son:
 
 El usuario compra sin salir de casa visitando las tiendas que desee.

 El usuario puede comprar más barato y ahorrar ya que tiene la posibilidad de

comparar precios.

 Tiempo de atención al cliente menor debido a que no se esperan largas colas.

 Tiendas abiertas las 24 horas al día y todo el año.

  Mercado amplio ya que se puede comprar en cualquier parte del mundo.

 Reducción de costes porque la venta es directa, sin intermediarios.

 Miedos
 A la hora de comprar en internet, existen varios miedos y prejuicios sin fundamento
relacionados con:
 
 La privacidad: los usuarios desconfían a la hora de entregar sus datos porque no
saben que se hará con ellos.

 La autentificación: existen clientes que dudan de la persona con la que

contactan, ya que no conocen con veracidad con quien negocian.

 La seguridad global: el principal miedo reside en que la seguridad sea vulnerada

y queden a la vista datos personales confidenciales.
 
Seguridad
 
Los problemas y los miedos con los que se encuentran los usuarios se solucionan
mediante:
 
 La encriptación: es la codificación de la información, mediante la cual no se
podrá acceder a los datos codificados sin la clave correspondiente. El usuario
cuenta con un código privado personal y otro público para los destinatarios.

 Tecnología de certificación digital: se utiliza conjuntamente con la encriptación.

Las más conocidas son el SSl y el SET, que actualmente, es la más demandada.

El SSL es un protocolo que da seguridad en las comunicaciones mediante un método de

codificación (encriptación) basado en un código de cuarenta bits. Son las siglas de
Secure Sockets Layer.

El SET es un protocolo que se utiliza para realizar compras con total seguridad. No
permite al vendedor conocer el número de la tarjeta de crédito, con lo que también se
soluciona el problema de la privacidad. Sus siglas hacen referencia a Secure Electronic
Transaction.
 
Uno de los métodos más utilizados para la compra en internet es la firma electrónica
que es un conjunto de datos que identifica a sus usuarios. Utiliza tanto la encriptación
como la tecnología de certificación digital.

ARCHIVOS DE DREAMWEAVER

En Dreamweaver, puede trabajar con distintos tipos de archivo. El principal tipo de

archivo de trabajo es el archivo HTML. Los archivos HTML o archivos en Lenguaje de
formato de hipertexto incluyen un lenguaje basado en etiquetas que es el responsable de
mostrar la página Web a través del navegador. Puede guardar archivos HTML con las
extensiones .html o .htm. Dreamweaver guarda los archivos utilizando por defecto la
extensión .html.

Tipos de archivo:

CSS, o archivos de hojas de estilos en cascada, que tienen la extensión .css. Se utilizan
para dar formato al contenido HTML y para definir la situación de diversos elementos
de la página.

GIF, o archivos de Formato de intercambio de gráficos, que tienen la extensión .gif. El

formato GIF es un formato gráfico popular en la Web para cómics, logotipos, gráficos
con zonas transparentes y animaciones.

JPEG, o archivos de Grupo conjunto de expertos fotográficos (bautizado con el nombre

de la organización que creó el formato), que tienen la extensión .jpg y suelen ser
fotografías o imágenes ricas en color. El formato JPEG es más adecuado para
fotografías digitales o escaneadas, imágenes con texturas, imágenes con gradaciones de
color y cualquier imagen que necesite más de 256 colores.

XML, o archivos en lenguaje de formato ampliable, que tienen la extensión .xml. Estos
archivos contienen datos en su forma original que se pueden formatear utilizando XSL
(Lenguaje de hojas de estilo ampliable). Para más información sobre cómo trabajar con
estos tipos de archivos,

XML, o archivos de lenguaje de hojas de estilo ampliable, que tienen la extensión .xslt.
Se utilizan para dar estilo a los datos en formato XML que se quieran visualizar en una
página Web.

CFML, o archivos en lenguaje de formato ColdFusion, que tienen la extensión .cfm. Se

utilizan para procesar páginas dinámicas.

ASPX, o archivos ASP.NET, que tienen la extensión .aspx. Se utilizan para procesar
páginas dinámicas. PHP, o PHP: archivos de procesador de hipertexto, que tienen la
extensión.php. Se utilizan para procesar páginas dinámicas.

En Dreamweaver, el término sitio se emplea para referirse tanto a un sitio Web como a
una ubicación de almacenamiento local de los documentos que pertenecen a un sitio
Web. Esto último es lo que tiene que establecer antes de comenzar a crear su sitio Web.
Un sitio de Dreamweaver organiza todos los documentos asociados a su sitio Web y le
permite controlar y mantener vínculos, administrar y compartir archivos, y transferir los
archivos del sitio a un servidor Web.

Un sitio de Dreamweaver consta de un máximo de tres partes, según el entorno

informático y el tipo de sitio Web que se desarrolle:

La carpeta local es el directorio de trabajo. En Dreamweaver esta carpeta se conoce

como sitio local. La carpeta local suele ser una carpeta situada en su disco duro.

La carpeta remota se almacenan los archivos, según el entorno, para fines de prueba,
producción, colaboración y publicación. En Dreamweaver esta carpeta se conoce como
sitio remoto. La carpeta remota es una carpeta situada en el equipo donde se ejecuta el
servidor Web. El equipo donde reside el servidor Web suele ser (aunque no siempre) el
sistema que permite que su sitio web esté disponible públicamente en la Web.

La carpeta para páginas dinámicas (carpeta del servidor de prueba) es la carpeta

donde Dreamweaver procesa las páginas dinámicas. Esta carpeta suele coincidir con la
carpeta remota. Sólo tendrá que preocuparse por esta carpeta si desarrolla una
aplicación Web.

PROGRAMAS PARA PÁGINA WEB

Los programas más importantes para desarrolladores web, comentados en

DesarrolloWeb.com:
http://www.desarrolloweb.com/programas/

1. Photoshop - Editor de Imágenes
2. HomeSite - Editor web
3. Dreamweaver - Editores HTML
4. UltraEdit - Editor de texto
5. HTML-kit - Editor web
6. Flash - Editor de animaciones
7. Sothink DHTML Menu - Creación de menús DHTML
8. Zend Studio - Editor PHP
9. FileZilla, cliente FTP - FTP
10. Mozilla - Navegador web
11. PDF Creator - Editor ficheros PDF
12. Bitrix Site Manager - XML
13. Skype - General
14. Picasa 2 - Gestión de imágenes
15. Adobe Photoshop CS - Diseño gráfico
16. Visual Web Developer 2005 Express Edition - IDE gratuito para .NET
17. ClamWin, antivirus gratis de código libre - Antivirus código libre
18. Camtasia Studio - Creación de videotutoriales
19. Stylizer - Editor CSS

PROGRAMAS DE USO GENERAL

Resultan útiles para cualquier persona dedicada al desarrollo del Web. Navegadores,
clientes de FTP, programas de ofimática, verificadores de enlaces, compresores y
descompresores, gestión de correo, filtros antispam, etc.

MOZILLA. Para una navegación óptima en menos de cinco minutos.

Xenu Link.Gratuito e interesante programa que verifica la corrección de todos los links
de un sitio. Ayuda a corregir los links rotos.
Navegador Opera ¿Una cuestión de estilo? ¿Podrá ocupar el lugar de otros
navegadores más utilizados?
FileZilla, cliente FTP Un programa GNU, para transferir ficheros por FTP con
cualidades profesionales y gratuidad total.
OpenOffice En este artículo trataremos un poco por encima esta suite de programas
para el trabajo en la oficina en los sistemas Linux
Skype Programa gratuito que ofrece telefonía a través de Internet que funciona muy
bien.

Netscape 7 Navegador de gran calidad y rapidez que aconsejamos colocar como

explorador por defecto.

WinZip Un programa útil para comprimir y descomprimir archivos. Muy habitual y

necesario para todos.

PDFill, impresora PDF e impresora de imagen gratuitas Un programa con diversas

utilidades: impresora PDF, impresora en imagen y editor PDF.

7-Zip 7-Zip es un compresor y descompresor de archivos Gratuito. 7 zip trabaja en

muchos formatos, los más habituales.

Bullzip PDF Printer Presentamos Bullzip PDF Printer, una impresora PDF que
funciona sobre Windows y es compatible con Vista. Para crear archivos PDF desde
cualquier programa que permita imprimir.

Gizmo Gizmo, o Gizmo5, es un programa de conversaciones, parecido a Skype, que

permite llamadas entre ordenadores y a teléfonos fijos y móviles.

Foxit Reader, lector de PDF Presentamos un programa para visualizar documentos

PDF en varios sistemas operativos.

Mail Washer Pro Programa para limpiar de spam las cuentas de correo electrónico. Es
un filtro de correo inteligente que permite eliminar el spam de tu email.

PDF Creator Un programa gratuito para la creación de archivos PDF que funciona
instalando una impresora virtual que genera los archivos PDF. Crea archivos PDF
gratis.

Putty. Programa para Telnet y SSH Programa gratuito para hacer Telnet y SSH, para
conectarse a servidores remotos por línea de comandos.

SmartWhois Un programa que permite conocer datos de cualquier dominio o IP de

Internet, así como obtener información y de los servidores donde se hospedan, los
proveedores, centros de datos, etc.

Filezilla Server Descripción de un programa gratuito que permite convertir nuestro

ordenador en un servidor FTP.

Phoenix 0.1 Navegador de código abierto y muy rápido que utiliza la tecnología
Mozilla.

FeelHome, tu ordenador en la nube Con FeelHome puedes accede a los archivos y

carpetas de tu ordenador remotamente, desde cualquier otro sistema contectado a
Internet.

eDocPrinter PDF Pro Se trata de un impresor de archivos PDF, tan versátil como
Acrobat, pero más barato.

EMC Email Control Desvelamos las características y ventajas de este programa de

tratamieto de mensajes.

3D Traceroute Programa para hacer trazas de la ruta que recorre nuestra señal cuando
solicitamos algún servicio en Internet.

Writely, el procesador de textos online Un programa online para escribir textos, por
medio de interfaz web, de manera similar a el conocido Word de Office.

Back4Win Programa para realizar copias de seguridad de nuestro sistema

cómodamente.

QuickDelete Programa que permite borrar los mensajes de correo con spam y virus sin
necesidad de descargarlos del servidor, con lo que se gana en velocidad y seguridad.

Free Google Monitor Un programa para monitorizar las posiciones de una o varias
webs en Google, a lo largo del tiempo.

Spybot-S&D Detectar y eliminar software espía (spyware) de diferente tipo en su

ordenador.

Jaws PDF Creator Programa, alternativa a Adobe Acrobat, para para crear archivos
PDF.

Postcast Server Servidor SMTP gratuito que se puede instalar en cualquier PC para
enviar correo.

ClamWin, antivirus gratis de código libre Presentación de un antivirus gratuito y de

código libre para sistemas Windows, que también detecta spyware, gratis para todo tipo
de usos.

Absolute HTML Compressor Con esta sencilla aplicación podremos reducir el peso
del código de nuestras páginas web.

Bloc de Notas El editor de texto más simple que podamos encontrar en sistemas
windows.

GNet Search Engine Submission System Programa multiregistro en buscadores

gratuito, aunque no funciona muy bien por estar poco actualizado.
software de diseño
Resultan útiles para cualquier persona dedicada al desarrollo del Web.
ADOBE PHOTOSHOP ELEMENTS 3.0
El pequeño hermano de Photoshop ha crecido, y mucho. Con un precio atractivo y con
una combinación impecable de herramientas.

Flash Un programa para el diseño de animaciones vectoriales en páginas web.

Dreamweaver Probablemente el mejor editor de páginas web para diseñadores que

busquen resultados profesionales.

Photoshop Probablemente el mejor programa para trabajar con gráficos, para retoque
fotográfico, etc.

Sothink DHTML Menu

Un programa para crear menús DHTML fácilmente: a golpe de ratón y sin tener que
escribir ni una sola línea de código.

Corel Ventura 10 Despues de 4 años se publica una nueva versión de este programa de
publicación de contenidos digitales para impresión.

Adobe Photoshop CS Esta versión se centra especialmente en los ámbitos de video,

fotografía, web y
Photo Impact Programa de retoque fotográfico y de creación de imágenes e interfaces
para la web de bajo coste y alta calidad.

Xara X1 Xara es un software de dibujo e ilustración rápido y con interesantes

funcionalidades. Puede sustituir a Corel o Ilustrator.

Deep Paint 3D Proporciona a los artistas y creativos, que trabajan en 3D, una
herramienta intuitiva y fácil de usar para pintar y texturizar modelos en 3 dimensiones.

Flax Un programa muy útil para crea animaciones de texto en Flash muy buenas y
rápidamente.

Adobe GoLive Editor de HTML profesional WYSIWYG. Con grandes capacidades.

TopStyle Lite Editor CSS. El programa permite crear nuestras hojas de estilo de forma
sencilla.

Adobe Photoshop Album Programa de Adobe para el almacenamiento, clasificación y

retoque simplificado de fotografías digitales.

GIMP Shop El programa de diseño gráfico Gimp Shop, en realidad es un plugin para
GIMP, que hace que su interfaz se parezca más a la de Photoshop.

Gimp Programa de edición gráfica y retoque fotográfico gratuito y de código libre con
funcionalidades de un editor gráfico profesional.
ColorPic ColorPic es un selector de color (Color Picker) de cualquier gráfico que haya
en la pantalla del ordenador y un creador de paletas para sitios web.

Irfanview IrfanView es visor de imágenes muy popular, que nos permite realizar todo
tipo de acciones sencillas con gráficos. La pequeña navaja suiza.

Canvas 8.0 Professional Edition Canvas es un editor gráfico que no ofrece la calidad
que presentan los líderes del campo, como Photoshop, pero igualmente resulta
excelente en varios aspectos.

Software de edición web que permite crear y mantener todo el contenido de una página
web. Se ofrece en dos versiones, online y offline.

Swish Es un programa para hacer animaciones Flash sin el Flash, muy sencillo y fácil
de usar.

Ulead Gif Animator Programa completo para la creación de GIFs animados. Ideal
para usuarios avanzados que deseen grandes posibilidades de edición de las
animaciones.

Paint Shop Pro Edición de gráficos. Con la posibilidad de descargar una versión
shareware muy interesante.

Zoner Draw 4 Programa económico para la creación de gráficos vectoriales.

Thumb Plus Programa que permite navegar fácilmente por los archivos gráficos y
visualizar miniaturas.

Color Cop Programa que ofrece una interesante herramienta de selección de color con
la que podemos obtener el código de cualquier color que aparezca en la pantalla.

Power Bullet, animaciones Flash gratis Programa gratuito para realizar animaciones
de Flash fácilmente y con bastantes opciones de configuración.

WebDraw Programa, de la compañía Jasc, para el diseño con el formato de gráficos

vectoriales SVG.

Herramientas para medir espacios en la pantalla Vamos a ver unas herramientas

útiles para diseñadores que nos permiten medir las dimensiones de cualquier elemento
que aparezca en nuestra pantalla.

Ims Web Dwarf Programa para edición web que posiciona los elementos de manera
absoluta. Tiene una opción para exportar a SVG.

Mayura Draw Es un programa de ilustración vectorial sencillo y directo, sin

demasiadas aspiraciones, y apenas conocido fuera del mundo del trazado SVG.
software multimedia
Resultan útiles para cualquier persona dedicada al desarrollo del Web.
Flash Un programa para el diseño de animaciones vectoriales en páginas web.
Camtasia Studio Análisis del programa Camtasia Studio, que permite grabar la
pantalla del ordenador, editar el vídeo resultante de la grabación y luego producirlo en
diferentes formatos.

GoView – captura de vídeo de la pantalla del ordenador GoView es una aplicación

para capturar la pantalla de tu ordenador y un sitio web donde
Image Resizer VSO Redimensionado fácil e instantáneo de imágenes. Cambia el
tamaño de fotos con un programa de uso sencillo y rápido.

CamStudio CamStudio es un programa gratuito para grabar la pantalla del ordenador y

capturar todo lo que ocurra. Lo que se conoce también como screen recorder.

Any Video Converter Programa conversor de vídeos entre distintos formatos. Any
Video Converter también permite optimizar el tamaño de los vídeos finales y sus
características.

Cortona, cliente VRML Programa para visualizar mundos VRML que se instala como
Plug-in, compatible con los navegadores más habituales.

Adobe Photoshop Album Programa de Adobe para el almacenamiento, clasificación y

retoque simplificado de fotografías digitales.

Cosmo Player Visualizador VRML que se instala como plugin en los navegadores.
software de desarrollo que resultan útiles para cualquier persona dedicada al desarrollo
del Web.
MED Programa profesional de edición de textos para programación con un buen
sistema de gestión de proyectos.

UltraEdit Uno de los programas para editar código multitud de lenguajes de

programación como HTML, Javascript, ASP...

HomeSite Programa para desarrollar páginas web. Muy útil. Permite programar las
páginas en varios lenguajes

Zend Studio Editor web orientado a la programación de páginas PHP, con ayudas en la
gestión de proyectos y depuración de código.

Edit2Web Programa para crear páginas web, incluso con acceso a bases de datos, para
no programadores: utilizando el ratón.

IDE desarrollo PHP: phpDesigner Presentamos un editor de PHP y entorno de

desarrollo integrado phpDesigner.

Komodo IDE Komodo IDE es un entorno de desarrollo para programadores de una

amplia gama de lenguajes: PHP, Perl, Python, Ruby, Javascript, HTML...

HTML-kit Editor de HTML donde se porgrama directamente con código.

Visual Web Developer 2005 Express Edition Un entorno de desarrollo gratuito para
tus creaciones ASP.NET, que además ofrece componentes adicionales de fácil
instalación como el .NET Framework o la base de datos SQL Server Express.

Style Master. Editor CSS. Un programa para editar hojas de estilo en cascada que
ofrece muchas ayudas al diseñador.

XML Spy 5 Enterprise Edition Programa de ayuda para realizar proyectos en XML.
Con ayudas y herramientas que ayudarán la programación utilizando XML para
desarrollo en general y web en particular.

ASP.NET Web Matrix Herramienta ligera, sencilla y gratuita para el desarrollo de

aplicaciones web con ASP.NET.

Komodo Edit Editor de texto multiplataforma y gratuito para programadores con

herramientas avanzadas para edición de código en diversos lenguajes, gestión de
proyectos, etc.

Editplus Programa de características medias para la edición de páginas web. Permite el

trabajo con HTML y otros lenguajes como ASP o PHP.

TextPad Analizamos TextPad, un editor de textos de propósito general que puede

trabajar con ficheros de gran tamaño.

Arachnophilia Programa para la edición de páginas web en HTML y otros lenguajes,

posee múltiples wizards para ayudar en la creación de códigos.

TsWebEditor: Editor de páginas web para programadores El programa

tsWebEditor es un editor de texto gratuito y código libre preparado para programadores,
con numerosas ayudas para la edición de código.

Opera Dragonfly Una herramienta para desarrolladores, integrada en el navegador

Opera, que permite inspección de elementos, búsqueda de errores, debug en
Javascript…

VrmlPad Editor de texto con muchas utilidades para programar mundos virtuales en
VRML.

Notepad ++ Editor de código fuente con soporte para diversos lenguajes de

programación, gratuito y de código libre.

DB2ASP Creator 2.0 Freeware Edition Programa para generar páginas de

administración de tu sitio web con todo el código HTML y VbScript (ASP) a partir de
una base de datos Access.

HTMLed pro Editor de HTML con capacidades medias.

Servidor ASP, Baby Web Server Un servidor extremadamente sencillo para que tu
ordenador pueda ejecutar páginas ASP, válido para XP Home y otros sistemas
Windows.

Scite by Scintilla Un editor de textos para programadores en casi cualquier lenguaje

conocido. Creado para mostrar el funcionamiento de unas librerías que ofrecen
funcionalidades de edición de código llamadas Scintilla.

Platypus Javascript Editor Programa editor de HTML que incluye numerosas

utilidades y scripts del lenguaje Javascript.

XAMPP: Apache, PHP y MySQL Un programa que permite instalar Apache, PHP y
MySQL en un solo paso y de manera sencilla en sistemas Linux, Windows, Mac OS X
y Solaris.

Programers File Editor Un remplazo a lo grande del Block de Notas. Ideal más para
programadores de propósito general que para el web.

Bloc de Notas El editor de texto más simple que podamos encontrar en sistemas
windows.
software relacionado con la gestión de contenidos

Bitrix Site Manager Programa para la administración de contenidos, monitorización de

sitios online, con posibilidades de integración de comercio electrónico.

MainTools Gestor y Editor Web Software de edición web que permite crear y
mantener todo el contenido de una página web. Se ofrece en dos versiones, online y
offline.
Writely, el procesador de textos online Un programa online para escribir textos, por
medio de interfaz web, de manera similar a el conocido Word de Office.

software para la navegación por Internet.

Firefox Navegador web basado en Mozilla, potente, rápido y muy útil para quienes
desarrollamos páginas web.
MozillaConfigura Mozilla para una navegación óptima en menos de cinco minutos
Netscape 7 Navegador de gran calidad y rapidez que aconsejamos colocar como
explorador por defecto.
Flock, navegador social Un navegador basado en Mozilla, como Firefox, que explota
varias posibilidades de las redes sociales de Internet
Navegador Opera ¿Una cuestión de estilo? ¿Podrá ocupar el lugar de otros
navegadores más utilizados?

Camino Browser Navegador web para Mac OS X 10.3 o posterior, que tiene una
interfaz de diseño Macintosh.

Safari para Windows Un navegador de Web, creado por Apple, que ahora también se
distribuye en versión Windows.
Internet Explorer 7 La nueva versión del navegador de Microsoft está disponible
como actualización de Windows. Cambia la interfaz de usuario, ahora con nuevas
funcionalidades.

Navegador de modo texto Lynx Un navegador de la web que funciona en modo texto,
sin imágenes.
software para el manejo de FTP.
FileZilla, cliente FTP Un programa GNU, para transferir ficheros por FTP con
cualidades profesionales y gratuidad total.

Cute FTP Un programa para hacer FTP, necesario para subir y bajar archivos al
servidor.

FireFTP: programa FTP sobre Firefox FireFTP es un programa de FTP sencillo, con
la particularidad que el cliente de FTP funciona instalado como extensión de Firefox.

software para edicion de código HTML.

Dreamweaver Probablemente el mejor editor de páginas web para diseñadores que

busquen resultados profesionesles.

Adobe GoLive Editor de HTML profesional WYSIWYG. Con grandes capacidades.

HTML-kit Editor de HTML donde se porgrama directamente con código.

Kompozer Editor web sencillo, para diseñadores y usuarios con un nivel técnico
medio-bajo, que permite crear páginas web en vista diseño (WYSIWYG).

TsWebEditor: Editor de páginas web para programadores

El programa tsWebEditor es un editor de texto gratuito y código libre preparado para
programadores, con numerosas ayudas para la edición de código.

Ñandú editor web que funciona como extensión de Mozilla Comentamos un editor
web WYSIWYG muy sencillo de usar que se instala como una extensión de Mozilla
Firefox.

Editplus Programa de características medias para la edición de páginas web. Permite el

trabajo con HTML y otros lenguajes como ASP o PHP.

Arachnophilia Programa para la edición de páginas web en HTML y otros lenguajes,

posee múltiples wizards para ayudar en la creación de códigos.

HTMLed pro Editor de HTML con capacidades medias.

CoffeeCup Free – Editor HTML Comentamos la versión gratuita de CoffeeCup

HTML, un editor de HTML con programa FTP integrado.

Frontpage El editor de páginas web de Microsoft

software para la creación y edición de código CSS.

Stylizer Análisis de un editor de CSS poco convencional pero de gran utilidad y

productividad. Es un producto que permite editar CSS y ver los resultados en tiempo
real con el motor de varios navegadores.

TopStyle Lite Editor CSS. El programa permite crear nuestras hojas de estilo de forma
sencilla.

Style Master. Editor CSS. Un programa para editar hojas de estilo en cascada que
ofrece muchas ayudas al diseñador.

software para leer y gestionar tus feeds RSS y estar al tanto de las novedades de todos
tus sitios preferidos desde un único programa.
FeedReader. Lector RSS Comentamos el programa gratutito para ver ficheros RSS,
FeedReader.

RSS BuilderEl programa RSS Builder genera y sube automáticamente tus feed RSS
para tu página web.

FeedDemon Programa lector de RSS FeedDemon, con interesantes utilidades para la

organización y configuración de tus Feed RSS.

RSSOwl, lector RSS Comentamos RSSOwl, un lector de RSS muy completo de

código libre.