SlideShare una empresa de Scribd logo
1 de 12
Informática Educativa
Diseño y Desarrollo Web
Licenciatura en Informática
CONCEPTO
Una página web, página electrónica o ciberpágina,1 2 es un documento o
información electrónica capaz de contener texto,sonido, vídeo, programas,
enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World
Wide Web (WWW) y que puede ser accedida mediante un navegador. Esta
información se encuentra generalmente en formato HTML o XHTML.Las
páginas web frecuentemente también incluyen otros recursos como pueden
ser hojas de estilo en cascada, guiones (scripts), imágenes digitales, entre
otros.
Diseño Web
El diseño web es una actividad que consiste en la planificación, diseño,
implementación y mantenimiento de sitios web. No es simplemente la
implementación del diseño convencional ya que se abarcan diferentes
aspectos como el diseño gráfico web, diseño de interfaz y experiencia de
usuario, como la navegabilidad, interactividad,usabilidad, arquitectura de la
información; interacción de medios, entre los que podemos mencionar audio,
texto, imagen, enlaces, video y la optimización de motores de búsqueda.
Desarrollo Web
Desarrollo web es un término amplio que define la creación de sitios web para
Internet o una intranet. Para conseguirlo se hace uso 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 web a fin de realizar
determinadas tareas o mostrar información.
Servidor
Un servidor es una aplicación en ejecución (software)
capaz de atender las peticiones de un cliente y
devolverle una respuesta en concordancia. Los
servidores se pueden ejecutar en cualquier tipo de
computadora, incluso en computadoras dedicadas a las
cuales se les conoce individualmente como «el
servidor». En la mayoría de los casos una misma
computadora puede proveer múltiples servicios y tener
varios servidores en funcionamiento. La ventaja de
montar un servidor en computadoras dedicadas es la
seguridad.
Herramientas necesarias
Para construir y desarrollar una página web se deben tener en cuenta los
siguientes conocimientos previos y herramientas /software para su
desarrollo.
Teoría del color.
Navegador web(mozilla,safari,chrome)
Editor de texto(word,bloc de notas,Sublime Text)
Servidor Local (xampp,wamp,)
Los lenguajes de la Web
Al momento de crear un página web ,se usan
lenguajes propios que el navegador interpreta y
convierte en todo un entorno visual para el
ususario estos lenguajes principalmente son:
HTML5 CSS Y JAVASCRIPT,estos son lenguajes
de lado del cliente.Existen otros lenguajes que se
ejecutan directamente en el servidor uno de los
más reconocidos es PHP.
Editores de código
Todo lo que vemos en una
página web esta compuesto
por números y letras que
escritos de forma adecuada
generan un código limpio que
se transforma en una página
web.
HTML5
HTML5 es un lenguaje markup (de hecho, las siglas de HTML significan Hyper Text Markup Language)
usado para estructurar y presentar el contenido para la web.
Estructura Base
La sintaxis de HTML5
consta de etiquetas “<>”
que construyen lo que se
conoce comunmente como
esqueleto o maqueta de
una página web.
CMS
Un sistema de gestión de contenidos (en inglés: Content Management System, más
conocido por sus siglas CMS) es un programa informático que permite crear una estructura
de soporte (framework) para la creación y administración de contenidos, principalmente en
páginas web, por parte de los administradores, editores, participantes y demás usuarios.
Henry Pérez
Código: 0701220

Más contenido relacionado

La actualidad más candente

La actualidad más candente (17)

Desarrollo web
Desarrollo webDesarrollo web
Desarrollo web
 
Html
HtmlHtml
Html
 
Lenguajes de programación web
Lenguajes de programación webLenguajes de programación web
Lenguajes de programación web
 
ELEMENTOS DE LA WEB
ELEMENTOS DE LA WEBELEMENTOS DE LA WEB
ELEMENTOS DE LA WEB
 
Deberdp
DeberdpDeberdp
Deberdp
 
Publicar en internet 1
Publicar en internet 1Publicar en internet 1
Publicar en internet 1
 
Lenguajes de programación
Lenguajes de programaciónLenguajes de programación
Lenguajes de programación
 
Dream weaver israel
Dream weaver israelDream weaver israel
Dream weaver israel
 
Israel blog
Israel blogIsrael blog
Israel blog
 
Diseño de paginas y buscadores
Diseño de paginas y buscadores Diseño de paginas y buscadores
Diseño de paginas y buscadores
 
Debpablo
DebpabloDebpablo
Debpablo
 
Powerpointjim
PowerpointjimPowerpointjim
Powerpointjim
 
Alam vergara
Alam vergaraAlam vergara
Alam vergara
 
Evaluacion parcial
Evaluacion parcialEvaluacion parcial
Evaluacion parcial
 
Lenguaje de programación web
Lenguaje de programación webLenguaje de programación web
Lenguaje de programación web
 
