View
242
Download
1
Category
Preview:
Citation preview
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 …
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 web
Abrir el programa Macromedia Dreamweaver y pinchar sitio – nuevo sitio.
Configuración del 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
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
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
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
Recommended