SlideShare una empresa de Scribd logo
1 de 13
María Paula Gómez Sánchez
10-2
Cód.: 08
WORLD WIDE WEB
La World Wide Web es un
sistema de distribución de
información basado
en hipertexto o hipermedios
enlazados y accesibles a través
de Internet. Con un navegador
web, un usuario visualiza sitios
web compuestos de páginas
web que pueden contener
textos, imágenes, vídeos u
otros contenidos multimedia, y
navega a través de esas páginas
usando hiperenlaces.
HIPERTEXTO
El hipertexto es una
herramienta
de software con
estructura no
secuencial que
permite
crear, agregar, enlaza
r y compartir
información de
diversas fuentes por
medio de enlaces
asociativos.
HIPERMEDIA
Hipermedia es el término con el
que se designa al conjunto de
métodos o procedimientos para
escribir, diseñar o componer
contenidos que integren
soportes tales como:
texto, imagen, video, audio, map
as y otros soportes de
información emergentes, de tal
modo que el resultado
obtenido, además tenga la
posibilidad de interactuar con
los usuarios.
UN DOCUMENTO WEB O
PAGINA WEB
Un documento web o
pagina web es el
nombre de
un documento o
información electrónica
adaptada para la World
Wide Web y que puede
ser accedida mediante
un navegador .
CONTENIDO DE UNA PAGINA
WEB
Una página web contiene
principalmente 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.
SITIO WEB
Un sitio web es una
colección de páginas de
internet relacionadas y
comunes a un dominio de
internet o subdominio en
la World Wide
Web en Internet.
EDITOR DE PAGINAS
WEB
Un editor de páginas
web es una aplicación
diseñada con el fin de
facilitar la creación y
edición de documentos
HTML o XHTML. Su
complejidad puede variar
desde la de un simple
editor de
texto plano, entornos W
YSIWYG, hasta editores
WYSIWYM.
REQUISITOS PARA
TENER UNA PAGINA WEB
 Registrar un dominio
web
 Diseñar su pagina web
 Contratar un servicio
de hospedaje web
(hosting)
 Programación
DIFERENCIA ENTRE PAGINAS
WEB DINÁMICAS Y
ESTÁTICAS.
Paginas web dinámicas:
Se construyen haciendo uso
de otros lenguajes de
programación, siendo el
más utilizado de todos el
PHP, con lo cual podemos
definir las funciones
y características que se
deben cumplir de acuerdo a
nuestras necesidades.
Paginas web estáticas:
Son páginas enfocadas
principalmente a mostrar una
información permanente, se
crean mediante el lenguaje
HTML, que NO permite
grandes libertades para crear
efectos o funcionalidades más
allá de los enlaces, pero que
haciendo uso de otros
recursos se pueden obtener
muy buenos resultados
llegando a ser páginas muy
similares a las dinámicas en
cuando a su visualización se
refiere.
LENGUAJE DE PROGRAMACIÓN
Un lenguaje de
programación es
un idioma
artificial diseñado para
expresar procesos que
pueden ser llevados a
cabo por máquinas como
las computadoras.
Diseño web

Más contenido relacionado

La actualidad más candente

El diseño de la web
El diseño de la webEl diseño de la web
El diseño de la websilviaxi21
 
ntic diapositivas
ntic diapositivasntic diapositivas
ntic diapositivasbigbeto
 
Shirley
ShirleyShirley
Shirleykarla
 
Diseño web
Diseño webDiseño web
Diseño webYandreiM
 
TECNOLOGÍA WEB
TECNOLOGÍA WEBTECNOLOGÍA WEB
TECNOLOGÍA WEBJoe Florez
 
Silvana castellanos 10 4
Silvana castellanos 10 4Silvana castellanos 10 4
Silvana castellanos 10 4castellanossl
 
Briggitti 2013 informatica 10 4
Briggitti 2013  informatica 10 4Briggitti 2013  informatica 10 4
Briggitti 2013 informatica 10 4briggitti
 
A2páginas w3o1crisaldinuevocelso
A2páginas w3o1crisaldinuevocelsoA2páginas w3o1crisaldinuevocelso
A2páginas w3o1crisaldinuevocelsoKrizaldiNC
 
