adobe dreamweaver cs6 –mi sitio...

Colegio Miguel Ángel Buonarroti Curso: Computación

Profesor: Mg. Carlos A. Huamán Terrazas 1

Adobe Dreamweaver CS6 – Mi Sitio WebMg. Carlos Antonio Huamán Terrazas.

Presentación

Una de las reglas que se debe respetar en la creación de un Sitio Web es ordenarlar páginas web y los archivos a utilizar en dicho sitio.

Sitio Web. Es un conjunto de páginas web ordenadas jerárquicamente bajo unamisma dirección Web (URL). Este grupo de páginas se entrelazan entre sí pormedio de los enlaces o hipervínculos.



Operaciones iniciales para configurar un Sitio Web

Diseñar una página web. En un Sitio Web se encuentran alojadosjerárquicamente muchos tipos de archivos que integran la web site comoarchivos html, jpg, png, mp3, entre otros. Por lo que cada tipo de archivo sealmacenará en carpetas diferentes y para tal proceso realiza la siguienteestructura de carpetas desde el explorador de Windows.


Crear un Sitio Web.

Definir nombre del Sitio

Ubicar carpetas que son nuestros repositorios




Configurar ventana Administrador de Sitios.

Mi Sitio Web

Hacer clic para editar el Sitio Web

Formato del sitio


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 Editar el 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.



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 Webdeben 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.



Ingresar texto a la página Web

Abre la página INDEX.HTML que creaste hace un momento

Incluir etiqueta <marque> para el título

Insertar imágenes

Cuando trabajas una página Web, es muy importante insertar imágenes, esto haceque la página web sea mucho más vistosa y capture la atención del usuario queesta navegando en ella.



Reglas horizontales

Esta herramienta sirve para separar y organizar la información que se encuentra enel cuerpo del documento de la página Web.

Caracteres especiales

Dreamweaver posee una herramienta que te permitirá insertar caracteresespeciales de forma rápida, como por ejemplo la de Marca Registrada o elCopyright.



Operaciones básicas

Cambia el título de la página Web. Cada página web posee una barra de título ysobre ella hay un texto o descripción breve que contiene información del tema dela página web, este título de la página web es usado por los motores de búsquedapara 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 textodentro de la misma página, de una página a otra del mismo Sitio o bien de unapágina a otra ubicada en cualquier parte de la web, también se les conoce comohiperenlaces o link.

_blank Abre el documento vinculado en una ventananueva del navegador.

_parentAbre el documento vinculado en la ventanadel marco que contiene el vinculo en elconjunto de marcos padre.

_selfEs la opción predeterminada o por defecto.Abre el documento vinculado en el mismomarco o ventana que el vínculo

_top Abre el documento vinculado en la ventanacompleta del navegador.



Ejercicio

Crear un hipervínculo

Selecciona el texto que será hipervínculo



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:



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.

pagina01.htmlindex.html


pagina01.html

Ubica el cursor donde irá tu hipervínculo de anclaje




Index.html

Hipervínculos hacia imágenes



Colores de vínculos

adobe dreamweaver cs6 –mi sitio...

Documents