El documento describe los diferentes tipos de páginas web, incluyendo páginas dinámicas, estáticas y animadas. También explica la importancia de una interfaz gráfica efectiva y los diversos programas disponibles para diseñar y desarrollar páginas web, como programas generales, de diseño, gestión de contenido, programación, navegadores, editores HTML y clientes FTP.

1.  Que es una pagina web?
 Importancia de interfaz grafica 1
 Importancia de interfaz grafica 2
 Tipos de paginas web
 Paginas dinámicas
 Características de las paginas
dinámicas
 Paginas estáticas
 Características de las paginas
estáticas
 Paginas animadas
 Programas para diseñar 1
 Programas para diseñar 2
 Generales
 Programas de diseño
 Gestión de contenido
 Programación
 navegadores
 Editores HTML
 Clientes FTP
 Titulo

2. Paginas web
siguienteatrás menú

3. Que es una
Pagina
Web?
Una página Web es un documento
electrónico 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
Internet, de tal forma que este
documento pueda ser consultado
por cualquier persona que se
conecte a esta red mundial de
comunicaciones y que cuente con
los permisos apropiados para
hacerlo. Es la unidad básica del
World Wide Web.
atrás siguientemenú

4. Para poder empezar a valorar
como usuarios si una web es de
alta calidad lo primero es su
interfaz gráfica. La página ha de
ser agradable a la vista a la vez
que funcional. La estructura del
contenido ha de ser lógica y
optimizada. Se debe realizar
un uso óptimo del espacio
útil de cada pantalla y
resolución. Se conseguirá de
esta manera una mayor
predisposición del usuario a
entender y navegar con éxito la
web.
IMPORTANCIA DE
LA INTERFAZ
GRAFICA
menúatrás siguiente

5. IMPORTANCIA DE
LA INTERFAZ
GRAFICA
El número de clics
necesarios para lograr los
distintos objetivos o
funcionalidades ha de ser el
mínimo. El uso de barras de
desplazamiento ha de
ser optimizado para evitar la
posible falta de visibilidad de
información importante,
evitando así posibles abandonos
u objetivos incumplidos.
La estética debe ser acorde a su
finalidad, unitaria y que case
con la imagen corporativa. Si la
estética de la página es original
o cuenta con algún tipo de juego
en su navegación que le
otorgue kansel, ayudará a los
usuarios a recordarla logrando
así extender la sensación
agradable más allá de su
navegación.
siguienteatrás menú

6. TIPOS DE
PAGINAS WEB
Existen tres tipos de páginas
Web, que se encuentran en el
Internet y a las cual pueden
acceder los usuarios, estas
son:
 Paginas Web dinámicas
 Paginas Web estáticas
 Paginas Web animadas
menúatrás
siguiente

7. PÁGINA WEB
DINAMICA
Son aquellas cuya información que
presentan se genera a partir de
alguna acción o petición del el
usuario en la página.
Contrariamente a las páginas
estáticas, en las que su contenido
se encuentra predeterminado, en
las dinámicas la información
aparece inmediatamente después
de una solicitud echa por el
usuario. Permite visualizar la
información contenida en una base
de datos, así como almacenar y
hacer actualizaciones de cierta
información a través de un
formulario.
siguienteatrás menú

8. Características
de las paginas
dinámicas
 Gran número de posibilidades en
su diseño y desarrollo.
 El visitante puede alterar el
diseño, contenidos o
presentación de la página a su
gusto.
 Permite un gran número de
funcionalidades tales como bases
de datos, foros, contenido
dinámico, etc.
 Pueden realizarse íntegramente
con software de libre
distribución.
 Existe una amplia comunidad de
programadores que brinda apoyo
desinteresado.
 Cuenta con un gran número de
soluciones prediseñadas de libre
disposición.
menúatrás siguiente

9. PAGINAS WEB
ESTATICAS
Son aquellas en las que la
información se presenta en forma
predefinida y sin cambios. En caso
de que se quiera actualizar una
pagina estática, se tendrá que
acceder directamente al servidor
en el que se encuentra alojada
para hacer la edición. A la
información contenida en una
página estática se le puede dar un
determinado formato de
presentación, así como incluirle
imágenes, ligas a otras páginas,
animaciones, videos o sonidos a
través de etiquetas HTML, aunque
es lo único que puede ofrecerse a
través de este tipo de páginas.
siguienteatrás menú

10. CARACTERISTICAS
DE LAS PAGINAS
ESTATICAS
 Ausencia de movimiento y
funcionalidades.
 Absoluta opacidad a los deseos o
búsquedas del visitante a la
página.
Realizadas en XHTML o HTML.
 Para cambiar los contenidos de la
