SlideShare una empresa de Scribd logo
1 de 19
Creado Por:
Eduar Oved Martínez
Pagina 1
 Una página web es el nombre de
un documento o información electrónica
adaptada para la World Wide Web (www) y que
puede ser accedida mediante un navegador .
Esta información se encuentra generalmente en
formato HTML o XHTML, y puede
proporcionar navegación a otras páginas web
mediante enlaces de hipertexto.
Pagina 2
 Una página web está compuesta
principalmente por información (sólo texto y/o
módulos multimedia) así como por
hiperenlaces; además puede contener o asociar
Hoja de estilo, datos de estilo para especificar
cómo debe visualizarse, y también Aplicación
informática aplicaciones embebidas para así
hacerla interactiva.
Pagina 3
 El creador de la web, o mejor dicho la persona
que inventó la web o la word wide web (www)
fue Tim berners en 1989 cuya finalidad era la
de transmitir de manera mas efectiva los
conocimientos de un ordenador a otro, para
ello se utilizó el lenguaje html que hoy en día
sigue siendo el usado para las paginas web.
Pagina 4
 Desarrollo web es un título algo arbitrario para
el conjunto de tecnologías de software del lado
del servidor y del cliente que involucran una
combinación de procesos de base de datos con
el uso de un navegador en Internet a fin de
realizar determinadas tareas o mostrar
información.
Pagina 5
 Tradicionalmente un software departamental o
incluso un ambicioso proyecto corporativo de gran
envergadura es desarrollado en
forma standalone, es decir, usando lenguajes ya
sea compilados(C, C++, Delphi), semicompilados
(.NET, Mono, Java), o interpretados (Python) para
crear tanto la funcionalidad como toda la interfaz
de los usuarios, pero cabe perfectamente un
desarrollo orientado a web para dichos
propósitos, siendo más homogéneo y
multiplataforma, y dependiendo de las tecnologías
utilizadas, más rápido y robusto tanto para
diseñar, implementar y probar, como para su uso
una vez terminado.
Pagina 6
 Funcionalmente, el desarrollador web, que es
quien realiza esta labor, normalmente sólo se
preocupa por el funcionamiento del software,
es tarea del diseñador web preocuparse del
aspecto final (layout) de la página y
delwebmaster el integrar ambas partes. En
ocasiones el webmaster también se encarga de
actualizar los contenidos de la página.
Pagina 7
 Los lenguajes de programación más usados en
desarrollo web son
principalmente: ASP.NET, PHP y JSP, aunque
aún hay quienes usan ASP, Macromedia
ColdFusion y Perl. Algunos desarrolladores
web hablan muy bien de Ruby, y el
framework Ruby on Rails, pero no está muy
difundido todavía.
Pagina 8
 El diseño visual de la información que se desea
mostrar en la página Web. Esta etapa consta de la
distribución del texto, la ubicación de los gráficos,
los vínculos a otros documentos, los objetos
multimedia que se vayan a incluir. Es necesario
que antes de sentarte a programar en la
computadora, se haga un bosquejo en papel sobre
como será la pagina Web. Esto le permitirá tener
una perspectiva mas amplia sobre como va a editar
su pagina Web.

Pagina 9
 Aquí es cuando es necesario elegir algún editor
Web, sea pagado o gratuito. La sugerencia es
que si usted no tiene experiencia en este
campo, puede adquirir un software libre con
tutoriales en la Web para que paso a paso le
guíen sobre el funcionamiento del mismo. En
esta etapa es donde se pueden establecer los
hipervínculos, que son los enlaces que
típicamente aparecen subrayados de azul en las
paginas Web y le permiten ingresar a otra
ubicación en a pagina Web o abrir una nueva
pagina Web.
Pagina 10
Pagina 11
 Con este programa es fácil crear una pagina
Web sin necesidad de tener conocimientos
de HTML. Es un programa enfocado a usuarios
con poca experiencia en esta clase de desarrollo. El
uso de este editor evoca mucho al Front Page que
venia integrado con Microsoft Office, este
programa incluye las herramientas estándar para
el diseño y publicación de una pagina Web
personal. Este programa ofrece la libertad de
colocar en la pagina Web diferentes
elementos, solo es necesario crearlos, tales como
texto, imágenes, tablas, enlaces, formularios, flash
e insertarlos en la posición que usted dese
Pagina 12
 Es una herramienta útil para quien esta