Lenguajes de programación web
Lenguajes de programación webLenguajes de programación web
Lenguajes de programación web
 
Front end y Back-end
Front end y Back-end Front end y Back-end
Front end y Back-end
 

Destacado

з5_Ли
з5_Лиз5_Ли
з5_Лиnoymo
 
10 things not to do
10 things not to do10 things not to do
10 things not to doBrandAmbLife
 
Ensayo sobre escaleras mecanicas
Ensayo sobre escaleras mecanicasEnsayo sobre escaleras mecanicas
Ensayo sobre escaleras mecanicasvaleriaandr
 
Impacto de las tecnologias en nuestro entorno
Impacto de las tecnologias en nuestro entornoImpacto de las tecnologias en nuestro entorno
Impacto de las tecnologias en nuestro entornoJesus Hernandez
 
Ensayo sobre escaleras mecanicas
Ensayo sobre escaleras mecanicasEnsayo sobre escaleras mecanicas
Ensayo sobre escaleras mecanicasvaleriaandr
 
Space humanity
Space  humanity Space  humanity
Space humanity pedrohpd
 
Resume_Theresa_Lawson_2016_All
Resume_Theresa_Lawson_2016_AllResume_Theresa_Lawson_2016_All
Resume_Theresa_Lawson_2016_AllTheresa Lawson
 
Chi Cheng Wat_2014_ASA_Paper
Chi Cheng Wat_2014_ASA_PaperChi Cheng Wat_2014_ASA_Paper
Chi Cheng Wat_2014_ASA_PaperChi Cheng Wat
 
Ensayo sobre escaleras mecanicas
Ensayo sobre escaleras mecanicasEnsayo sobre escaleras mecanicas
Ensayo sobre escaleras mecanicasvaleriaandr
 
MEJURU ONYINYECHI CATHERINE
MEJURU ONYINYECHI CATHERINEMEJURU ONYINYECHI CATHERINE
MEJURU ONYINYECHI CATHERINEMEJURU CATHERINE
 

Destacado (15)

з5_Ли
з5_Лиз5_Ли
з5_Ли
 
First day powerpoint
First day powerpointFirst day powerpoint
First day powerpoint
 
10 things not to do
10 things not to do10 things not to do
10 things not to do
 
Ensayo sobre escaleras mecanicas
Ensayo sobre escaleras mecanicasEnsayo sobre escaleras mecanicas
Ensayo sobre escaleras mecanicas
 
La navidad.
La navidad.La navidad.
La navidad.
 
La tecnología
La tecnologíaLa tecnología
La tecnología
 
Impacto de las tecnologias en nuestro entorno
Impacto de las tecnologias en nuestro entornoImpacto de las tecnologias en nuestro entorno
Impacto de las tecnologias en nuestro entorno
 
Ensayo sobre escaleras mecanicas
Ensayo sobre escaleras mecanicasEnsayo sobre escaleras mecanicas
Ensayo sobre escaleras mecanicas
 
Cusco
CuscoCusco
Cusco
 
Nevena CV greek
Nevena CV greekNevena CV greek
Nevena CV greek
 
Space humanity
Space  humanity Space  humanity
Space humanity
 
Resume_Theresa_Lawson_2016_All
Resume_Theresa_Lawson_2016_AllResume_Theresa_Lawson_2016_All
Resume_Theresa_Lawson_2016_All
 
Chi Cheng Wat_2014_ASA_Paper
Chi Cheng Wat_2014_ASA_PaperChi Cheng Wat_2014_ASA_Paper
Chi Cheng Wat_2014_ASA_Paper
 
Ensayo sobre escaleras mecanicas
Ensayo sobre escaleras mecanicasEnsayo sobre escaleras mecanicas
Ensayo sobre escaleras mecanicas
 
MEJURU ONYINYECHI CATHERINE
MEJURU ONYINYECHI CATHERINEMEJURU ONYINYECHI CATHERINE
MEJURU ONYINYECHI CATHERINE
 

Similar a Diseño y Desarrollo Web

Similar a Diseño y Desarrollo Web (20)

Diseño y edición de páginas web 1
Diseño y edición de páginas web 1Diseño y edición de páginas web 1
Diseño y edición de páginas web 1
 
Michael steven
Michael stevenMichael steven
Michael steven
 
Juan sebastian
Juan sebastianJuan sebastian
Juan sebastian
 
Yeison fabian
Yeison fabianYeison fabian
Yeison fabian
 
Jhohan nicolai
Jhohan nicolaiJhohan nicolai
Jhohan nicolai
 
Presentacion de informatica
Presentacion de informaticaPresentacion de informatica
Presentacion de informatica
 
Presentación1
Presentación1Presentación1
Presentación1
 
La web alejandra acevedo 10-2
La web   alejandra acevedo 10-2La web   alejandra acevedo 10-2
La web alejandra acevedo 10-2
 
