2.3 Identifica la estructura del Sitio Web

Mi pagina Web.

Primero tienes que crear una carpeta, ahí es donde estará la raíz de mi pagina web, después
se abre Dreamweaver, damos clic en la pantalla inicial Sitio de Dreamweaver
sale una ventana donde pondremos el nombre de nuestro sitio y la carpeta de destino donde
nos dirigimos a la ventana archivo /Administrar sitios/ Ahí se elige el sitio o se crea uno nuevo/ Luego elegimos el estilo de nuestra plantilla y damos clic en crear.

Se crean 2 nuevas carpetas, que son Imágenes y vídeo, dentro de nuestra carpeta del sitio.
Comenzamos a editar y diseñar nuestra página, Para estructurar la página tenemos que estar en diseño la ventaja de Dreamweaver es que ahí ya trae la estructura hecha lo único seria quitar la información que tiene y poner la información de nuestro tema. También se encuentran  diferentes vistas para la creación, en código HTML y en diseño en vivo.

2.2 Realiza una búsqueda en Internet y define los siguientes términos:

Css: Hojas de Estilo en Cascada (Cascading Style Sheets), es un mecanismo simple que describe cómo se va a mostrar un documento en la pantalla.

Maquetación: es un oficio del diseño editorial que se encarga de organizar en un espacio, contenidos escritos, visuales y en algunos casos audiovisuales (multimedia) en medios impresos y electrónicos, como libros, diarios y revistas.

Plantilla en Dreamweaver:  Una plantilla es una estructura en la que hay partes no editables (que no se van a poder modificar) y otras que son modificables para llenarse de contenido.

Contenedor en Dreamweaver: Son los formularios a llenar en una cierta pagina.

Etiqueta Div: son divisiones que se pueden hacer en una página, para permitir aplicarle formato distinto por ejemplo. Entonces las Div son capas, tal como la etiqueta Layer, pero que son aceptadas por todos los navegadores.

Región  editable: son las partes de la página que se pueden cambiar en los archivos basados en esa plantilla. Las regiones bloqueadas (no editables) son las partes del diseño de la página que permanecen constantes de una página a otra.

Comportamientos en Dreamweaver: Los comportamientos son acciones que suceden cuando los usuarios realizan algún evento sobre un objeto, como puede ser mover el ratón sobre una imagen, pulsar sobre un texto, hacer doble clic sobre un mapa de imagen, etc.

Tabla: sirven para organizar datos e imágenes en un archivo HTML. Consisten de tres elementos básicos: filas, columnas y celdas (que surgen de la intersección de una fila con columna). Para crear una tabla debemos hacer clic sobre el botón Insertar tabla (Insert Table) de la paleta de Objetos.

Formulario: permiten interactuar con los visitantes del sitio o recopilar información de ellos. Por ejemplo, puede solicitar el nombre y la dirección de correo electrónico de un usuario o hacer que los visitantes respondan a una encuesta o proporcionen comentarios acerca del sitio.

Formulario de Contacto: Contiene la información más necesaria de una persona , Ejemplo : Nombre , empresa , E-mail  ETC.

2.1 Identificará los elementos principales de la pantalla de DreamWeaver

Actividad 1.7 Uso de etiqueta Img src.

Repoprte 7.

Esta etiqueta permite integrar una imagen a nuestro documento, No la inserta por que la estamos enlazando desde un mismo archivo.

Existen diferentes etiquetas entre ella se encuentra Im y body background :

Y  también inserta una imagen a nuestro documento al igual que img src.

Body background , se utiliza para , insertar una imagen de fondo , a nuestro documento, es decir esta etiqueta permitirá escribir por encima de esa imagen  sin que sufra algún cambio.

Actividad 1.6 Uso de Etiqueta a href

Reporte 6.

La etiqueta a href nos permite introducir un vinculo (Link) es nuestra página web, y esa etiqueta nos llevara al destino del enlace insertado. Los navegadores suelen visualizarlo de una forma subrayada o en color azul.

Se escribe:

<a href="http://www.Yahoo.com/"></a>

Se visualiza.

ACTIVIDAD 1.5 Uso de Efectos

 Reporte 5.

Uso de las etiquetas de estilo de letras.
Estas etiquetas, permiten hacer un texto de una forma más formal y atractiva

-La etiqueta <b> se usa para representar un texto con un estilo de fuente en negrita

Se escribe:

Tipo de letra normal - <b>tipo de letra en negrita</b>

Se visualiza:

Tipo de letra normal - <b>tipo de letra en negrita</b>

-<i>estilo de fuente en itálica.

Se escribe:

Tipo de letra normal - <i>tipo de letra en itálica</i>

Se visualiza:

Tipo de letra normal - <i>tipo de letra en itálica</i>

-<u> estilo de letra en subrayado.

Se escribe:

Tipo de letra normal<u>Tipo de letra en subrayado</u>

Se visualiza:

Tipo de letra normal<u>Tipo de letra en subrayado</u>

Actividad 1.4 Uso de Etiquetas

                                                                                                                                                                                                                                                                                                                                                                                            

Reporte 4.

En este reporte se hablara sobre que son y para que sirven las etiquetas que se utilizan en el lenguaje HTML.

Las etiquetas son un lenguaje de marcas, estas marcas seran fragmentos de texto destacado de una forma especial que permiten la definicion de las distintas instrucciones de HTML, tanto los efectos a aplicar sobre el texto como las distintas estructuras del lenguaje.

<br> Instruye al navegador que inserte un salto de linea en un documento HTML. La etiqueta <BR> tiene el mismo efecto que un retorno de carro en una maquina de escribir.

<hr> Dibuja de manera preterminada una regla horizontal alineada automaticamente, conn una aparencia de tercera dimension.

<h1> Son los titulos o encabezados que se emplean al comienzo de una seccion.

ETIQUETA	SE VE
<H1> Titulo </H1>	Titulo
<H2> Titulo </H2>	Titulo
<H3> Titulo </H3>	Titulo
<H4> Titulo </H4>	Titulo
<H5> Titulo </H5>	Titulo
<H6> Titulo </H6>	Titulo