1 / 24

Clase 1 DISEÑO DE PÁGINAS WEB

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

lorne
Download Presentation

Clase 1 DISEÑO DE PÁGINAS WEB

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Clase 1DISEÑO DE PÁGINAS WEB

  2. Presentación • Catedrático • Perfil de los estudiantes • Lineamientosgenerales • - Receso (15 min opcional) • - Comida (no se permite en el salón) • - Puntualidad • - NO CELULARES EN CLASE

  3. Presentación • Revisión del programa • Quéveremos en el curso • Qué no veremos en el curso

  4. Mail: luisrojasjr@gmail.com • Y la página del curso: http://www.cursolibre.innovaservicios.com/ • Grupo en facebook

  5. Entrando en materia • Qué es internet?Internet es un conjunto descentralizado de redes de comunicación interconectadas que utilizan la familia de protocolosTCP/IP, garantizando que las redes físicas heterogéneas que la componen funcionen como una red lógica única, de alcance mundial.

  6. 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.

  7. Ahora podemos comprender que internet y la worldwide web no son lo mismo! • Enlace recomendado:http://www.youtube.com/watch?v=SAvF51OTFS0

  8. 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.

  9. 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.

  10. Vuelve a ser útil la imagen…

  11. Sitios web informativos • Presentaninformaciónestándard sin cambiar el contenido de manerapersonalizada para cadavisitante, usando HTML y CSS www.url.edu.gt www.bi.com.gt

  12. 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

  13. 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

  14. 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/

  15. Sitiosseguros: Sitiosqueproveen el cifrado del contenido a utilizarporseguridad, regularmenteutilizadoporinstitucionesfinancieras, tiendasvirtuales, correoelectronico, etc. • http://www.amazon.com/ • https://mail.google.com/mail/?shva=1#inbox

  16. Introducción al HTML

  17. El HTML (Hyper Text Markup Languaje) o lenguaje de marcación de hipertexto, no esmásqueuna forma de escribircontenido de texto, imágenes, videos, etc. dentro de etiquetasquemodificansupresentación. • http://www.youtube.com/watch?v=4XwbwoCBys4

  18. Estructura • <> son usadosparadiferenciar la etiqueta del texto, sin diagonal paraindicarinicio • </> indica el fin de unaetiqueta Supongamosquequeremosindicar un texto en negrilla: <negrilla> cualquiertexto </negrilla>

  19. Otroejemplo, anidandoetiquetas • Texto en italica y negrilla <negrilla> <italica> cualquierotrotexto </italica> </negrilla>

  20. Atributos • Dentrode la indicación de inicio de la etiqueta, se puedenindicarunaserie de atributos o modificadores de la etiqueta de la siguiente forma • <etiquetaatributo=“valor del atributo”>

  21. Ejemplo • Indicarunanegrillade intensidadmediana y parrafocentrado • <parrafoalineación=“centrado” color=“rojo”> • <negrillaintensidad=“mediana”> • otrotexto • </negrilla> • </parrafo> • *notarquedebencerrarse en el ordenque se abren

  22. Estructurabasica… • El HTML tiene un set de etiquetasmínimas y obligatorias, dondeindicamosqueestamosusando HTML, luegounacabeza y un cuerpo de la página web. • <html> • <head> • </head> • <body> • </body> • </html>

More Related