Actividad6
Actividad6Actividad6
Actividad6
 
Pagina web
Pagina webPagina web
Pagina web
 
Cristian presentacion
Cristian presentacionCristian presentacion
Cristian presentacion
 
Navegar por la web
Navegar por la webNavegar por la web
Navegar por la web
 
Diseño de paginas web
Diseño de paginas webDiseño de paginas web
Diseño de paginas web
 
Comercio electronico1
Comercio electronico1Comercio electronico1
Comercio electronico1
 
Comercio electronico1
Comercio electronico1Comercio electronico1
Comercio electronico1
 
Conceptos de Dreamweaver.pptx
Conceptos de Dreamweaver.pptxConceptos de Dreamweaver.pptx
Conceptos de Dreamweaver.pptx
 
Actividad 1
Actividad 1Actividad 1
Actividad 1
 
Presentacion online
Presentacion onlinePresentacion online
Presentacion online
 
ALGORITMOS
ALGORITMOSALGORITMOS
ALGORITMOS
 
Andres vaca rivas_dg
Andres vaca rivas_dgAndres vaca rivas_dg
Andres vaca rivas_dg
 

Último

Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaarkananubis
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativaAdrianaMartnez618894
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...FacuMeza2
 
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...JaquelineJuarez15
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersIván López Martín
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxpabonheidy28
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxJOSEMANUELHERNANDEZH11
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.241514949
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadMiguelAngelVillanuev48
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 
ejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofJuancarlosHuertasNio1
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 

Último (20)

Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en mina
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativa
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
 
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptx
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 
ejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sof
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 

Diseño y Desarrollo Web

  • 1. Informática Educativa Diseño y Desarrollo Web Licenciatura en Informática
  • 2. CONCEPTO Una página web, página electrónica o ciberpágina,1 2 es un documento o información electrónica capaz de contener texto,sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web (WWW) y que puede ser accedida mediante un navegador. Esta información se encuentra generalmente en formato HTML o XHTML.Las páginas web frecuentemente también incluyen otros recursos como pueden ser hojas de estilo en cascada, guiones (scripts), imágenes digitales, entre otros.
  • 3. Diseño Web El diseño web es una actividad que consiste en la planificación, diseño, implementación y mantenimiento de sitios web. No es simplemente la implementación del diseño convencional ya que se abarcan diferentes aspectos como el diseño gráfico web, diseño de interfaz y experiencia de usuario, como la navegabilidad, interactividad,usabilidad, arquitectura de la información; interacción de medios, entre los que podemos mencionar audio, texto, imagen, enlaces, video y la optimización de motores de búsqueda.
  • 4. Desarrollo Web Desarrollo web es un término amplio que define la creación de sitios web para Internet o una intranet. Para conseguirlo se hace uso 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 web a fin de realizar determinadas tareas o mostrar información.
  • 5. Servidor Un servidor es una aplicación en ejecución (software) capaz de atender las peticiones de un cliente y devolverle una respuesta en concordancia. Los servidores se pueden ejecutar en cualquier tipo de computadora, incluso en computadoras dedicadas a las cuales se les conoce individualmente como «el servidor». En la mayoría de los casos una misma computadora puede proveer múltiples servicios y tener varios servidores en funcionamiento. La ventaja de montar un servidor en computadoras dedicadas es la seguridad.
  • 6. Herramientas necesarias Para construir y desarrollar una página web se deben tener en cuenta los siguientes conocimientos previos y herramientas /software para su desarrollo. Teoría del color. Navegador web(mozilla,safari,chrome) Editor de texto(word,bloc de notas,Sublime Text) Servidor Local (xampp,wamp,)
  • 7. Los lenguajes de la Web Al momento de crear un página web ,se usan lenguajes propios que el navegador interpreta y convierte en todo un entorno visual para el ususario estos lenguajes principalmente son: HTML5 CSS Y JAVASCRIPT,estos son lenguajes de lado del cliente.Existen otros lenguajes que se ejecutan directamente en el servidor uno de los más reconocidos es PHP.
  • 8. Editores de código Todo lo que vemos en una página web esta compuesto por números y letras que escritos de forma adecuada generan un código limpio que se transforma en una página web.
  • 9. HTML5 HTML5 es un lenguaje markup (de hecho, las siglas de HTML significan Hyper Text Markup Language) usado para estructurar y presentar el contenido para la web.
  • 10. Estructura Base La sintaxis de HTML5 consta de etiquetas “<>” que construyen lo que se conoce comunmente como esqueleto o maqueta de una página web.
  • 11. CMS Un sistema de gestión de contenidos (en inglés: Content Management System, más conocido por sus siglas CMS) es un programa informático que permite crear una estructura de soporte (framework) para la creación y administración de contenidos, principalmente en páginas web, por parte de los administradores, editores, participantes y demás usuarios.