Presentacion Pagina Web
Presentacion Pagina Web Presentacion Pagina Web
Presentacion Pagina Web Julieth Ortiz
 
Que es una pagina web
Que es una pagina webQue es una pagina web
Que es una pagina webjorgek47
 
La pagina web
La pagina webLa pagina web
La pagina weblixuz20
 
Presentación1 web 20 final
Presentación1 web 20 finalPresentación1 web 20 final
Presentación1 web 20 finalLoretho_upss
 
Presentación1 web 20
Presentación1 web 20Presentación1 web 20
Presentación1 web 20orly_1989
 

La actualidad más candente (19)

El diseño de la web
El diseño de la webEl diseño de la web
El diseño de la web
 
ntic diapositivas
ntic diapositivasntic diapositivas
ntic diapositivas
 
Conceptos sobre la web
Conceptos sobre la webConceptos sobre la web
Conceptos sobre la web
 
Trabajo de paguina web
Trabajo de paguina webTrabajo de paguina web
Trabajo de paguina web
 
Shirley
ShirleyShirley
Shirley
 
La web 2.0 tatiana ramirez
La web 2.0 tatiana ramirezLa web 2.0 tatiana ramirez
La web 2.0 tatiana ramirez
 
Diseño web
Diseño webDiseño web
Diseño web
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
TECNOLOGÍA WEB
TECNOLOGÍA WEBTECNOLOGÍA WEB
TECNOLOGÍA WEB
 
Silvana castellanos 10 4
Silvana castellanos 10 4Silvana castellanos 10 4
Silvana castellanos 10 4
 
Briggitti 2013 informatica 10 4
Briggitti 2013  informatica 10 4Briggitti 2013  informatica 10 4
Briggitti 2013 informatica 10 4
 
A2páginas w3o1crisaldinuevocelso
A2páginas w3o1crisaldinuevocelsoA2páginas w3o1crisaldinuevocelso
A2páginas w3o1crisaldinuevocelso
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Presentacion Pagina Web
Presentacion Pagina Web Presentacion Pagina Web
Presentacion Pagina Web
 
Que es una pagina web
Que es una pagina webQue es una pagina web
Que es una pagina web
 
La pagina web
La pagina webLa pagina web
La pagina web
 
Wed 2.0
Wed 2.0Wed 2.0
Wed 2.0
 
Presentación1 web 20 final
Presentación1 web 20 finalPresentación1 web 20 final
Presentación1 web 20 final
 
Presentación1 web 20
Presentación1 web 20Presentación1 web 20
Presentación1 web 20
 

Destacado

Carrera De Submarinos
Carrera De SubmarinosCarrera De Submarinos
Carrera De Submarinosgueste1187d8
 
περιβαλλοντική ομάδα 19ου γυμνασίου
περιβαλλοντική ομάδα 19ου γυμνασίουπεριβαλλοντική ομάδα 19ου γυμνασίου
περιβαλλοντική ομάδα 19ου γυμνασίουTsormpatzoglou Nestor
 
Pmbok Guide 5 th Edition
Pmbok  Guide 5 th EditionPmbok  Guide 5 th Edition
Pmbok Guide 5 th EditionPoonam Anand
 
Tribus urbanas compu2b
Tribus urbanas compu2bTribus urbanas compu2b
Tribus urbanas compu2bdcuesta98
 
C spelic screencast
C spelic screencastC spelic screencast
C spelic screencastcspelic
 
Kick-off Crowdfunding - 18 april
Kick-off Crowdfunding - 18 aprilKick-off Crowdfunding - 18 april
Kick-off Crowdfunding - 18 aprilGijsbert Koren
 
28 oct2012
28 oct201228 oct2012
28 oct2012gymnasio
 
CILIP Policy Seminar - Privacy & the library & information sectors
CILIP Policy Seminar - Privacy & the library & information sectorsCILIP Policy Seminar - Privacy & the library & information sectors
CILIP Policy Seminar - Privacy & the library & information sectorsCILIP
 
ΡΟΜΠΟΤΙΚΗ
ΡΟΜΠΟΤΙΚΗΡΟΜΠΟΤΙΚΗ
ΡΟΜΠΟΤΙΚΗmagieA
 