aprendiendo a utilizar HTML y quien desee
conocer como son creados algunos de los
mejores sitios Web en el mundo. Usted visita
páginas Web, recolecta fuentes de HTML y los
reutiliza en sus propias páginas Web. Otros
HTML espías tienen la función de validar
visualmente el código HTML. Si la fuente tiene
algún error en la primera línea, no regresa un
valor en la posición después de ejecutar el
programa.
Pagina 13
 Uno de los ámbitos más comunes en los que se
mueven los usuarios de Internet, es el de la compra
y venta de productos. Pero dicha actividad no sería
posible, sin la creación previa, por parte de cada
empresario, de un sitio Web con una vocación
comercial. Pues bien, para llevar a cabo dicho
trabajo de la forma más intuitiva, fue lanzado al
mercado GI-WEB. Además, es totalmente
compatible con editores HTML, permite gestionar
productos, organizarlos por catálogo, crear objetos
gráficos para asociar a estos productos, admite la
inserción de JavaScript y Flash, etc.
Pagina 14
Pagina 15
 fue conocido como Macromedia Flash, es un
programa que trabaja bajo un ambiente de
estudio de animación que se utiliza sobre
fotogramas, es destinado a la producción y
desarrollo de contenido interactivo para las
diferentes audiencias alrededor del mundo.
Este sistema en la actualizad esta desarrollado
por Adobe Systems, utiliza gráficos vectoriales
e imágenes raster, sonido y código de
programa, flujo de video y audio
bidireccional, por solo nombrar algunas
características.
Pagina 16
 Fue creado por Macromedia, aunque en la
actualidad lo produce Adobe Systems, este es
el programa mas utilizado para programación
Web, por sus funciones, la integración con
otras herramientas como el adobe flash y sus
recientes agregaciones a soporte de los
estándares Web Consortium. Dreamweaver es
editor de WYSIWYG, por lo tanto permite
ocultar código HTML, lo cual facilita al usuario
que no es programador, a crear paginas y sitios
Web de una forma sencilla sin necesidad de
tener conocimientos avanzados.
Pagina 17
 Esta es una herramienta para construir y editar
páginas Web para Windows. Forma parte del
paquete de Microsoft Office, aunque fue creado
desde hace mucho tiempo, algunos consideran
que el código HTML que genera esta aplicación
es obsoleto. Un ejemplo de ello es que el
programa todavía inserta la etiqueta front
cuando esto esta obsoleto ante el estándar
W3C. Este programa ha dejado de ser
producido desde 2006, Microsoft ofrece dos
productos alternos como son Share Point
Designer y Expresson Web.
Pagina 18
Diseño de paginas web

Más contenido relacionado

La actualidad más candente (14)

Sin título 1
Sin título 1Sin título 1
Sin título 1
 
Presentación1 de w.,jlgvjdfmkhgvfd
Presentación1 de w.,jlgvjdfmkhgvfdPresentación1 de w.,jlgvjdfmkhgvfd
Presentación1 de w.,jlgvjdfmkhgvfd
 
Mariana angel estefania aguirre programacion de wb
Mariana angel estefania aguirre programacion de wbMariana angel estefania aguirre programacion de wb
Mariana angel estefania aguirre programacion de wb
 
Estefania aguirre programacion de web
Estefania aguirre programacion de webEstefania aguirre programacion de web
Estefania aguirre programacion de web
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Nicholl giraldo programacion de wb
Nicholl giraldo  programacion de wbNicholl giraldo  programacion de wb
Nicholl giraldo programacion de wb
 
Programación d.j
Programación d.jProgramación d.j
Programación d.j
 
Dreamweaver yineth
Dreamweaver yinethDreamweaver yineth
Dreamweaver yineth
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Powerpointjim
PowerpointjimPowerpointjim
Powerpointjim
 
