Sitio

8
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

Transcript of Sitio

Page 1: Sitio

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 …

Page 2: Sitio

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.

Page 3: Sitio

Creación de un sitio web

Abrir el programa Macromedia Dreamweaver y pinchar sitio – nuevo sitio.

Page 4: Sitio

Configuración del sitio

Page 5: Sitio

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

Page 6: Sitio

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

Page 7: Sitio

Algunas etiquetas html (I)

Salto de línea<br>

Centra en horizontal</center><center>

Fuente</font><font>

Tamaño de la fuentesize

face

bgcolor

background

target

href

Atributo

<body>

<blockquote>

<b>

<a>

Apertura

Tipo de letra

Para colocar un color de fondo

Para colocar una imagen de fondo

Parte visible en pantalla del documento</body>

Sangrado</blockquote>

Texto en negrita</b>

Establece el destino del vínculo: _blank, _self, _top, _parent, o "definido"

Dirección del vínculo

Establece un vínculo</a>

SignificadoCierre

Page 8: Sitio

Algunas etiquetas html (II)

Alinea la tabla: center, right, leftalign

Apertura y cierre de código</html><html>

Letra cursiva</i><i>

Fila de una tabla</tr><tr>

Estable el nombre del documento. </title><title>

Subrayado</u><u>

src

width

height

alt

Atributo

<td>

<table>

<p>

<img>

Apertura

Celda de una tabla</td>

Inserta una tabla</table>

Párrafo nuevo

Establece que imagen se va a insertar

Anchura de la imagen

Altura de la imagen

Texto alternativo

Inserta una imagen

SignificadoCierre