Linguagens Especificas de Dominio
Linguagens Especificas de DominioLinguagens Especificas de Dominio
Linguagens Especificas de DominioLuiz Araujo
 
ρομποτικη με τον ευκλειδη
ρομποτικη με τον ευκλειδηρομποτικη με τον ευκλειδη
ρομποτικη με τον ευκλειδηTsormpatzoglou Nestor
 
Macroambiente Calçadista 2016
Macroambiente Calçadista 2016 Macroambiente Calçadista 2016
Macroambiente Calçadista 2016 João Quadros
 
Navvia's DevOps journey
Navvia's DevOps journeyNavvia's DevOps journey
Navvia's DevOps journeyNavvia
 
ΤΟ ΠΑΙΧΝΙΔΙ ΣΤΗΝ ΑΡΧΑΙΑ ΕΛΛΑΔΑ
ΤΟ ΠΑΙΧΝΙΔΙ ΣΤΗΝ ΑΡΧΑΙΑ ΕΛΛΑΔΑΤΟ ΠΑΙΧΝΙΔΙ ΣΤΗΝ ΑΡΧΑΙΑ ΕΛΛΑΔΑ
ΤΟ ΠΑΙΧΝΙΔΙ ΣΤΗΝ ΑΡΧΑΙΑ ΕΛΛΑΔΑmagieA
 
La Triada trágica: Sufrimiento, Culpa, Muerte, Según Viktor Frankl
La Triada trágica: Sufrimiento, Culpa, Muerte,  Según Viktor FranklLa Triada trágica: Sufrimiento, Culpa, Muerte,  Según Viktor Frankl
La Triada trágica: Sufrimiento, Culpa, Muerte, Según Viktor FranklGerardo Viau Mollinedo
 

Destacado (20)

Rational HATS and HIS v8 Overview
Rational HATS and HIS v8 OverviewRational HATS and HIS v8 Overview
Rational HATS and HIS v8 Overview
 
Fotos
FotosFotos
Fotos
 
Carrera De Submarinos
Carrera De SubmarinosCarrera De Submarinos
Carrera De Submarinos
 
Sena induccion
Sena induccionSena induccion
Sena induccion
 
περιβαλλοντική ομάδα 19ου γυμνασίου
περιβαλλοντική ομάδα 19ου γυμνασίουπεριβαλλοντική ομάδα 19ου γυμνασίου
περιβαλλοντική ομάδα 19ου γυμνασίου
 
Pmbok Guide 5 th Edition
Pmbok  Guide 5 th EditionPmbok  Guide 5 th Edition
Pmbok Guide 5 th Edition
 
Tribus urbanas compu2b
Tribus urbanas compu2bTribus urbanas compu2b
Tribus urbanas compu2b
 
C spelic screencast
C spelic screencastC spelic screencast
C spelic screencast
 
My school
My schoolMy school
My school
 
Kick-off Crowdfunding - 18 april
Kick-off Crowdfunding - 18 aprilKick-off Crowdfunding - 18 april
Kick-off Crowdfunding - 18 april
 
28 oct2012
28 oct201228 oct2012
28 oct2012
 
Informática en la televisión y la radio
Informática en la televisión y la radioInformática en la televisión y la radio
Informática en la televisión y la radio
 
CILIP Policy Seminar - Privacy & the library & information sectors
CILIP Policy Seminar - Privacy & the library & information sectorsCILIP Policy Seminar - Privacy & the library & information sectors
CILIP Policy Seminar - Privacy & the library & information sectors
 
ΡΟΜΠΟΤΙΚΗ
ΡΟΜΠΟΤΙΚΗΡΟΜΠΟΤΙΚΗ
ΡΟΜΠΟΤΙΚΗ
 
Linguagens Especificas de Dominio
Linguagens Especificas de DominioLinguagens Especificas de Dominio
Linguagens Especificas de Dominio
 
ρομποτικη με τον ευκλειδη
ρομποτικη με τον ευκλειδηρομποτικη με τον ευκλειδη
ρομποτικη με τον ευκλειδη
 
