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
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: [email protected] 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>