• Like
Sesion Nº6  Listas - Comentarios - Diseño - Imagenes y Color en el WWW
Upcoming SlideShare
Loading in...5
×

Sesion Nº6 Listas - Comentarios - Diseño - Imagenes y Color en el WWW

  • 594 views
Uploaded on

Topicos Especiales: Sesion Nº6 Listas - Comentarios - Diseño - Imagenes y Color en el WWW

Topicos Especiales: Sesion Nº6 Listas - Comentarios - Diseño - Imagenes y Color en el WWW

More in: Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
594
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
25
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Sesión 06: Ing. Edgar A. Cruz Huaman INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Listas, Comentarios, Diseño, Imágenes y Color en el WWW.
  • 2. I. Práctica 1:
  • 3. II. Listas en Html
    • Numerada u ordenada.
    • No ordenada.
    • Listas de glosario o de definición.
    • Menús.
    • Listas de directorio.
  • 4. II. Listas No Ordenadas (i)
    • Syntaxis : <UL><li>..</UL>
    • Ejercicio:
  • 5. II. Listas Ordenadas (ii)
    • Syntaxis: <OL><li>…</OL>
    • Ejercicio:
  • 6. II. Listas de Glosario (iii)
    • Syntaxis: <DL><dt><dd>…</DL>
    • Ejercicio:
  • 7. II. Listas de Menu y Directorio (iii)
    • Syntaxis:
      • <MENU><li>…</MENU>
      • <DIR><li>…</DIR>
  • 8. II. Anidamiento de Listas
  • 9. III. Comentarios en HTML
    • Syntaxis: <!-- Esto es un Comentario -->
  • 10. IV. Diseño Gráfico
    • Adobe Creative Suite
      • Photoshop
      • Freehand
      • Illustrator
      • InDesign
      • Dreamweaver
    • Otras compañías
      • Corel Draw
      • Xara Xtreme
      • Inkscape
      • XaraLX
      • GIMP
      • Sodipodi
  • 11. V. Imagen (con y sin animación)
    • Gráficos vectoriales (SVG, SWF, PDF, …)
    • Gráficos randerizados (BMP, JPEG, GIF, TIFF, PNG,…)
    • Parámetros de un imagen.
      • Profundidad (nº bits utilizados para representar el
      • color).
      • Tamaño (píxels, cm,)  Número de bytes
      • Formatos
        • Compatibilidad y migración
      • Algoritmos de comprensión con y sin pérdida de
      • calidad.
  • 12. VI. Ejemplo de Profundidades
  • 13. VII. Tamaño de una Imagen
  • 14. VIII. Gráficos vectoriales:
    • Gráficos bidimensionales formados por puntos, líneas y curvas generados a partir de fórmulas matemáticas.
    • Admiten escalados sin pérdida de calidad
    • Ideal para figuras, diagramas, esquemas (dibujos simples).
  • 15. IX. Gráficos rasterizados:
    • Imágenes formadas por una malla de puntos (pixels), con información sobre cada píxel.
    • Admiten escalados pero con pérdida de calidad
    • Comparativamente ocupan mayor tamaño que los gráficos vectoriales
    • Ideal para imágenes con gran variedad de colores (fotografías)
  • 16. X. Gráfico rasterizado vs vectorial
  • 17. XI. Usando color en el WWW.
  • 18. XII. Cómo cambiar la apariencia de una página.
    • Color de fondo: <body bgcolor=&quot;#RRGGBB&quot;>
      • <body bgcolor=&quot;#RRGGBB&quot;> = <body bgcolor=&quot;#0000FF&quot;>
  • 19. XIII. Color del texto y Links.
  • 20. XIV. Color del texto y Links (i)
  • 21. XV. Imágenes de fondo
    • <body background=&quot;fondo1.jpg&quot;>
  • 22. XVI. Imágenes y Texto.
  • 23. XVII. Alineamiento de imágenes.
        • Align=top
        • Align=middle
        • Align=bottom
        • Align=right
        • Align =left
  • 24. XVIII. Como terminar el texto envolvente.
    • Atributo Clear de la etiqueta <BR>.
      • <br clear=“left&quot;>
      • <br clear=“right&quot;>
      • <br clear=&quot;all&quot;>
  • 25. XIX. Márgenes alrededor de las imágenes.
    • <img src=&quot;fondo.bmp&quot; align=“left&quot; vspace=35 hspace=35>
  • 26. XX. Enlace a Imágenes.
    • Usamos: <a href=“”></a>
  • 27. XXI. Borde de las imágenes
    • Atributo BORDER
  • 28. XXII. Borde de las imágenes (i)
  • 29. XXIII. Modificando el tamaño de las imágenes
    • Atributos: Width & Height
  • 30. XXIV. El atributo ALT
  • 31. XXV. Pasos para crear una Página Web compleja (WebSite)
    • Planificación.
    • Secciones de la página.
    • Uniformidad de las páginas.
  • 32. PREGUNTAS?