Mi sitio en dreamweaver

En este reporte se explicaran los pasos que he realizado para hacer
un sitio en dreamweaver.

*crear un sitio web.
* hacer 3 carpetas, audio, vídeo e imágenes respectivamente.
* hacer 3 archivos HTML. una principal con el nombre ".index".

 La profesora asigno un tema, "ecología"

La pagina debía de contar con los requisitos previamente expuestos.

Cree mis tres paginas con una plantilla en especifico, 2 columnas izquierdas,
barra lateral izquierda.

Trabaje en los tres modos de visión en dreamweaver, codigo,dividir,diseño.

En particular prefiero la pestaña diseño ya que es mas facil de usar.

ingrese en cada una de las paginas imágenes y texto correspondiente con
el tema. Para ingresar archivos debemos de ir a la pestaña insertar
y damos en imagen, nos pedira la ubicación del archivo y se insertara
despues mediante Html o css podemos modificar el tamaño
ubicación de esta.

También un vídeo en la pagina principal (*el video debe de estar en formato
.flv para que este pueda ser reconocido por dreamweaver).

sitio en Dreamweaver

En este reporte tratare de explicar el como hacer un sitio en dreamweaver.
Así como crear documentos y carpetas.

Lo primero que tenemos que hacer es entrar a dreamweaver.

una vez dentro en su interfaz habrá una opción en el centro de la pantalla parte de abajo
que nos permitirá crear dicho sitio.
Damos clic nos pedirá que asignemos un nombre y ubicación.

Una vez echo esto en la parte lateral derecha estará la estructura del sitio.
A través de esta sección podemos  podemos generar carpetas y doc. HTML.
Para crear dichas cosas basta con dar clic derecho en la parte antes mencionada
para crearlos.

También podemos trabajar a través de plantillas. para empezar a trabajar
con una plantilla damos en la pantalla inicial de dreamweaver en la parte central
y damos clic en la parte de abajo donde dice mas.
hay se nos darán opciones de diseño para plantillas.

reporte 2.2

Interfaz de Dreamweaver

En este reporte se presenta la interfaz de Dreamweaver asi como los elementos que la conforman.

Reporte 2.1

Dreamweaver: 

css: los "css" son archivos, que tienen justamente la extensión ".css". 

Maquetación: La maquetación es la distribución de los elementos en nuestra página.

Plantilla en dreamweaver: Una plantilla es una estructura en la que se puede desarrollar la pagina web.

Contenedor de dreamweaver: Todos los contenedores están incluidos en la misma página, pero cada contenedor puede albergar un elemento muy concreto tal como una imagen, una animación o un texto, y podemos situarlo donde deseemos, en cualquier parte de la página.

Etiqueta Div:  Una etiqueta div es una etiqueta que define las divisiones lógicas existentes en el contenido de una página Web.

Región editable: las regiones editables son las partes de una plantilla que se
pueden como su nombre lo indica editar.

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.

Formulario: Formato predefinido que te permite pedir ciertos 

datos relevantes. 

Formulario de contacto: 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.

1.6

Etiqueta <a href"">

Esta etiqueta nos sirve para poner un hiperbinculo, se deve de poner el url
entre comillado.

<a href"http://pagwebcapacitacion.blogspot.mx/"> por ejemplo

Etiqueta <img src=imagen.jpg"

Esta etiqueta nos sirve para agragar una imagen.

Pero a esta le podemos agregar cierta alineacion segun
donde queremos que se ponga la informacion.

Por ejemplo:

<img src="skoda.jpg"aling=top> texto alineado ariba
<img src="skoda.jpg"aling=bottom> texto alineado debajo
y asi con las sig right-derecha left-izquierda entre otros.

1.5

Uso de las etiquetas de texto y estilo.

Estilos predefinidos como <h1> - <h6>

ó se puede poner tu propio tipo de letra.

como por ejemplo:
<b> texto negrita </b>
<i>texto italica </i>
<u> subrayado</u>

Entre otros.

1.4

Uso de la etiqueta <br> <hr>

La etiqueta <br> se utiliza al final de un renglon, e indica que debe
de darse un enter.

La etiqueta <hr> sirbe para poner una linea, para controlar
tamaño, ancho y largo.

por ejemplo.
<hr aling=left width=40% size=10>