Deber1
Deber1Deber1
Deber1
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 

Similar a Diseño de paginas web

Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
8vivi8
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
'Kelly Vergara
 

Similar a Diseño de paginas web (20)

Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
 
Ariel beitia
Ariel beitiaAriel beitia
Ariel beitia
 
Programacion de paginas web
Programacion de paginas webProgramacion de paginas web
Programacion de paginas web
 
Creacion de paginas_web
Creacion de paginas_webCreacion de paginas_web
Creacion de paginas_web
 
Web 6 credito
Web 6 creditoWeb 6 credito
Web 6 credito
 
Páginas Web
Páginas WebPáginas Web
Páginas Web
 
Adriana romero macromedia
Adriana romero macromediaAdriana romero macromedia
Adriana romero macromedia
 
Plataformas de desarrollo web
Plataformas de desarrollo webPlataformas de desarrollo web
Plataformas de desarrollo web
 
Info
InfoInfo
Info
 
Info
InfoInfo
Info
 
Info
InfoInfo
Info
 
Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?
 
Diseno web
Diseno webDiseno web
Diseno web
 
David cuellar
David cuellarDavid cuellar
David cuellar
 
Pag. web
Pag. webPag. web
Pag. web
 
Pag. web
Pag. webPag. web
Pag. web
 
Pag. web
Pag. webPag. web
Pag. web
 
Pagina web
Pagina webPagina web
Pagina web
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
 

Último

FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
El Fortí
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
JonathanCovena1
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
patriciaines1993
 

Último (20)

INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJOACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
 

