REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve...

24
REPASO…

Transcript of REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve...

Page 1: REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve para modelar texto y agregarle funciones especiales (por.

REPASO…

Page 2: REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve para modelar texto y agregarle funciones especiales (por.

HTML(HyperText Mark-up Languaje)

Lenguaje de Marcas de Hipertexto

Lenguaje que sirve para modelar texto y agregarle funciones especiales (por ej. hipervínculos). Es la base para la creación de páginas web tradicionales.

Page 3: REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve para modelar texto y agregarle funciones especiales (por.

HYPERTEXTO

Es todo documento que está vinculado (hipervínculo) con otros documentos a través de enlaces (links). Al ingresar a ese enlace se puede acceder al documento enlazado.

También pueden ser vínculos al mismo documento, sólo que a otra posición.

Page 4: REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve para modelar texto y agregarle funciones especiales (por.

LINK

Conexión de una página web con otra mediante una palabra que representa una dirección de Internet (url). Generalmente un enlace está subrayado y es azul. También sirve para descarga de ficheros, abrir ventanas, etc.

Page 5: REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve para modelar texto y agregarle funciones especiales (por.

URL: (Uniform Resource Locator - Localizador Uniforme de Recursos).

Forma de organizar la información en la web.

Una URL es una dirección que permite acceder a un archivo o recurso. Se trata de una cadena de caracteres que identifica cada recurso disponible en la WWW.

Page 6: REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve para modelar texto y agregarle funciones especiales (por.

HTTP(HyperText Transfer Protocol).

Protocolo usado para acceder a la Web. Se encarga de procesar y dar respuestas a las peticiones para visualizar una página web.

Además sirve para el envío de información adicional como el envío de formularios con mensajes, etc.

El HTTP está basado en el modelo cliente-servidor, en donde un cliente HTTP (un navegador por ejemplo) abre una conexión y realizar una solicitud al servidor. Este responde a la petición con un recurso (texto, gráfico, etc) o un mensaje de error, y finalmente se cierra la conexión.

Page 7: REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve para modelar texto y agregarle funciones especiales (por.

Es el prototipo estándar de comunicaciones en red utilizadas para conectar sistemas informativos a través de Internet.

TCP-IP

(PROTOCOLO DE CONTROL DE TRANSMISIONES/ PROTOCOLO

INTERNET)

Page 8: REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve para modelar texto y agregarle funciones especiales (por.

Herramienta que permite a través de la red copiar ficheros de un ordenador a otro sin importar donde están localizados estos ordenadores, y si usan o no el mismo sistema operativo.

FTP: (File Transfer Protocol)

Protocolo de Transferencia de Archivos

Page 9: REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve para modelar texto y agregarle funciones especiales (por.

DOMINIO

Nombre único que permite ingresar a un servidor sin saber la dirección IP exacta donde se encuentra. El servidor suele prestar servicios, especialmente el acceso a un sitio web.

Conjunto de letras (dos o más caracteres) que determinan el ámbito o país de una página web.

Page 10: REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve para modelar texto y agregarle funciones especiales (por.

Dominios más utilizadosDominios más utilizadosDominios más utilizadosDominios más utilizadosEdu: Centros educacionales.Com: Compañías comerciales.Mil: Instituciones militares.Gov: Instituciones gubernamentales.Net: Compañías que dan servicios de red.Org: Organizaciones no gubernamentales.Mx: Dominio de México.Cu: Dominio de Cuba.

Edu: Centros educacionales.Com: Compañías comerciales.Mil: Instituciones militares.Gov: Instituciones gubernamentales.Net: Compañías que dan servicios de red.Org: Organizaciones no gubernamentales.Mx: Dominio de México.Cu: Dominio de Cuba.

Page 11: REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve para modelar texto y agregarle funciones especiales (por.

SERVIDOR WEB

Servidor que se dedica a prestar servicios relacionados a la WWW, especialmente para que un sitio web esté disponible en internet.

Además de la computadora y la conexión a internet, el sistema debe contar con una serie de programas básicos para dar servicio web.

Page 12: REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve para modelar texto y agregarle funciones especiales (por.
Page 13: REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve para modelar texto y agregarle funciones especiales (por.

PAGINA WEB

Fuente de información compatible con la WWW y que puede ser accedida a través de un navegador en internet.

Por lo general se presentan en formato que les da forma llamado HTML.

Page 14: REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve para modelar texto y agregarle funciones especiales (por.

ELEMENTOS DE UNA PAGINA WEB

Texto: Contenido escrito del documento.

Banners: propagandas mediante carteles o banners, estos pueden ser cuadrados o rectangulares, muy vistosos y generalmente se encuentran en la parte superior de la página.

Imágenes: Se busca un equilibrio entre la velocidad y la calidad, si la pagina tiene muchas imágenes será lenta al cargar y si tiene pocas tendrá apariencia pobre.

Page 15: REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve para modelar texto y agregarle funciones especiales (por.

ELEMENTOS DE UNA PAGINA WEB

Hipervínculos: Son enlaces o links que nos vinculan con otras partes de la página o con otras páginas. Se debe oprimir el botón izquierdo del ratón sobre uno de estos vínculos para "navegar" hacia otra parte.

Frames: Marcos independientes entre sí. Muchas páginas tienen un pequeño frames donde se ubican enlaces o links.

Page 16: REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve para modelar texto y agregarle funciones especiales (por.

ELEMENTOS DE UNA PAGINA WEB

Fondos: Imágenes de baja resolución que no siempre se usan, pero que sirven para embellecer la página.

Otros Gráficos: Los títulos, botones, líneas de separación etc. son gráficos opcionales que pueden realzar la página.

Page 17: REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve para modelar texto y agregarle funciones especiales (por.

PÁGINA WEB PRINCIPAL

Es la primera página web que se visualiza al ingresar a un sitio web. Generalmente no es necesario escribir el nombre de la página web principal para acceder a esta.

Por ejemplo, la dirección URL www.alegsa.com.ar, automáticamente muestra la página principal como si se entrara en ella directamente a través de www.alegsa.com.ar/index.php.

La página principal suele llamarse "index" y tener la extension .htm, .html, .php, etc.

Por lo general, las páginas principales contienen un resumen del sitio web o la sección del sitio web al que pertenecen.

Page 18: REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve para modelar texto y agregarle funciones especiales (por.

SITIO WEB

páginas web que están relacionadas entre sí, por lo general porque se ingresan desde un mismo dominio (o porque mantienen constante la raíz de la dirección URL). Un sitio web puede estar constituido de una o más páginas web.

Page 19: REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve para modelar texto y agregarle funciones especiales (por.

TIPOS DE SITIO WEB

Sitio weblog (o blog): sitio usado para registrar lecturas online o para exponer diarios en línea; puede incluir foros de discusión. Ejemplos: Blogger, LiveJournal, WordPress.

Sitio de empresa: usado para promocionar una empresa o servicio.

Sitio de comercio electrónico: para comprar bienes, como Amazon.com.

Page 20: REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve para modelar texto y agregarle funciones especiales (por.

Sitio de comunidad virtual: un sitio social donde las personas con intereses similares se comunican unos con otros, normalmente por chat o foros o simples mensajes. Por ejemplo: MySpace, Facebook, Hi5, otros. Sitio de descargas: Sitio usado para descargar contenido electrónico, como software, juegos o fondos de escritorio: Download, Softonic, otros.

Sitio personal: Mantenido por una persona o un pequeño grupo que contiene información o cualquier contenido que la persona quiere incluir: Facebook, Fotolog

TIPOS DE SITIO WEB

Page 21: REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve para modelar texto y agregarle funciones especiales (por.

Wiki: un sitio donde los usuarios editan colaborativamente (por ejemplo Wikipedia).

Sitios educativos: promueven cursos presenciales y a distancia, información a profesores y estudiantes, permiten ver o descargar contenidos de asignaturas o temas.

TIPOS DE SITIO WEB

Page 22: REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve para modelar texto y agregarle funciones especiales (por.
Page 23: REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve para modelar texto y agregarle funciones especiales (por.

A veces se utiliza erróneamente el término página web para referirse a sitio web.

Una página web es parte de un sitio web y es un único archivo con un nombre de archivo asignado, mientras que un sitio web es un conjunto de archivos llamados páginas web.

Page 24: REPASO…. HTML (HyperText Mark-up Languaje) Lenguaje de Marcas de Hipertexto Lenguaje que sirve para modelar texto y agregarle funciones especiales (por.

EjemploSi lo comparáramos con un libro, un sitio web sería el libro entero y una página web de ese sitio web sería un capítulo de ese libro. El título del libro sería el nombre del dominio del sitio web. Un capítulo, al igual que una página web, tiene un nombre que lo define. Decimos que sería un capítulo y no una página del libro porque a menudo es necesario desplazarse hacia bajo en la pantalla para ver todo el contenido de una página web, al igual que en un libro te desplazas a través de varias páginas para ver todo el contenido de un capítulo. El índice de los capítulos del libro sería el equivalente al mapa del sitio web.