sitio
TRANSCRIPT
Sitio local(nuestro ordenador)
Sitio remotoServidor 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 …
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.
Creación de un sitio webCreación de un sitio web
Abrir el programa Macromedia Dreamweaver y pinchar sitio – nuevo sitio.
Configuración del sitioConfiguración del sitio
Estructura del sitioEstructura del sitioPara 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
Editar textoEditar 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
Algunas etiquetas html (I)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 "definido"
<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
Algunas etiquetas html (II)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
Mapear imágenesMapear imágenes
Crear presentaciones de fotos Crear presentaciones de fotos con con Slide showSlide show..
• Entrar en la dirección: http://www.slide.com
• Pinchar en crea un slide show.
• Pega este código en la pestaña de código html.