Macroambiente Calçadista 2016
Macroambiente Calçadista 2016 Macroambiente Calçadista 2016
Macroambiente Calçadista 2016
 
Navvia's DevOps journey
Navvia's DevOps journeyNavvia's DevOps journey
Navvia's DevOps journey
 
ΤΟ ΠΑΙΧΝΙΔΙ ΣΤΗΝ ΑΡΧΑΙΑ ΕΛΛΑΔΑ
ΤΟ ΠΑΙΧΝΙΔΙ ΣΤΗΝ ΑΡΧΑΙΑ ΕΛΛΑΔΑΤΟ ΠΑΙΧΝΙΔΙ ΣΤΗΝ ΑΡΧΑΙΑ ΕΛΛΑΔΑ
ΤΟ ΠΑΙΧΝΙΔΙ ΣΤΗΝ ΑΡΧΑΙΑ ΕΛΛΑΔΑ
 
La Triada trágica: Sufrimiento, Culpa, Muerte, Según Viktor Frankl
La Triada trágica: Sufrimiento, Culpa, Muerte,  Según Viktor FranklLa Triada trágica: Sufrimiento, Culpa, Muerte,  Según Viktor Frankl
La Triada trágica: Sufrimiento, Culpa, Muerte, Según Viktor Frankl
 

Similar a Diseño web

Qué es world wide web
Qué es world wide webQué es world wide web
Qué es world wide webLauJaim
 
Introduccion al diseño web
Introduccion al                                 diseño webIntroduccion al                                 diseño web
Introduccion al diseño webdianayroman
 
Silvana castellanos 10 4
Silvana castellanos 10 4Silvana castellanos 10 4
Silvana castellanos 10 4castellanossl
 
La web alejandra acevedo 10-2
La web   alejandra acevedo 10-2La web   alejandra acevedo 10-2
La web alejandra acevedo 10-2Alejandracevedo
 
Presentacion de informatica
Presentacion de informaticaPresentacion de informatica
Presentacion de informaticaalejaflorez
 
Diapositiva diseño web-10-02 Vanessa barbosa
Diapositiva diseño web-10-02  Vanessa barbosaDiapositiva diseño web-10-02  Vanessa barbosa
Diapositiva diseño web-10-02 Vanessa barbosavanessa0414
 
zaida polentino/DISEÑO WEB
zaida polentino/DISEÑO WEB zaida polentino/DISEÑO WEB
zaida polentino/DISEÑO WEB zaidapolentino
 
carlos cuesta diapositivas pagina web
carlos cuesta diapositivas pagina webcarlos cuesta diapositivas pagina web
carlos cuesta diapositivas pagina webbigbeto
 
Presentacion online
Presentacion onlinePresentacion online
Presentacion onlineangie rivera
 
Presentacion diseño web johana mendoza 10-2
Presentacion diseño web johana mendoza 10-2Presentacion diseño web johana mendoza 10-2
Presentacion diseño web johana mendoza 10-2dennisjohana26
 
Las herramientas web-benavides
Las herramientas web-benavidesLas herramientas web-benavides
Las herramientas web-benavidesXDcatica
 
Herramientas web barreto arana
Herramientas web barreto  aranaHerramientas web barreto  arana
Herramientas web barreto arana96022901254
 

Similar a Diseño web (20)

Qué es world wide web
Qué es world wide webQué es world wide web
Qué es world wide web
 
Introduccion al diseño web
Introduccion al                                 diseño webIntroduccion al                                 diseño web
Introduccion al diseño web
 
Silvana castellanos 10 4
Silvana castellanos 10 4Silvana castellanos 10 4
Silvana castellanos 10 4
 
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
 
Referente conceptual
Referente conceptualReferente conceptual
Referente conceptual
 
Melissa presentacion
Melissa presentacionMelissa presentacion
Melissa presentacion
 
Presentacion de informatica
Presentacion de informaticaPresentacion de informatica
Presentacion de informatica
 
Diapositiva diseño web-10-02 Vanessa barbosa
Diapositiva diseño web-10-02  Vanessa barbosaDiapositiva diseño web-10-02  Vanessa barbosa
Diapositiva diseño web-10-02 Vanessa barbosa
 
