1. DISEÑO WEB
L.I MARICELA GARCIA DIONICIO
INSTITUTO DE
ESTUDIOS DE
BACHILLERATO
DEL ESTADO DE
OAXACA
2. 1.- Què es una pagina web?
2.- Para què sirve una pagina web?
3.- Beneficios de las paginas web
4.- Quienes hacen uso de la web?
5.- Diferencia entre un Sitio web y Página web
6.- Requerimientos para el desarrollo de un sitio web
7.- Software para desarrollar pagina web
8.- Tarea
CONTENIDO
3. La palabra WEB es el término más
usado para referirse al World Wide
Web que es la Red Mundial de
páginas o Documentos de texto
entrelazados.
Un documento entrelazado es más
un documento que
contiene enlaces a otros
documentos o páginas de texto,
donde se amplía o hay más
información relacionada. También
se le conoce con el nombre de
documento de Hipertexto.
Què es una pagina web?
4. La WEB contiene varios billones de
páginas con una extensa gama de
información, productos y servicios que
están disponibles para ser
consultados desde una computadora
que tenga una conexión a internet y
un programa que se le conoce como
navegador.
Los más conocidos son El Internet
Explorer, Netscape, Mozilla, chrome,
etc.
Para què sirve una pagina web?
5. Gracias a la WEB la información de
empresa, productos y servicios pueden
estar disponibles a millones de personas
en todo el mundo.
Ya que los clientes pueden buscar
cómodamente desde la casa u oficina
toda la información sobre lo que la
empresa hace o vende.
Con la WEB se puede tener sistemas
automatizados de consulta, servicio o
centros de respuesta, donde todos
puedan buscar las soluciones a asuntos
de servicios o productos.
Esto se conoce como Bases de
Conocimiento.
Beneficios de las paginas web
6. Con la WEB las posibilidades son
ilimitadas, la usan los individuos,
profesionales, consultores,
escritores, clubes, clínicas,
hospitales, centros de servicio y
soporte técnico, compañías de
seguros, bancos, compañías de
ventas de cualquier tipo de
producto, universidades,
escuelas, centros profesionales y
empresas en general.
Quienes hacen uso de la web?
7. Diferencia entre un Sitio web y Página web
Una página web es parte de un
sitio web y es un único archivo
con un nombre de archivo
asignado, mientras que un sitio
web es un conjunto de archivos
llamados páginas web.
Si lo comparáramos con un libro,
un sitio web sería el libro entero y
una página web de ese sitio web
sería un capítulo de ese libro
8. 1.- Equipo de trabajo,
compuesto por personal
interno y tal vez también
externo, que deberá
comandar el proyecto.
Dicho grupo debe definir los
objetivos del sitio, los
contenidos a colocar, y
cómo evolucionará el sitio
Web con el tiempo
Requerimientos para el desarrollo de un sitio web
9. Como mínimo debe contarse con:
Personal de sistemas: que maneje los
aspectos técnicos y la publicación en
Internet y la interacción con empresas
externas que provean servicios para el
sitio.
Personal de relaciones institucionales,
publicidad o marketing: que unifique el
mensaje del sitio Web con el resto de las
campañas de difusión e imagen de la
empresa.
Otros departamentos, según el contenido
del site: atención a clientes, marketing,
ventas, recursos humanos o nuevos
canales.
Requerimientos para el desarrollo de un sitio web
10. Requerimientos para el desarrollo de un sitio web
2.- Definiciones del proyecto:
alcance, audiencia, objetivos y
atractores: Una vez formado el
grupo de trabajo la siguiente etapa
es establecer el alcance, la
audiencia, los objetivos y los
atractores del sitio Web.
No hay que olvidar que un web site
no es un proyecto con fecha de
finalización, sino que se trata de un
trabajo constante que se realiza por
etapas.
11. Requerimientos para el desarrollo de un sitio web
¿A quién queremos llegar con el sitio?
¿Para qué? ¿Para buscar nuevos clientes o
para afianzar las relaciones con los
actuales? ¿Convendría crear un grupo de
interés?
¿Cuál es el mensaje que se quiere
transmitir? ¿Cómo hacerlo?
¿Qué imagen de la compañía se quiere
mostrar?
¿Cada cuánto tiempo se modificará o
actualizará la información publicada?
¿Qué sector es responsable de cada parte
del sitio?
¿Cómo atraeremos a los visitantes? ¿Cómo
lograremos que retornen?
12. 3.- Contenido, esta etapa se
crea o adapta todo el material
que se desea publicar en la Red.
Para ello, se puede tomar
material ya existente (folletos,
documentos, información
institucional) que deberá ser
convertida a Internet (digitalizado,
mejorado, reducido), o bien crear
material nuevo que acompañe el
estilo elegido para el sitio.
Requerimientos para el desarrollo de un sitio web
13. El grupo de trabajo definirá la
estructura general del sitio y
asignará responsabilidad.
Los aspectos generales del sitio
(home page, barras de
navegación, formas de contacto,
formularios, gráfica) se definirán
por consenso del grupo y son
responsabilidad del coordinador o
webmaster (responsable
operativo del sitio, interno o
externo)
Requerimientos para el desarrollo de un sitio web
14. 4.- Aprobación, una vez que el
material es generado, y autorizado
por el responsable de cada área
(que puede no ser el miembro del
equipo de publicación), se prepara
para colocar en el sitio.
Antes de publicar todo el material
es necesario prestar atención a
ciertos factores: dónde será
publicado el material (hosting,
housing,etc.), quién se encargará
de subir todo al servidor, algunos
aspectos de seguridad y si se
utilizará algún nombre de dominio.
Requerimientos para el desarrollo de un sitio web
15. Requerimientos para el desarrollo de un sitio web
5.- Publicación, esta es la
etapa más corta y simple del
proyecto, si es que se han
seguido las anteriores en forma
correcta. Simplemente hay que
copiar todo el material generado
(páginas, gráficos, sonido,
programas) a la Web para que
pueda ser visitado por cualquier
navegante.
16. 6.- Actualización constante, la
primera versión del sitio ya está en
línea. Puede que haya sido un
éxito, o que la audiencia y los
objetivos planteados no hayan sido
correctos. Esta es la etapa de
corrección, donde se puede
modificar el contenido.
Sobre la base de los comentarios
de los visitantes, las opiniones de
otros miembros de la compañía, y
los registros de accesos al sitio
(estadísticas) puede obtenerse
información acerca de cómo se
están cumpliendo los objetivos
iniciales.
Requerimientos para el desarrollo de un sitio web
17. Para crear una pagina web, existen muchas
opciones en el mercado, lo básico que debe
conocerse es el código HTML (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.
Software para desarrollar pagina web
18. Para optimizar las funcionalidades
de su página Web, también puede
optar por utilizar programas
como Flash, Shockwave, Java
Applet, CGI, SVG, ActiveX,
Cookies entre otros programas y
por ultimo, considerar incorporar
una Base de Datos para simplificar
algunas tareas al momento
de desarrollar ciertos sitios Web.
Los programas para desarrollar
páginas Web están divididos en
diferentes categorías según su
funcionalidad.
Software para desarrollar pagina web
19. 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.
Software para desarrollar pagina web
20. Software para desarrollar pagina web
Programación.
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.
21. Programas de 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).
Software para desarrollar pagina web
22. Editores HTML
Estos programas son para la edición
de código HTML, cuentan con
tutoriales específicos, 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. Komposer, TsWebEditor, Edit
plus, Arachnophilia, Coffee Cup free y
Front page.
Software para desarrollar pagina web
23. TAREA
TIPOS DE PAGINAS WEB
DOMINIOS
SERVIDORES PARA ALOJAR
PAGINAS WEB
HTML