SlideShare uma empresa Scribd logo
1 de 32
Al término de la lección, el alumno entiende el concepto de un
proyecto web y los elementos necesarios para su publicación.
Además, crea un mapa de navegación y el wireframe de la página de
inicio.
 Generalidades
• Internet
• Servidor web
• Hosting y dominios
• Navegadores
 Etapas de un proyecto web
• Mapa de Sitio y Wireframe
INTERNET Conjunto de computadoras, o servidores, conectados en una RED DE
REDES MUNDIAL, que comparten un mismo protocolo de comunicación, y
que presentan SERVICIOS a las computadoras que se conectan a esa red.
EL SERVIDOR WEB La principal función de un servidor Web es almacenar los archivos de un sitio y emitirlos
por Internet para poder ser visitado por los usuarios. Básicamente, un servidor Web es una
gran computadora que guarda y transmite datos vía Internet.
HOSTING
 El alojamiento web (en inglés web hosting) es el servicio que
provee a los usuarios de Internet un sistema para poder almacenar
información, imágenes, vídeo, o cualquier contenido accesible vía
Web. Es una analogía de hospedaje o alojamiento en hoteles o habitaciones
donde uno ocupa un lugar específico.
http://www.hostingperu.com.pe/
http://www.inkawebdesign.com/hosting.php
DOMINIOUn dominio es un nombre de servidor en Internet que
facilita recordar de forma más sencilla la dirección IP, por
ejemplo www.cibertec.edu.pe todos los servidores y
páginas de Internet tienen una dirección numérica que se
conoce como dirección IP (Protocolo de Internet), que para
nuestro ejemplo seria: 200.0.118.6
Los dominios fueron creados para evitar el que
tuviéramos que recordar las direcciones numéricas de las
páginas y servidores web.
BUSCADOR DE DOMINIOS http://yachay.pe/?tema=dominios
BUSCADOR DE DOMINIOS http://www.dominioslibres.info/
NAVEGADORES WEB
 Es un programa que permite visualizar la información que
contiene una página web.
 El navegador interpreta el código, HTML generalmente, en el que
está escrita la página web y lo presenta en pantalla permitiendo al
usuario interactuar con su contenido y navegar hacia otros lugares de
la red mediante enlaces o hipervínculos.
http://gs.statcounter.com
HTML HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el
lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir
la estructura y el contenido en forma de texto, así como para complementar el texto con
objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por
corchetes angulares (<,>).
SINTAXIS HTML
ETAPAS DE UN PROYECTO
WEB
http://www.youtube.com/watch?v=kVD62B-TixI
ETAPAS DE UN PROYECTO
WEB
ARQUITECTURA DE
INFORMACIÓN
 Árbol de navegación: Mapa de Sitio
 Wireframe: Representación esquemática de una página web sin elementos gráficos que
muestran contenido
MAPA DE SITIO
 Representación gráfica o textual de un sitio web. El mapa de un sitio web puede ser un
documento que se utiliza para planificar el diseño de la web, o puede ser una página web
donde se listan todas o las más importantes páginas web de un sitio (generalmente organizadas
de alguna manera).
http://writemaps.com
http://www.lovelycharts.com/web
WIREFRAME
 En diseño web, un wireframe es una representación esquemática
de una página web sin elementos gráficos que muestran contenido y
comportamiento de las páginas. Sirven como herramienta de
comunicación y discusión entre arquitectos de
información, programadores, diseñadores y clientes.
http://lumzy.com
http://www.mockflow.com
WEBS DE TURISMO
(MUESTRAS)
 http://www.australia.com/es-la/
 http://www.holland.com/es/turista.htm
 http://mx.canada.travel/
 http://www.hellobc.com.mx/?CC=MX
 http://www.visitmalta.com/main?l=8
 http://www.southafrica.net/sat/content/ag/ar/spanish-home
 http://www.tahiti-tourisme.es/home.php?etabid=3

Mais conteúdo relacionado

Mais procurados

