Adobe Dreamweaver CS6 Mi Sitio Web

Transcripción

1 Adobe Dreamweaver CS6 Mi Sitio Web Mg. Carlos Antonio Huamán Terrazas. Presentación Una de las reglas que se debe respetar en la creación de un Sitio Web es ordenar lar páginas web y los archivos a utilizar en dicho sitio. Sitio Web. Es un conjunto de páginas web ordenadas jerárquicamente bajo una misma dirección Web (URL). Este grupo de páginas se entrelazan entre sí por medio de los enlaces o hipervínculos. Profesor: Mg. Carlos A. Huamán Terrazas 1

2 Operaciones iniciales para configurar un Sitio Web Diseñar una página web. En un Sitio Web se encuentran alojados jerárquicamente muchos tipos de archivos que integran la web site como archivos html, jpg, png, mp3, entre otros. Por lo que cada tipo de archivo se almacenará en carpetas diferentes y para tal proceso realiza la siguiente estructura de carpetas desde el explorador de Windows. Operaciones iniciales para configurar un Sitio Web Crear un Sitio Web. Definir nombre del Sitio Ubicar carpetas que son nuestros repositorios Profesor: Mg. Carlos A. Huamán Terrazas 2

3 Operaciones iniciales para configurar un Sitio Web Configurar ventana Administrador de Sitios. Mi Sitio Web Formato del sitio Hacer clic para editar el Sitio Web Operaciones iniciales para configurar un Sitio Web a b c d e f g h Botón Nombre del botón Descripción a Eliminar el sitio Elimina el Sitio, mas no los ficheros del sitio. b Editarel sitio Edita el sitio web que se tenga seleccionado. c Duplicar el sitio Duplica el Sitio Web para la creación de otro aprovechando las configuraciones del perímetro. d Exportar el sitio Exporta el sitio en caso de que se quiera utilizar, por ejemplo, en otra computadora. e Importar el sitio Importa un sitio de un archivo de definición de Sitio de Dreamweaver. f Importar Sitio de Business Catalyst Importar un Sitio de Business Catalyst. g Nuevo Sitio Crear un nuevo Sitio h Nuevo Sitio de Business Catalyst Crear un nuevo Sitio de Business Catalyst. Profesor: Mg. Carlos A. Huamán Terrazas 3

4 Operaciones para crear páginas Web desde un Sitio Web Para crear páginas Web, primero debes crear el Sitio Web, luego las páginas Web deben contener enlaces a otras páginas Web, las cuales pueden contener texto, imagen, animación, sonido o video. Crear un documento html en el Sitio Web. Operaciones para crear páginas Web desde un Sitio Web Crear carpetas desde el Sitio Web. Profesor: Mg. Carlos A. Huamán Terrazas 4

5 Ingresar texto a la página Web Abre la página INDEX.HTML quecreastehaceunmomento Incluir etiqueta <marque> para el título Insertar imágenes Cuando trabajas una página Web, es muy importante insertar imágenes, esto hace que la página web sea mucho más vistosa y capture la atención del usuario que esta navegando en ella. Profesor: Mg. Carlos A. Huamán Terrazas 5

6 Reglas horizontales Esta herramienta sirve para separar y organizar la información que se encuentra en el cuerpo del documento de la página Web. Caracteres especiales Dreamweaver posee una herramienta que te permitirá insertar caracteres especiales de forma rápida, como por ejemplo la de Marca Registrada o el Copyright. Profesor: Mg. Carlos A. Huamán Terrazas 6

7 Operaciones básicas Cambia el título de la página Web. Cada página web posee una barra de título y sobre ella hay un texto o descripción breve que contiene información del tema de la página web, este título de la página web es usado por los motores de búsqueda para ser mostrados a los usuario que lo solicitan. Operaciones para crear hipervínculos Hipervínculo. Es un elemento que permite saltar de una parte a otra del texto dentro de la misma página, de una página a otra del mismo Sitio o bien de una página a otra ubicada en cualquier parte de la web, también se les conoce como hiperenlaces o link. _blank Abre el documento vinculado en una ventana nueva del navegador. _self Es la opción predeterminada o por defecto. Abre el documento vinculado en el mismo marco o ventana que el vínculo _parent Abre el documento vinculado en la ventana del marco que contiene el vinculo en el conjunto de marcos padre. _top Abre el documento vinculado en la ventana completa del navegador. Profesor: Mg. Carlos A. Huamán Terrazas 7

8 Ejercicio Crear un hipervínculo Selecciona el texto que será hipervínculo Profesor: Mg. Carlos A. Huamán Terrazas 8

9 Vista en el navegador Hipervínculos hacia una dirección de correo electrónico Si deseas crear un hipervínculo a una dirección de correo electrónico y así poder recibir correos electrónicos a través de tu enlace web, realiza los siguientes pasos: Profesor: Mg. Carlos A. Huamán Terrazas 9

10 Hipervínculos de anclaje Las anclas son marcadores que nos permiten enlazar a una parte concreta de un documento HTML. Cuando hacemos un enlace normal y corriente el navegador visualiza la página enlazada, pero lo hace mostrando el principio de esa página. Si queremos vincular el tercer párrafo de una página necesitaremos usar las anclas. index.html pagina01.html Hipervínculos de anclaje Ubica el cursor donde irá tu hipervínculo de anclaje pagina01.html Profesor: Mg. Carlos A. Huamán Terrazas 10

11 Hipervínculos de anclaje Index.html Hipervínculos hacia imágenes Profesor: Mg. Carlos A. Huamán Terrazas 11

12 Colores de vínculos Profesor: Mg. Carlos A. Huamán Terrazas 12