clase 1 diseÑo de pÁginas web
DESCRIPTION
Clase 1 DISEÑ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 - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Clase 1 DISEÑO DE PÁGINAS WEB](https://reader035.vdocuments.co/reader035/viewer/2022062218/56815d3b550346895dcb3fb2/html5/thumbnails/1.jpg)
CLASE 1DISEÑO DE PÁGINAS WEB
![Page 2: Clase 1 DISEÑO DE PÁGINAS WEB](https://reader035.vdocuments.co/reader035/viewer/2022062218/56815d3b550346895dcb3fb2/html5/thumbnails/2.jpg)
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
![Page 3: Clase 1 DISEÑO DE PÁGINAS WEB](https://reader035.vdocuments.co/reader035/viewer/2022062218/56815d3b550346895dcb3fb2/html5/thumbnails/3.jpg)
Presentación Revisión del programa
Qué veremos en el curso
Qué no veremos en el curso
![Page 4: Clase 1 DISEÑO DE PÁGINAS WEB](https://reader035.vdocuments.co/reader035/viewer/2022062218/56815d3b550346895dcb3fb2/html5/thumbnails/4.jpg)
Mail: [email protected] Y la página del curso:
http://www.cursolibre.innovaservicios.com/
Grupo en facebook
![Page 5: Clase 1 DISEÑO DE PÁGINAS WEB](https://reader035.vdocuments.co/reader035/viewer/2022062218/56815d3b550346895dcb3fb2/html5/thumbnails/5.jpg)
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.
![Page 6: Clase 1 DISEÑO DE PÁGINAS WEB](https://reader035.vdocuments.co/reader035/viewer/2022062218/56815d3b550346895dcb3fb2/html5/thumbnails/6.jpg)
![Page 7: Clase 1 DISEÑO DE PÁGINAS WEB](https://reader035.vdocuments.co/reader035/viewer/2022062218/56815d3b550346895dcb3fb2/html5/thumbnails/7.jpg)
![Page 8: Clase 1 DISEÑO DE PÁGINAS WEB](https://reader035.vdocuments.co/reader035/viewer/2022062218/56815d3b550346895dcb3fb2/html5/thumbnails/8.jpg)
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.
![Page 9: Clase 1 DISEÑO DE PÁGINAS WEB](https://reader035.vdocuments.co/reader035/viewer/2022062218/56815d3b550346895dcb3fb2/html5/thumbnails/9.jpg)
Ahora podemos comprender que internet y la world wide web no son lo mismo!
Enlace recomendado:http://www.youtube.com/watch?v=SAvF51OTFS0
![Page 10: Clase 1 DISEÑO DE PÁGINAS WEB](https://reader035.vdocuments.co/reader035/viewer/2022062218/56815d3b550346895dcb3fb2/html5/thumbnails/10.jpg)
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.
![Page 11: Clase 1 DISEÑO DE PÁGINAS WEB](https://reader035.vdocuments.co/reader035/viewer/2022062218/56815d3b550346895dcb3fb2/html5/thumbnails/11.jpg)
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.
![Page 12: Clase 1 DISEÑO DE PÁGINAS WEB](https://reader035.vdocuments.co/reader035/viewer/2022062218/56815d3b550346895dcb3fb2/html5/thumbnails/12.jpg)
Vuelve a ser útil la imagen…
![Page 13: Clase 1 DISEÑO DE PÁGINAS WEB](https://reader035.vdocuments.co/reader035/viewer/2022062218/56815d3b550346895dcb3fb2/html5/thumbnails/13.jpg)
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
![Page 14: Clase 1 DISEÑO DE PÁGINAS WEB](https://reader035.vdocuments.co/reader035/viewer/2022062218/56815d3b550346895dcb3fb2/html5/thumbnails/14.jpg)
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
![Page 15: Clase 1 DISEÑO DE PÁGINAS WEB](https://reader035.vdocuments.co/reader035/viewer/2022062218/56815d3b550346895dcb3fb2/html5/thumbnails/15.jpg)
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
![Page 16: Clase 1 DISEÑO DE PÁGINAS WEB](https://reader035.vdocuments.co/reader035/viewer/2022062218/56815d3b550346895dcb3fb2/html5/thumbnails/16.jpg)
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/
![Page 17: Clase 1 DISEÑO DE PÁGINAS WEB](https://reader035.vdocuments.co/reader035/viewer/2022062218/56815d3b550346895dcb3fb2/html5/thumbnails/17.jpg)
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
![Page 18: Clase 1 DISEÑO DE PÁGINAS WEB](https://reader035.vdocuments.co/reader035/viewer/2022062218/56815d3b550346895dcb3fb2/html5/thumbnails/18.jpg)
Introducción al HTML
![Page 19: Clase 1 DISEÑO DE PÁGINAS WEB](https://reader035.vdocuments.co/reader035/viewer/2022062218/56815d3b550346895dcb3fb2/html5/thumbnails/19.jpg)
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
![Page 20: Clase 1 DISEÑO DE PÁGINAS WEB](https://reader035.vdocuments.co/reader035/viewer/2022062218/56815d3b550346895dcb3fb2/html5/thumbnails/20.jpg)
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>
![Page 21: Clase 1 DISEÑO DE PÁGINAS WEB](https://reader035.vdocuments.co/reader035/viewer/2022062218/56815d3b550346895dcb3fb2/html5/thumbnails/21.jpg)
Otro ejemplo, anidando etiquetas Texto en italica y negrilla
<negrilla> <italica> cualquier otro texto </italica></negrilla>
![Page 22: Clase 1 DISEÑO DE PÁGINAS WEB](https://reader035.vdocuments.co/reader035/viewer/2022062218/56815d3b550346895dcb3fb2/html5/thumbnails/22.jpg)
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”>
![Page 23: Clase 1 DISEÑO DE PÁGINAS WEB](https://reader035.vdocuments.co/reader035/viewer/2022062218/56815d3b550346895dcb3fb2/html5/thumbnails/23.jpg)
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
![Page 24: Clase 1 DISEÑO DE PÁGINAS WEB](https://reader035.vdocuments.co/reader035/viewer/2022062218/56815d3b550346895dcb3fb2/html5/thumbnails/24.jpg)
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>