Post on 03-Oct-2018
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.
Colegio Miguel Ángel Buonarroti Curso: Computación
Profesor: Mg. Carlos A. Huamán Terrazas 2
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.
Operaciones iniciales para configurar un Sitio Web
Crear un Sitio Web.
Definir nombre del Sitio
Ubicar carpetas que son nuestros repositorios
Colegio Miguel Ángel Buonarroti Curso: Computación
Profesor: Mg. Carlos A. Huamán Terrazas 3
Operaciones iniciales para configurar un Sitio Web
Configurar ventana Administrador de Sitios.
Mi Sitio Web
Hacer clic para editar el Sitio Web
Formato del sitio
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 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.
Colegio Miguel Ángel Buonarroti Curso: Computación
Profesor: Mg. Carlos A. Huamán Terrazas 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 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.
Colegio Miguel Ángel Buonarroti Curso: Computación
Profesor: Mg. Carlos A. Huamán Terrazas 5
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.
Colegio Miguel Ángel Buonarroti Curso: Computación
Profesor: Mg. Carlos A. Huamán Terrazas 6
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.
Colegio Miguel Ángel Buonarroti Curso: Computación
Profesor: Mg. Carlos A. Huamán Terrazas 7
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.
Colegio Miguel Ángel Buonarroti Curso: Computación
Profesor: Mg. Carlos A. Huamán Terrazas 8
Ejercicio
Crear un hipervínculo
Selecciona el texto que será hipervínculo
Colegio Miguel Ángel Buonarroti Curso: Computación
Profesor: Mg. Carlos A. Huamán Terrazas 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:
Colegio Miguel Ángel Buonarroti Curso: Computación
Profesor: Mg. Carlos A. Huamán Terrazas 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.
pagina01.htmlindex.html
Hipervínculos de anclaje
pagina01.html
Ubica el cursor donde irá tu hipervínculo de anclaje
Colegio Miguel Ángel Buonarroti Curso: Computación
Profesor: Mg. Carlos A. Huamán Terrazas 11
Hipervínculos de anclaje
Index.html
Hipervínculos hacia imágenes