página, es imprescindible acceder
al servidor donde está alojada la
página.
 El usuario no tiene ninguna
posibilidad de seleccionar,
ordenar o modificar los
contenidos o el diseño de la
página a su gusto.
 El proceso de actualización es
lento, tedioso y esencialmente
manual.
menúatrás siguiente

11. PAGINAS WEB
ANIMADAS
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.
siguienteatrás menú

12. PROGRAMAS PARA
DISEÑAR PAGINAS
WEB
Para crear una pagina web, existen
muchas opciones en el mercado, lo
básico que debe conocerse es el
código HTML (HyperText Markup
Language Lenguaje de Marcado de
Hipertexto, es el lenguaje de
marcado predominante para la
elaboración de páginas Web. Es
usado para describir la estructura
y el contenido en forma de texto,
así como para complementar el
texto con objetos tales como
imágenes). Existen además
lenguajes completos de
programación que pueden
aumentar la versatilidad de una
pagina Web, tales como PHP, ASP y
Java script.
menúatrás siguiente

13. Los programas para desarrollar
páginas Web están divididos en
diferentes categorías según su
funcionalidad:
 Generales
 Diseño
 Gestión de Contenidos
 Programación
 Navegadores
 Editores HTML
 Clientes FTP
PROGRAMAS PARA
DISEÑAR PAGINAS
WEB
siguienteatrás menú

14. GENERALES
Son programas que su
utilidad es del interés
general, no exclusivos para
programadores o
desarrolladores. Entre los
programas mas
representativos se
encuentran: Mozilla, Xenu
Link, Opera (Navegador),
FileZilla (Cliente FTP), Open
Office, Picasa2, Skype, PDFill,
7-Zip, etc.
menúatrás siguiente

15. PROGRAMAS
DE DISEÑO
Programas que son útiles en
el diseño de paginas Web en
general. Entre esta categoría
de programas se encuentran:
PhotoShop Elements 3.0,
Flash, Dreamweaver, Corel
Ventura 10, Adobe
PhotoShop, Photo Impact,
Xara X1, Deep Paint 3D, solo
por mencionar algunos.
siguienteatrás menú

16. GESTION DE
CONTENIDOS
Son programas que
facilitan la gestión
dinámica de contenidos en
paginas Web, por ejemplo:
Bitrix Site Manager, Main
Tools Gestor y Editor Web
y Writely (Procesador de
Textos en la Web)
menúatrás siguiente

17. PROGRAMACION
Están enfocados a
desarrolladores y
programadores, es una serie de
programas especializados que
le ayudaran a desarrollar su
pagina Web de forma
estructurada y confiable,
algunos de estos programas
son MED, Ultra Edit, HomeSite,
Zend Studio, Edit2web,
phpDesigner, Komodo IDE,
HTML-Kit., Visual Web
Developer, Style Master Editor,
XML Soy 5, y ASP.NET Web
Matrix, por solo nombrar
algunos.
siguienteatrás menú

18. NAVEGADORES
Son programas que permiten
ingresar a paginas Web,
cuentan con diferentes
funciones como marcadores
de pagina, borrador de
historial, recordar
contraseñas, auto completar
escritura, etc. Los mas
conocidos son: Firefox,
Netscape, Explorer, Safari,
Safari para Windows, Opera,
Flock, etc.
menúatrás siguiente

19. EDITORES
HTML
Estos programas son para la
edición de código HTML, cuentan
con tutoriales específicos, como
editores WYSIWYG. Lo que ves es
lo que obtienes. Se aplica a los
procesadores de texto y otros
editores de texto con formato,
como los editores de HTML que
permiten escribir un documento
viendo directamente el resultado
final, frecuentemente el
resultado impreso). Algunos
ejemplos de estos programas
son: Dreamweaver, Adobe
GoLive, HTMLKit. KompoZer,
TsWebEditor, Edit plus,
Arachnophilia, Coffee Cup free y
Front page.
siguienteatrás menú

20. CLIENTES FTP
Son programas servidores de FTP que
permiten alojar la pagina Web en un
servidor. Permite además la
publicación de estas páginas.
FireZilla, Cute FTP y FileFTP. El
listado anterior fue una breve
explicación de las diferentes
categorías que existen para
desarrollar una pagina Web completa,
muchas veces se piensa que con un
solo generador de HTML la pagina
estará completa, pero no es así,
muchas veces es necesario manipular
los archivos de audio, video o fotos y
se pueden agregar otras
características como un lector rss
para mantener a los usuarios
conectados con las novedades de su
pagina, etc.
menúatrás