SlideShare una empresa de Scribd logo
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

PPTX
Programacion web
PPTX
Contenidos o nodos de informacion tipo html
PPTX
Introduccion a la programacion web
PPTX
Códigos html
PPT
Programación web
PPT
Programacion web
PPTX
Deberdp
PPTX
Taller html
Programacion web
Contenidos o nodos de informacion tipo html
Introduccion a la programacion web
Códigos html
Programación web
Programacion web
Deberdp
Taller html

La actualidad más candente (17)

PPT
Desarrollo web
PPTX
Lenguajes de programación web
PPTX
ELEMENTOS DE LA WEB
PPTX
Deberdp
PPTX
Publicar en internet 1
DOC
Lenguajes de programación
PPTX
Israel blog
PPTX
Dream weaver israel
PPTX
Diseño de paginas y buscadores
PPTX
Debpablo
PPTX
Powerpointjim
PPT
Alam vergara
PPTX
Evaluacion parcial
PPTX
Lenguaje de programación web
PPTX
Lenguajes de programación web
PPTX
Front end y Back-end
Desarrollo web
Lenguajes de programación web
ELEMENTOS DE LA WEB
Deberdp
Publicar en internet 1
Lenguajes de programación
Israel blog
Dream weaver israel
Diseño de paginas y buscadores
Debpablo
Powerpointjim
Alam vergara
Evaluacion parcial
Lenguaje de programación web
Lenguajes de programación web
Front end y Back-end
Publicidad

Similar a Web informática (20)

PPTX
Diseño y edición de páginas web 1
PPTX
Michael steven
PPTX
Juan sebastian
PPTX
Yeison fabian
PPTX
Jhohan nicolai
PPTX
Presentacion de informatica
PDF
Introducción al Desarrollo Web - Argentina Programa
PPTX
Presentación1
PPTX
La web alejandra acevedo 10-2
PPTX
Actividad6
PPTX
Pagina web
PPTX
Cristian presentacion
PPTX
Navegar por la web
PPTX
Diseño de paginas web
PPTX
Comercio electronico1
PPTX
Comercio electronico1
PPTX
Conceptos de Dreamweaver.pptx
DOCX
Actividad 1
DOC
Presentacion online
PPTX
ALGORITMOS
Diseño y edición de páginas web 1
Michael steven
Juan sebastian
Yeison fabian
Jhohan nicolai
Presentacion de informatica
Introducción al Desarrollo Web - Argentina Programa
Presentación1
La web alejandra acevedo 10-2
Actividad6
Pagina web
Cristian presentacion
Navegar por la web
Diseño de paginas web
Comercio electronico1
Comercio electronico1
Conceptos de Dreamweaver.pptx
Actividad 1
Presentacion online
ALGORITMOS
Publicidad

Último (20)

PPTX
caso clínico iam clinica y semiología l3.pptx
PDF
La Evaluacion Formativa en Nuevos Escenarios de Aprendizaje UGEL03 Ccesa007.pdf
PDF
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
PDF
Crear o Morir - Andres Oppenheimer Ccesa007.pdf
PDF
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
PDF
Romper el Circulo de la Creatividad - Colleen Hoover Ccesa007.pdf
PDF
COMUNICACION EFECTIVA PARA LA EDUCACION .pdf
DOCX
V UNIDAD - SEGUNDO GRADO. del mes de agosto
DOCX
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
PDF
SESION 12 INMUNIZACIONES - CADENA DE FRÍO- SALUD FAMILIAR - PUEBLOS INDIGENAS...
PDF
Didactica de la Investigacion Educativa SUE Ccesa007.pdf
PPT
Cosacos y hombres del Este en el Heer.ppt
DOCX
III Ciclo _ Plan Anual 2025.docx PARA ESTUDIANTES DE PRIMARIA
DOCX
Tarea De El Colegio Coding For Kids 1 y 2
PDF
Conecta con la Motivacion - Brian Tracy Ccesa007.pdf
DOCX
PROYECTO DE APRENDIZAJE para la semana de fiestas patrias
PDF
Tomo 1 de biologia gratis ultra plusenmas
PDF
Salvese Quien Pueda - Andres Oppenheimer Ccesa007.pdf
PDF
Habitos de Ricos - Juan Diego Gomez Ccesa007.pdf
PPTX
AGENTES PATÓGENOS Y LAS PRINCIPAL ENFERMEAD.pptx
caso clínico iam clinica y semiología l3.pptx
La Evaluacion Formativa en Nuevos Escenarios de Aprendizaje UGEL03 Ccesa007.pdf
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
Crear o Morir - Andres Oppenheimer Ccesa007.pdf
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
Romper el Circulo de la Creatividad - Colleen Hoover Ccesa007.pdf
COMUNICACION EFECTIVA PARA LA EDUCACION .pdf
V UNIDAD - SEGUNDO GRADO. del mes de agosto
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
SESION 12 INMUNIZACIONES - CADENA DE FRÍO- SALUD FAMILIAR - PUEBLOS INDIGENAS...
Didactica de la Investigacion Educativa SUE Ccesa007.pdf
Cosacos y hombres del Este en el Heer.ppt
III Ciclo _ Plan Anual 2025.docx PARA ESTUDIANTES DE PRIMARIA
Tarea De El Colegio Coding For Kids 1 y 2
Conecta con la Motivacion - Brian Tracy Ccesa007.pdf
PROYECTO DE APRENDIZAJE para la semana de fiestas patrias
Tomo 1 de biologia gratis ultra plusenmas
Salvese Quien Pueda - Andres Oppenheimer Ccesa007.pdf
Habitos de Ricos - Juan Diego Gomez Ccesa007.pdf
AGENTES PATÓGENOS Y LAS PRINCIPAL ENFERMEAD.pptx

Web informática

  • 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.