zaida polentino/DISEÑO WEB
zaida polentino/DISEÑO WEB zaida polentino/DISEÑO WEB
zaida polentino/DISEÑO WEB
 
ALGORITMOS
ALGORITMOSALGORITMOS
ALGORITMOS
 
Comunicación.. lucimar
Comunicación.. lucimarComunicación.. lucimar
Comunicación.. lucimar
 
carlos cuesta diapositivas pagina web
carlos cuesta diapositivas pagina webcarlos cuesta diapositivas pagina web
carlos cuesta diapositivas pagina web
 
Presentacion online
Presentacion onlinePresentacion online
Presentacion online
 
Presentacion diseño web johana mendoza 10-2
Presentacion diseño web johana mendoza 10-2Presentacion diseño web johana mendoza 10-2
Presentacion diseño web johana mendoza 10-2
 
Las herramientas web-benavides
Las herramientas web-benavidesLas herramientas web-benavides
Las herramientas web-benavides
 
Herramientas web barreto arana
Herramientas web barreto  aranaHerramientas web barreto  arana
Herramientas web barreto arana
 
Diseño web
Diseño webDiseño web
Diseño web
 
Paginas web
Paginas webPaginas web
Paginas web
 
DISEÑO WEB
DISEÑO WEBDISEÑO WEB
DISEÑO WEB
 

Diseño web

  • 1. María Paula Gómez Sánchez 10-2 Cód.: 08
  • 2. WORLD WIDE WEB La World Wide Web es un sistema de distribución de información basado en hipertexto o hipermedios enlazados y accesibles a través de Internet. Con un navegador web, un usuario visualiza sitios web compuestos de páginas web que pueden contener textos, imágenes, vídeos u otros contenidos multimedia, y navega a través de esas páginas usando hiperenlaces.
  • 3. HIPERTEXTO El hipertexto es una herramienta de software con estructura no secuencial que permite crear, agregar, enlaza r y compartir información de diversas fuentes por medio de enlaces asociativos.
  • 4. HIPERMEDIA Hipermedia es el término con el que se designa al conjunto de métodos o procedimientos para escribir, diseñar o componer contenidos que integren soportes tales como: texto, imagen, video, audio, map as y otros soportes de información emergentes, de tal modo que el resultado obtenido, además tenga la posibilidad de interactuar con los usuarios.
  • 5. UN DOCUMENTO WEB O PAGINA WEB Un documento web o pagina web es el nombre de un documento o información electrónica adaptada para la World Wide Web y que puede ser accedida mediante un navegador .
  • 6. CONTENIDO DE UNA PAGINA WEB Una página web contiene principalmente 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.
  • 7. SITIO WEB Un sitio web es una colección de páginas de internet relacionadas y comunes a un dominio de internet o subdominio en la World Wide Web en Internet.
  • 8. EDITOR DE PAGINAS WEB Un editor de páginas web es una aplicación diseñada con el fin de facilitar la creación y edición de documentos HTML o XHTML. Su complejidad puede variar desde la de un simple editor de texto plano, entornos W YSIWYG, hasta editores WYSIWYM.
  • 9. REQUISITOS PARA TENER UNA PAGINA WEB  Registrar un dominio web  Diseñar su pagina web  Contratar un servicio de hospedaje web (hosting)  Programación
  • 10. DIFERENCIA ENTRE PAGINAS WEB DINÁMICAS Y ESTÁTICAS. Paginas web dinámicas: Se construyen haciendo uso de otros lenguajes de programación, siendo el más utilizado de todos el PHP, con lo cual podemos definir las funciones y características que se deben cumplir de acuerdo a nuestras necesidades.
  • 11. Paginas web estáticas: Son páginas enfocadas principalmente a mostrar una información permanente, se crean mediante el lenguaje HTML, que NO permite grandes libertades para crear efectos o funcionalidades más allá de los enlaces, pero que haciendo uso de otros recursos se pueden obtener muy buenos resultados llegando a ser páginas muy similares a las dinámicas en cuando a su visualización se refiere.
  • 12. LENGUAJE DE PROGRAMACIÓN Un lenguaje de programación es un idioma artificial diseñado para expresar procesos que pueden ser llevados a cabo por máquinas como las computadoras.