diseño web zareth quintero
diseño web zareth quinterodiseño web zareth quintero
diseño web zareth quintero
Angie Roman
 
Que es una pagina web
Que es una pagina webQue es una pagina web
Que es una pagina web
jorgek47
 
2 Nociones Basicas De Inte
2 Nociones Basicas De Inte2 Nociones Basicas De Inte
2 Nociones Basicas De Inte
alexander314
 

Mais procurados (18)

Páginas web introduccion
Páginas web introduccionPáginas web introduccion
Páginas web introduccion
 
Arles
ArlesArles
Arles
 
Paginas web
Paginas webPaginas web
Paginas web
 
Web 1.0
Web 1.0Web 1.0
Web 1.0
 
Diseño web
Diseño webDiseño web
Diseño web
 
conceptos tics
conceptos ticsconceptos tics
conceptos tics
 
1. terminologia: conceptos basicos
1. terminologia: conceptos basicos1. terminologia: conceptos basicos
1. terminologia: conceptos basicos
 
diseño web zareth quintero
diseño web zareth quinterodiseño web zareth quintero
diseño web zareth quintero
 
Paginas web
Paginas webPaginas web
Paginas web
 
Sitio web diapositivas
Sitio  web diapositivasSitio  web diapositivas
Sitio web diapositivas
 
Introduccion a la tecnologia web
Introduccion a la tecnologia webIntroduccion a la tecnologia web
Introduccion a la tecnologia web
 
Que es una pagina web
Que es una pagina webQue es una pagina web
Que es una pagina web
 
2 Nociones Basicas De Inte
2 Nociones Basicas De Inte2 Nociones Basicas De Inte
2 Nociones Basicas De Inte
 
Melissa presentacion
Melissa presentacionMelissa presentacion
Melissa presentacion
 
Fundamentos de Desarrollo Web
Fundamentos de Desarrollo Web Fundamentos de Desarrollo Web
Fundamentos de Desarrollo Web
 
La pagina web
La pagina webLa pagina web
La pagina web
 
pagina web
pagina webpagina web
pagina web
 
Unidad II
Unidad IIUnidad II
Unidad II
 

Destaque (9)

presentacion de contenidos en web.
presentacion de contenidos en web.presentacion de contenidos en web.
presentacion de contenidos en web.
 
dominios y alojamientos web
dominios y alojamientos webdominios y alojamientos web
dominios y alojamientos web
 
Licencias utilizadas en publicacion de sitio web
Licencias utilizadas en publicacion de sitio webLicencias utilizadas en publicacion de sitio web
Licencias utilizadas en publicacion de sitio web
 
Calendario 20 curso intensivo aspectos jurídicos del e-commerce argentina-...
Calendario   20 curso intensivo aspectos jurídicos del e-commerce argentina-...Calendario   20 curso intensivo aspectos jurídicos del e-commerce argentina-...
Calendario 20 curso intensivo aspectos jurídicos del e-commerce argentina-...
 
Alojamiento de páginas web
Alojamiento de páginas webAlojamiento de páginas web
Alojamiento de páginas web
 
Publicacion de contenidos en web[1]
Publicacion de contenidos en web[1]Publicacion de contenidos en web[1]
Publicacion de contenidos en web[1]
 
Publicacion de contenidos web
Publicacion de contenidos webPublicacion de contenidos web
Publicacion de contenidos web
 
Directivas en html
Directivas en htmlDirectivas en html
Directivas en html
 
Alojamiento web(hosting)
Alojamiento web(hosting)Alojamiento web(hosting)
Alojamiento web(hosting)
 

Semelhante a Ofimática semana 01

Michael steven
Michael stevenMichael steven
Michael steven
Jhohan Cx
 
Yeison fabian
Yeison fabianYeison fabian
Yeison fabian
Jhohan Cx
 
Juan sebastian
Juan sebastianJuan sebastian
Juan sebastian
Jhohan Cx
 
