ofimática semana 01
DESCRIPTION
tema ofimaticaTRANSCRIPT
![Page 1: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/1.jpg)
LOGRO DE LA SEMANA 01
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.
![Page 2: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/2.jpg)
TEMARIOGeneralidades
• Internet• Servidor web• Hosting y dominios• Navegadores
Etapas de un proyecto web• Mapa de Sitio y Wireframe
![Page 3: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/3.jpg)
![Page 4: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/4.jpg)
INTERNETConjunto 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.
![Page 5: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/5.jpg)
![Page 6: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/6.jpg)
EL SERVIDOR WEBLa 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.
![Page 7: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/7.jpg)
![Page 8: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/8.jpg)
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.
![Page 9: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/9.jpg)
http://www.hostingperu.com.pe/http://www.inkawebdesign.com/hosting.php
![Page 10: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/10.jpg)
![Page 11: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/11.jpg)
DOMINIOUn 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.
![Page 14: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/14.jpg)
![Page 15: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/15.jpg)
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.
![Page 16: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/16.jpg)
![Page 18: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/18.jpg)
![Page 19: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/19.jpg)
HTMLHTML, 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 (<,>).
![Page 20: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/20.jpg)
SINTAXIS HTML
![Page 21: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/21.jpg)
ETAPAS DE UN PROYECTO WEB
http://www.youtube.com/watch?v=kVD62B-TixI
![Page 22: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/22.jpg)
ETAPAS DE UN PROYECTO WEB
![Page 23: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/23.jpg)
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
![Page 24: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/24.jpg)
MAPA DE SITIORepresentació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
![Page 25: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/25.jpg)
![Page 26: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/26.jpg)
![Page 27: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/27.jpg)
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
![Page 28: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/28.jpg)
![Page 29: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/29.jpg)
![Page 30: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/30.jpg)
![Page 31: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/31.jpg)
![Page 32: Ofimática semana 01](https://reader037.vdocuments.net/reader037/viewer/2022102706/557b3e3cd8b42a6d698b4ffc/html5/thumbnails/32.jpg)
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