Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (18)
Destacado
Similar a 7. dreamweaver practico part1
Similar a 7. dreamweaver practico part1 (20)
7. dreamweaver practico part1
- 1. 1. Conceptos básicos de Dreamweaver 8
- 4. Qué es Dreamweaver 8 • Dreamweaver 8 es un software fácil de usar que permite crear páginas web profesionales. • Las funciones de edición visual de Dreamweaver 8 permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML. • Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript, etc., de una forma muy sencilla y visual. • Además incluye un software de cliente FTP completo, permitiendo entre otras cosas trabajar con mapas visuales de los sitios web, actualizando el sitio web en el servidor sin salir del programa.
- 5. HTML básico • Las páginas que vemos en Internet están escritas utilizando el lenguaje HTML (Hyper Text Markup Language). • Este lenguaje está basado en etiquetas que marcan el inicio y fin de cada elemento de la página Web. • Por ejemplo, el título de la página Web se escribe entre las etiquetas <TITLE> y </TITLE>.
- 6. • Las etiquetas disponen de atributos que permiten definir características del elemento sobre el que actúan. Por ejemplo, <TABLE Border="1"> indica que la tabla tendrá un borde de tipo 1.
- 7. Una página HTML básica tendría el siguiente aspecto: <HTML> <HEAD> <TITLE> Mi primera página web </TITLE> <BODY> <A href:"http://www.ucc.edu.co"> Haz clic aquí para ir a la web</A> resto de la página web </BODY> </HTML>
- 8. • <imgsrc="/nombre_de_tu_carpeta/nombre_d e_tu_foto.jpg" width=140 height=210 border=0 alt="Aquí el nombre de la imagen">
- 9. Listas con viñetas desordenadas escribimos en html se verá como <ul> <li>Primer término de la •Primer término de la lista lista •Segundo término <li>Segundo término •Tercer término <li>Tercer término </ul>
- 10. escribimos en html se verá como <ul> <li type= disc>Primer término de la lista <ul> •Primer término de la lista <li>Sublista • Sublista <li>Otro elemento • Otro elemento </ul> oSegundo término <li type=circle>Segundo §Tercer término término <li type=square>Tercer término </ul>
- 11. Listas con viñetas ordenadas escribimos en html se verá como <ol type=i> <li >Primer término de la i.Primer término de la lista lista ii.Segundo término <li >Segundo término iii.Tercer término <li>Tercer término iv.Cuarto <li>Cuarto v.Quinto <li>Quinto </ol>
- 12. Listas de definición escribimos en html se verá como <dl> <dt >Término 1º <dd>Definición del elemento 1º Término 1ºDefinición del elemento <dt>Término 2º 1ºTérmino 2ºDefinición del elemento <dd>Definición del elemento 2º 2ºTérmino 3ºDefinición del elemento 3º <dt>Término 3º <dd>Definición del elemento 3º </dl>