[MP] AEW_Semana_01 - Teoría.pptx
[MP] AEW_Semana_01 - Teoría.pptx[MP] AEW_Semana_01 - Teoría.pptx
[MP] AEW_Semana_01 - Teoría.pptx
Daniel Noriega
 
Jhohan nicolai
Jhohan nicolaiJhohan nicolai
Jhohan nicolai
Jhohan Cx
 
carlos cuesta diapositivas pagina web
carlos cuesta diapositivas pagina webcarlos cuesta diapositivas pagina web
carlos cuesta diapositivas pagina web
bigbeto
 
ntic diapositivas
ntic diapositivasntic diapositivas
ntic diapositivas
bigbeto
 
1.- Introdución Diseño web .pptx
1.- Introdución  Diseño web .pptx1.- Introdución  Diseño web .pptx
1.- Introdución Diseño web .pptx
PercySenz
 

Semelhante a Ofimática semana 01 (20)

Actividad6
Actividad6Actividad6
Actividad6
 
Michael steven
Michael stevenMichael steven
Michael steven
 
CONCEPTOS WEB
CONCEPTOS WEBCONCEPTOS WEB
CONCEPTOS WEB
 
Yeison fabian
Yeison fabianYeison fabian
Yeison fabian
 
Juan sebastian
Juan sebastianJuan sebastian
Juan sebastian
 
[MP] AEW_Semana_01 - Teoría.pptx
[MP] AEW_Semana_01 - Teoría.pptx[MP] AEW_Semana_01 - Teoría.pptx
[MP] AEW_Semana_01 - Teoría.pptx
 
Recursos Web 2.0
Recursos Web 2.0Recursos Web 2.0
Recursos Web 2.0
 
Jhohan nicolai
Jhohan nicolaiJhohan nicolai
Jhohan nicolai
 
carlos cuesta diapositivas pagina web
carlos cuesta diapositivas pagina webcarlos cuesta diapositivas pagina web
carlos cuesta diapositivas pagina web
 
Introducción Diseño Web
Introducción Diseño WebIntroducción Diseño Web
Introducción Diseño Web
 
ntic diapositivas
ntic diapositivasntic diapositivas
ntic diapositivas
 
Jesica Contreras Pinzon
Jesica Contreras Pinzon Jesica Contreras Pinzon
Jesica Contreras Pinzon
 
El origen-de-las-paginas-web-final
El origen-de-las-paginas-web-finalEl origen-de-las-paginas-web-final
El origen-de-las-paginas-web-final
 
Manulka3
Manulka3Manulka3
Manulka3
 
Páginas Web
Páginas WebPáginas Web
Páginas Web
 
Comercio electronico1
Comercio electronico1Comercio electronico1
Comercio electronico1
 
Comercio electronico1
Comercio electronico1Comercio electronico1
Comercio electronico1
 
04_2_PRESENTACIÓN_reconocimiento_web.pptx
04_2_PRESENTACIÓN_reconocimiento_web.pptx04_2_PRESENTACIÓN_reconocimiento_web.pptx
04_2_PRESENTACIÓN_reconocimiento_web.pptx
 
1.- Introdución Diseño web .pptx
1.- Introdución  Diseño web .pptx1.- Introdución  Diseño web .pptx
1.- Introdución Diseño web .pptx
 
Paginas web
Paginas webPaginas web
Paginas web
 

Último

TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
jlorentemartos
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
amelia poma
 

Último (20)

TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
Sesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdfSesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdf
 
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdfFICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
 
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por Valores
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
AEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxAEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptx
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdf
 
Los dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la VerdadLos dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la Verdad
 
Lecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigosLecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigos
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
 
Novena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan EudesNovena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan Eudes
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
 
La Evaluacion Formativa SM6 Ccesa007.pdf
La Evaluacion Formativa SM6  Ccesa007.pdfLa Evaluacion Formativa SM6  Ccesa007.pdf
La Evaluacion Formativa SM6 Ccesa007.pdf
 
