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

Actividad 1.3 Uso de manejo de etiquetas.

Reporte 3.

para agregar color al fondo se debe especificar el color deseado y se especifica mediante numeros hexadecimales. el codigo para poder acceder a esta aplicacion es : <body bgcolor="#codigo de color"> existen 16 millones de colores para paginas web es decir que hay 16 millones de codigos de color diferentes. para agregar color al texto es text="codigo de color" este codigo va junto con el anterior.

Al querer ingresar algun texto con acentos a la pagina web es necesario poner: &(letra con acento) acute; por ejemplo la palabra proporciòn seria asi= proporci&oacute;n. 

ACTIVIDAD 1.2

Reporte 2.

Estructura básica

• Cada página comienza con: < HTML > .

• A continuación viene la cabecera, delimitada por < HEAD > y < /HEAD > .

• Después, el comando < BODY >, que indica el comienzo del cuerpo de la página. Las instrucciones HTML se escribirán a continuación, y finalizarán con < /BODY >.

• La página acabará con < /HTML > .

ACTIVIDAD 1.1 Que es HTML?

Reporte 1.

HTML es el lenguaje con el que se definen las páginas web. Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página web. 
El HTML se creó en un principio con objetivos divulgativos de información con texto y algunas imágenes. No se pensó que llegara a ser utilizado para crear área de ocio y consulta con carácter multimedia (lo que es actualmente la web), de modo que, el HTML se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los colectivos de gente que lo utilizarían en un futuro. Sin embargo, pese a esta deficiente planificación, si que se han ido incorporando modificaciones con el tiempo, estos son los estándares del HTML. Numerosos estándares se han presentado ya. El HTML 4.01 es el último estándar a febrero de 2001. Actualización a mayo de 2005, en estos momentos está apunto de presentarse la versión 5 de HTML, de la que ya se tiene un borrador casi definitivo.

El HTML es un lenguaje de marcación de elementos para la creación de documentos hipertexto, muy fácil de aprender, lo que permite que cualquier persona, aunque no haya programado en la vida, pueda enfrentarse a la tarea de crear una web. HTML es fácil y pronto podremos dominar el lenguaje. Más adelante se conseguirán los resultados profesionales gracias a nuestras capacidades para el diseño y nuestra vena artista, así como a la incorporación de otros lenguajes para definir el formato con el que se tienen que presentar las webs, como CSS.