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
 
Israel blog
Israel blogIsrael blog
Israel blog
 
Dream weaver israel
Dream weaver israelDream weaver israel
Dream weaver israel
 
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
 

Similar a Web informática

Similar a Web informática (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

RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.DaluiMonasterio
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfMaryRotonda1
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptELENA GALLARDO PAÚLS
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docxAleParedes11
 
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxCeciliaGuerreroGonza1
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscaeliseo91
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
Movimientos Precursores de La Independencia en Venezuela
Movimientos Precursores de La Independencia en VenezuelaMovimientos Precursores de La Independencia en Venezuela
Movimientos Precursores de La Independencia en Venezuelacocuyelquemao
 
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxinformacionasapespu
 

Último (20)

RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdf
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fisca
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.
 
Movimientos Precursores de La Independencia en Venezuela
Movimientos Precursores de La Independencia en VenezuelaMovimientos Precursores de La Independencia en Venezuela
Movimientos Precursores de La Independencia en Venezuela
 
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
 
Unidad 4 | Teorías de las Comunicación | MCDI
Unidad 4 | Teorías de las Comunicación | MCDIUnidad 4 | Teorías de las Comunicación | MCDI
Unidad 4 | Teorías de las Comunicación | MCDI
 

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.