prostitución en España: una mirada integral!
prostitución en España: una mirada integral!prostitución en España: una mirada integral!
prostitución en España: una mirada integral!
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 

Ofimática semana 01

  • 1. Al término de la lección, el alumno entiende el concepto de un proyecto web y los elementos necesarios para su publicación. Además, crea un mapa de navegación y el wireframe de la página de inicio.
  • 2.  Generalidades • Internet • Servidor web • Hosting y dominios • Navegadores  Etapas de un proyecto web • Mapa de Sitio y Wireframe
  • 3.
  • 4. INTERNET Conjunto de computadoras, o servidores, conectados en una RED DE REDES MUNDIAL, que comparten un mismo protocolo de comunicación, y que presentan SERVICIOS a las computadoras que se conectan a esa red.
  • 5.
  • 6. EL SERVIDOR WEB La principal función de un servidor Web es almacenar los archivos de un sitio y emitirlos por Internet para poder ser visitado por los usuarios. Básicamente, un servidor Web es una gran computadora que guarda y transmite datos vía Internet.
  • 7.
  • 8. HOSTING  El alojamiento web (en inglés web hosting) es el servicio que provee a los usuarios de Internet un sistema para poder almacenar información, imágenes, vídeo, o cualquier contenido accesible vía Web. Es una analogía de hospedaje o alojamiento en hoteles o habitaciones donde uno ocupa un lugar específico.
  • 10.
  • 11. DOMINIOUn dominio es un nombre de servidor en Internet que facilita recordar de forma más sencilla la dirección IP, por ejemplo www.cibertec.edu.pe todos los servidores y páginas de Internet tienen una dirección numérica que se conoce como dirección IP (Protocolo de Internet), que para nuestro ejemplo seria: 200.0.118.6 Los dominios fueron creados para evitar el que tuviéramos que recordar las direcciones numéricas de las páginas y servidores web.
  • 12. BUSCADOR DE DOMINIOS http://yachay.pe/?tema=dominios
  • 13. BUSCADOR DE DOMINIOS http://www.dominioslibres.info/
  • 14.
  • 15. NAVEGADORES WEB  Es un programa que permite visualizar la información que contiene una página web.  El navegador interpreta el código, HTML generalmente, en el que está escrita la página web y lo presenta en pantalla permitiendo al usuario interactuar con su contenido y navegar hacia otros lugares de la red mediante enlaces o hipervínculos.
  • 16.
  • 18.
  • 19. HTML HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>).
  • 21. ETAPAS DE UN PROYECTO WEB http://www.youtube.com/watch?v=kVD62B-TixI
  • 22. ETAPAS DE UN PROYECTO WEB
  • 23. ARQUITECTURA DE INFORMACIÓN  Árbol de navegación: Mapa de Sitio  Wireframe: Representación esquemática de una página web sin elementos gráficos que muestran contenido
  • 24. MAPA DE SITIO  Representación gráfica o textual de un sitio web. El mapa de un sitio web puede ser un documento que se utiliza para planificar el diseño de la web, o puede ser una página web donde se listan todas o las más importantes páginas web de un sitio (generalmente organizadas de alguna manera). http://writemaps.com http://www.lovelycharts.com/web
  • 25.
  • 26.
  • 27. WIREFRAME  En diseño web, un wireframe es una representación esquemática de una página web sin elementos gráficos que muestran contenido y comportamiento de las páginas. Sirven como herramienta de comunicación y discusión entre arquitectos de información, programadores, diseñadores y clientes. http://lumzy.com http://www.mockflow.com
  • 28.
  • 29.
  • 30.
  • 31.
  • 32. WEBS DE TURISMO (MUESTRAS)  http://www.australia.com/es-la/  http://www.holland.com/es/turista.htm  http://mx.canada.travel/  http://www.hellobc.com.mx/?CC=MX  http://www.visitmalta.com/main?l=8  http://www.southafrica.net/sat/content/ag/ar/spanish-home  http://www.tahiti-tourisme.es/home.php?etabid=3