CLASE 1DISEÑO DE PÁGINAS WEB

Presentación Catedrático

Perfil de los estudiantes

Lineamientos generales - Receso (15 min opcional) - Comida (no se permite en el salón) - Puntualidad - NO CELULARES EN CLASE

Presentación Revisión del programa

Qué veremos en el curso

Qué no veremos en el curso

Mail: luisrojasjr@gmail.com Y la página del curso:

http://www.cursolibre.innovaservicios.com/

Grupo en facebook

Entrando en materia Qué es internet?

Internet es un conjunto descentralizado de redes de comunicación interconectadas que utilizan la familia de protocolos TCP/IP, garantizando que las redes físicas heterogéneas que la componen funcionen como una red lógica única, de alcance mundial.

Qué es la WWW?En informática, la World Wide Web, cuya traducción podría ser Red Global Mundial o "Red de Amplitud Mundial", es un sistema de documentos de hipertexto y/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 texto, imágenes, videos u otros contenidos multimedia, y navega a través de ellas usando hiperenlaces.

Ahora podemos comprender que internet y la world wide web no son lo mismo!

Enlace recomendado:http://www.youtube.com/watch?v=SAvF51OTFS0

Concepto y tipos de servidor:

En informática, un servidor es un tipo de software que realiza ciertas tareas en nombre de los usuarios. El término servidor ahora también se utiliza para referirse al ordenador físico en el cual funciona ese software, una máquina cuyo propósito es proveer datos de modo que otras máquinas puedan utilizar esos datos.

Los servidores web, servidores de correo y servidores de bases de datos son a lo que tiene acceso la mayoría de usuarios de Internet.

Vuelve a ser útil la imagen…

Sitios web informativos

Presentan información estándard sin cambiar el contenido de manera personalizada para cada visitante, usando HTML y CSS

www.url.edu.gtwww.bi.com.gt

Tipos de páginas web Catálogos con almacenamiento: Existen

muchos lenguajes de programación que son la base para la mayoría de páginas web dinámicas. Las que destacamos aquí son los lenguajes PHP y ASP. Estos lenguajes permiten una perfecta estructuración del contenido.

www.prensalibre.com.gt www.gpautos.net

Portal. Es un sitio web que en su página principal permite el acceso a múltiples secciones que, por lo general, son foros, chats, cuentas de correo, buscador, acceso registrado para obtener ciertas ventajas, las últimas noticias de actualidad, un sinfín de recursos para brindar al usuario la mejor experiencia de búsqueda para una temática en particular o para una temática muy amplia.

https://www.bienlinea.bi.com.gt/?complete=true

Página Web con Gestor de Contenidos. Se trata de un sitio web cuyo contenido se actualiza a través de un panel de gestión por parte del administrador del sitio. Este panel de gestión suele ser muy intuitivo y fácil de usar. En aquellas páginas web que requieran una actualización constante se suele incorporar este panel de gestión para que pueda controlarse día a día por parte del cliente. Ejemplos de ello son foros y blogs.

http://lapapila.blogspot.com/

http://www.velocidadmaxima.com/forum/

Sitios seguros: Sitios que proveen el cifrado del contenido a utilizar por seguridad, regularmente utilizado por instituciones financieras, tiendas virtuales, correo electronico, etc.

http://www.amazon.com/

https://mail.google.com/mail/?shva=1#inbox

Introducción al HTML

El HTML (Hyper Text Markup Languaje) o lenguaje de marcación de hiper texto, no es más que una forma de escribir contenido de texto, imágenes, videos, etc. dentro de etiquetas que modifican su presentación.

http://www.youtube.com/watch?v=4XwbwoCBys4

Estructura <> son usados para diferenciar la

etiqueta del texto, sin diagonal para indicar inicio

</> indica el fin de una etiquetaSupongamos que queremos indicar un texto en negrilla:<negrilla> cualquier texto </negrilla>

Otro ejemplo, anidando etiquetas Texto en italica y negrilla

<negrilla> <italica> cualquier otro texto </italica></negrilla>

Atributos Dentro de la indicación de inicio de la

etiqueta, se pueden indicar una serie de atributos o modificadores de la etiqueta de la siguiente forma

<etiqueta atributo=“valor del atributo”>

Ejemplo Indicar una negrilla de intensidad mediana y

parrafo centrado <parrafo alineación=“centrado”

color=“rojo”> <negrilla intensidad=“mediana”> otro texto </negrilla> </parrafo> *notar que deben cerrarse en el orden que se

abren

Estructura basica… El HTML tiene un set de etiquetas mínimas y obligatorias,

donde indicamos que estamos usando HTML, luego una cabeza y un cuerpo de la página web.

<html> <head> </head> <body> </body> </html>