Diseño de paginas web

  • 1. Creado Por: Eduar Oved Martínez Pagina 1
  • 2.  Una página web es el nombre de un documento o información electrónica adaptada para la World Wide Web (www) y que puede ser accedida mediante un navegador . Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación a otras páginas web mediante enlaces de hipertexto. Pagina 2
  • 3.  Una página web está compuesta principalmente por información (sólo texto y/o módulos multimedia) así como por hiperenlaces; además puede contener o asociar Hoja de estilo, datos de estilo para especificar cómo debe visualizarse, y también Aplicación informática aplicaciones embebidas para así hacerla interactiva. Pagina 3
  • 4.  El creador de la web, o mejor dicho la persona que inventó la web o la word wide web (www) fue Tim berners en 1989 cuya finalidad era la de transmitir de manera mas efectiva los conocimientos de un ordenador a otro, para ello se utilizó el lenguaje html que hoy en día sigue siendo el usado para las paginas web. Pagina 4
  • 5.  Desarrollo web es un título algo arbitrario para el conjunto de tecnologías de software del lado del servidor y del cliente que involucran una combinación de procesos de base de datos con el uso de un navegador en Internet a fin de realizar determinadas tareas o mostrar información. Pagina 5
  • 6.  Tradicionalmente un software departamental o incluso un ambicioso proyecto corporativo de gran envergadura es desarrollado en forma standalone, es decir, usando lenguajes ya sea compilados(C, C++, Delphi), semicompilados (.NET, Mono, Java), o interpretados (Python) para crear tanto la funcionalidad como toda la interfaz de los usuarios, pero cabe perfectamente un desarrollo orientado a web para dichos propósitos, siendo más homogéneo y multiplataforma, y dependiendo de las tecnologías utilizadas, más rápido y robusto tanto para diseñar, implementar y probar, como para su uso una vez terminado. Pagina 6
  • 7.  Funcionalmente, el desarrollador web, que es quien realiza esta labor, normalmente sólo se preocupa por el funcionamiento del software, es tarea del diseñador web preocuparse del aspecto final (layout) de la página y delwebmaster el integrar ambas partes. En ocasiones el webmaster también se encarga de actualizar los contenidos de la página. Pagina 7
  • 8.  Los lenguajes de programación más usados en desarrollo web son principalmente: ASP.NET, PHP y JSP, aunque aún hay quienes usan ASP, Macromedia ColdFusion y Perl. Algunos desarrolladores web hablan muy bien de Ruby, y el framework Ruby on Rails, pero no está muy difundido todavía. Pagina 8
  • 9.  El diseño visual de la información que se desea mostrar en la página Web. Esta etapa consta de la distribución del texto, la ubicación de los gráficos, los vínculos a otros documentos, los objetos multimedia que se vayan a incluir. Es necesario que antes de sentarte a programar en la computadora, se haga un bosquejo en papel sobre como será la pagina Web. Esto le permitirá tener una perspectiva mas amplia sobre como va a editar su pagina Web.  Pagina 9
  • 10.  Aquí es cuando es necesario elegir algún editor Web, sea pagado o gratuito. La sugerencia es que si usted no tiene experiencia en este campo, puede adquirir un software libre con tutoriales en la Web para que paso a paso le guíen sobre el funcionamiento del mismo. En esta etapa es donde se pueden establecer los hipervínculos, que son los enlaces que típicamente aparecen subrayados de azul en las paginas Web y le permiten ingresar a otra ubicación en a pagina Web o abrir una nueva pagina Web. Pagina 10
  • 12.  Con este programa es fácil crear una pagina Web sin necesidad de tener conocimientos de HTML. Es un programa enfocado a usuarios con poca experiencia en esta clase de desarrollo. El uso de este editor evoca mucho al Front Page que venia integrado con Microsoft Office, este programa incluye las herramientas estándar para el diseño y publicación de una pagina Web personal. Este programa ofrece la libertad de colocar en la pagina Web diferentes elementos, solo es necesario crearlos, tales como texto, imágenes, tablas, enlaces, formularios, flash e insertarlos en la posición que usted dese Pagina 12
  • 13.  Es una herramienta útil para quien esta aprendiendo a utilizar HTML y quien desee conocer como son creados algunos de los mejores sitios Web en el mundo. Usted visita páginas Web, recolecta fuentes de HTML y los reutiliza en sus propias páginas Web. Otros HTML espías tienen la función de validar visualmente el código HTML. Si la fuente tiene algún error en la primera línea, no regresa un valor en la posición después de ejecutar el programa. Pagina 13
  • 14.  Uno de los ámbitos más comunes en los que se mueven los usuarios de Internet, es el de la compra y venta de productos. Pero dicha actividad no sería posible, sin la creación previa, por parte de cada empresario, de un sitio Web con una vocación comercial. Pues bien, para llevar a cabo dicho trabajo de la forma más intuitiva, fue lanzado al mercado GI-WEB. Además, es totalmente compatible con editores HTML, permite gestionar productos, organizarlos por catálogo, crear objetos gráficos para asociar a estos productos, admite la inserción de JavaScript y Flash, etc. Pagina 14
  • 16.  fue conocido como Macromedia Flash, es un programa que trabaja bajo un ambiente de estudio de animación que se utiliza sobre fotogramas, es destinado a la producción y desarrollo de contenido interactivo para las diferentes audiencias alrededor del mundo. Este sistema en la actualizad esta desarrollado por Adobe Systems, utiliza gráficos vectoriales e imágenes raster, sonido y código de programa, flujo de video y audio bidireccional, por solo nombrar algunas características. Pagina 16
  • 17.  Fue creado por Macromedia, aunque en la actualidad lo produce Adobe Systems, este es el programa mas utilizado para programación Web, por sus funciones, la integración con otras herramientas como el adobe flash y sus recientes agregaciones a soporte de los estándares Web Consortium. Dreamweaver es editor de WYSIWYG, por lo tanto permite ocultar código HTML, lo cual facilita al usuario que no es programador, a crear paginas y sitios Web de una forma sencilla sin necesidad de tener conocimientos avanzados. Pagina 17
  • 18.  Esta es una herramienta para construir y editar páginas Web para Windows. Forma parte del paquete de Microsoft Office, aunque fue creado desde hace mucho tiempo, algunos consideran que el código HTML que genera esta aplicación es obsoleto. Un ejemplo de ello es que el programa todavía inserta la etiqueta front cuando esto esta obsoleto ante el estándar W3C. Este programa ha dejado de ser producido desde 2006, Microsoft ofrece dos productos alternos como son Share Point Designer y Expresson Web. Pagina 18