SlideShare una empresa de Scribd logo
DISEÑO WEB
L.I MARICELA GARCIA DIONICIO
INSTITUTO DE
ESTUDIOS DE
BACHILLERATO
DEL ESTADO DE
OAXACA
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
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?
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?
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
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?
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
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
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
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.
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?
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
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
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
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.
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
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
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
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
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.
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
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
TAREA
 TIPOS DE PAGINAS WEB
 DOMINIOS
 SERVIDORES PARA ALOJAR
PAGINAS WEB
 HTML

Más contenido relacionado

PDF
República bolivariana de venezuela
DOCX
Informe Digitalizado
DOCX
El internet
DOCX
4 ta bitacora
DOCX
Analisis sobre la web 1.0 web 2.0- web 3.0
DOCX
4 ta bitacor aa
PDF
Johfran!!! pag web
DOCX
República bolivariana de venezuela
Informe Digitalizado
El internet
4 ta bitacora
Analisis sobre la web 1.0 web 2.0- web 3.0
4 ta bitacor aa
Johfran!!! pag web

La actualidad más candente (19)

DOCX
Bitacora de la unidad 4
DOCX
Johfran!!! pag web
PDF
Paginas web
PDF
Yuscarlis.
PDF
PPTX
paginas web
PPTX
PDF
la internet y la tegnologia 11-2
DOCX
Bitacora william
DOCX
Web 1.0 vs web2.0
PPTX
Teoría del Diseño Web
PPT
Presentacion Diseño Web
PPTX
Aplicaciones web
PPTX
Paginas web definicion
PPTX
Sitio web diapositivas
ODP
Aplicacion web - presentacion impress
Bitacora de la unidad 4
Johfran!!! pag web
Paginas web
Yuscarlis.
paginas web
la internet y la tegnologia 11-2
Bitacora william
Web 1.0 vs web2.0
Teoría del Diseño Web
Presentacion Diseño Web
Aplicaciones web
Paginas web definicion
Sitio web diapositivas
Aplicacion web - presentacion impress
Publicidad

Similar a HTML (20)

PPTX
Yeison fabian
PPTX
el internet
PPTX
Jhohan nicolai
PPTX
Recursos Web 2.0
DOCX
Informe de informática aplicada
PDF
Robert primera informatica(1)
PPTX
Desarrollo web
PPTX
Melissa presentacion
DOCX
Informe de informatica revisado osuany
DOCX
Informe de informatica osuany Y YASMELI
PPTX
Diseño web-Laura Ríos 10-02
PPTX
Juan sebastian
DOCX
República bolivariana de venezuela
PPTX
Michael steven
DOCX
Trabajo de informatica
PPT
DISEÑO WEB
PPTX
Recursos web 2.0 - 1005 Jm
PPTX
Recursos web 2.0
PDF
Diseno.y.programacion.de.paginas.web. .miguel.pedroza.pareja
PPTX
Web informática
Yeison fabian
el internet
Jhohan nicolai
Recursos Web 2.0
Informe de informática aplicada
Robert primera informatica(1)
Desarrollo web
Melissa presentacion
Informe de informatica revisado osuany
Informe de informatica osuany Y YASMELI
Diseño web-Laura Ríos 10-02
Juan sebastian
República bolivariana de venezuela
Michael steven
Trabajo de informatica
DISEÑO WEB
Recursos web 2.0 - 1005 Jm
Recursos web 2.0
Diseno.y.programacion.de.paginas.web. .miguel.pedroza.pareja
Web informática
Publicidad

Último (20)

PDF
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
PDF
Didactica de la Investigacion Educativa SUE Ccesa007.pdf
PPTX
AGENTES PATÓGENOS Y LAS PRINCIPAL ENFERMEAD.pptx
PDF
Breve historia de los Incas -- Patricia Temoche [Temoche, Patricia] -- Breve ...
PDF
biología es un libro sobre casi todo el tema de biología
PDF
Escuela Sabática 6. A través del Mar Rojo.pdf
PDF
Híper Mega Repaso Histológico Bloque 3.pdf
DOCX
V UNIDAD - PRIMER GRADO. del mes de agosto
PDF
DI, TEA, TDAH.pdf guía se secuencias didacticas
DOCX
V UNIDAD - SEGUNDO GRADO. del mes de agosto
PDF
benveniste-problemas-de-linguistica-general-i-cap-6 (1)_compressed.pdf
PDF
Fundamentos_Educacion_a_Distancia_ABC.pdf
PDF
Punto Critico - Brian Tracy Ccesa007.pdf
PDF
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
PDF
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
PDF
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
PPTX
caso clínico iam clinica y semiología l3.pptx
PDF
el - LIBRO-PACTO-EDUCATIVO-GLOBAL-OIEC.pdf
PDF
Romper el Circulo de la Creatividad - Colleen Hoover Ccesa007.pdf
PDF
Unidad de Aprendizaje 5 de Matematica 1ro Secundaria Ccesa007.pdf
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
Didactica de la Investigacion Educativa SUE Ccesa007.pdf
AGENTES PATÓGENOS Y LAS PRINCIPAL ENFERMEAD.pptx
Breve historia de los Incas -- Patricia Temoche [Temoche, Patricia] -- Breve ...
biología es un libro sobre casi todo el tema de biología
Escuela Sabática 6. A través del Mar Rojo.pdf
Híper Mega Repaso Histológico Bloque 3.pdf
V UNIDAD - PRIMER GRADO. del mes de agosto
DI, TEA, TDAH.pdf guía se secuencias didacticas
V UNIDAD - SEGUNDO GRADO. del mes de agosto
benveniste-problemas-de-linguistica-general-i-cap-6 (1)_compressed.pdf
Fundamentos_Educacion_a_Distancia_ABC.pdf
Punto Critico - Brian Tracy Ccesa007.pdf
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
caso clínico iam clinica y semiología l3.pptx
el - LIBRO-PACTO-EDUCATIVO-GLOBAL-OIEC.pdf
Romper el Circulo de la Creatividad - Colleen Hoover Ccesa007.pdf
Unidad de Aprendizaje 5 de Matematica 1ro Secundaria Ccesa007.pdf

HTML

  • 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