Sitio

937 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
937
On SlideShare
0
From Embeds
0
Number of Embeds
55
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Sitio

  1. 1. Sitio local (nuestro ordenador) Sitio remoto Servidor de páginas web de Educamadrid Transmisión de ficheros a través de programas de FTP Conexión telefónica Web_centro Web_centro Editor de html Navegador: Mozilla Firefox Internet Explorer …
  2. 2. Tipos de archivos más frecuentes a utilizar en nuestro sitio web: . html Se visualiza con Internet Explorer. . . html Se visualiza con Mozilla Firefox. . pdf Archivo para incluir textos que no puedan modificar. . jpg Archivo de imagen. . gif Archivo de imagen. . swf Archivo de animación con Flash. . wmv Archivo de video. . mp3 Archivo de audio.
  3. 3. Creación de un sitio web <ul><li>Abrir el programa Macromedia Dreamweaver y pinchar sitio – nuevo sitio. </li></ul>
  4. 4. Configuración del sitio
  5. 5. Estructura del sitio Para conectar de sitio local al remoto Para obtener archivos del sitio remoto al local Para subir archivos del sitio local al remoto Archivo principal o de inicio Archivo editable
  6. 6. Editar texto Cambiar la fuente Cambiar el tamaño de la fuente Cambiar el color de la fuente Vincula o enlaza a otras páginas http:www.google.es Marco de destino del vínculo Cambia el color de fondo de la página
  7. 7. Algunas etiquetas html (I) Apertura Cierre Atributo Significado <a> </a> Establece un vínculo href Dirección del vínculo target Establece el destino del vínculo: _blank, _self, _top, _parent, o &quot;definido&quot; <b> </b> Texto en negrita <blockquote> </blockquote> Sangrado <body> </body> Parte visible en pantalla del documento background Para colocar una imagen de fondo bgcolor Para colocar un color de fondo <br> Salto de línea <center> </center> Centra en horizontal <font> </font> Fuente size Tamaño de la fuente face Tipo de letra
  8. 8. Algunas etiquetas html (II) Apertura Cierre Atributo Significado <html> </html> Apertura y cierre de código <img> Inserta una imagen alt Texto alternativo height Altura de la imagen width Anchura de la imagen src Establece que imagen se va a insertar <i> </i> Letra cursiva <p> Párrafo nuevo <table> </table> Inserta una tabla align Alinea la tabla: center, right, left <td> </td> Celda de una tabla <tr> </tr> Fila de una tabla <title> </title> Estable el nombre del documento. <u> </u> Subrayado
  9. 9. Mapear imágenes
  10. 10. Crear presentaciones de fotos con Slide show . <ul><li>Entrar en la dirección: http://www.slide.com </li></ul><ul><li>Pinchar en crea un slide show. </li></ul><ul><li>Pega este código en la pestaña de código html. </li></ul>

×