REPORTE FINAL NUESTRO ULTIMO TRABAJO :C

 LA VERDAD ESTE ULTIMO TRABAJO QUE HICIMOS ESTUVO PADRE Y SI CLARO PUSISTE ANTENCION ESTUVO FACIL ME GUSTO MUCHO .

Primero entramos a dreamweaver fuimos donde dice crear sitio dimos clic  lo creamos le pusimos  nombre en mi caso le puse VOGUE  después seleccionamos el formato de diseño para nuestra página  ya que teníamos eso fuimos creando unas carpetas con los siguientes nombres imágenes, videos, música para tener un orden ya que teníamos eso empezamos a poner el título a nuestra página fuimos descargando imágenes y guardándolas en la carpeta  donde le correspondía yo utilice una barra  ,barras de menús , hipervínculos imágenes e fondo e imágenes gif que tiene como efecto se mueve la imagen entramos en la barra de herramientas en la parte que dice insertar y seleccionamos objetos de diseño y seleccionamos barra de menús.
Para colocar las imágenes de fondo, damos clic en propiedades de página. Aparece una barra donde tenemos que seleccionar la imagen que deseamos damos clic en repetición. Primero debimos crear tres páginas distintas y nombrarlas y guardarlas en la misma carpeta todas  así podemos crear nuestros enlaces tenia los archivos de mis paginas después abrí mi página con dreamweaver y la arrastre como cualquier imagen, la centre, y la expandí, con F12 y la maestra reviso mi página y gracias a dios TERMINE !!

2.4 PROYECTO FINAL

En este reporte la profe no puso un proyecto donde logramos hacer una página que hablara sobre la ecología  estuvo un poco complicado pero el fin lo logramos todos  para hacer este trabajo final grabamos  imágenes, video  y sonidos ya que teníamos todo empezamos nuestro trabajo primero hicimos las carpetas las fuimos guardando después fuimos modificación el trabajo después le colamos las imágenes ya al final el hipervínculo que no llevara de una a otra pagina.

2.3 COMO CREAR UNA CARPETA .

Este reporte empezamos a crear carpetas para nuestro poryecto final .

primero abrimos el  dreamweaver  despues fuimos a al apartado donde dice "crear nuevo" despues hay en la misma lista dice "sitio de dreamweaver" cuando le hagas clic alli te aparecera el cuadro de dialogo  ya que te apresca vas a poner el nombre del sitio  enseguida debes dar clic en la carpeta que se encunetra debajo y busca la carpeta raiz del sitio despues deber de ir ala ventana de archivossituada en los paneles de la derecha de dreamweaver das clicen el menu desplegable de los proyectos y haces clicen "administrar sitios" se abre otra ventana le picas nuevo para definir un nuevo sitio web y te volvera a salir otra lo mismo .

2.2 PANTALLA DE DREAMWAVER

En este reporte vamos a conocer un poco de la pantalla de dreamwaver ya que copiamos la  pantalla y le pusismos nombre a cada ventana para ir conociendolas .

2.1 PAGINAS 64 Y 65

Antes que empezemos a conocer la paginas web es necesario que conozcamos el entorno de trabajode software dreamweaver.

Css

 hacen referencia a un lenguaje de hojas de estilos usado para describir la presentación semántica (el aspecto y formato) de un documento escrito en lenguaje de marcas. Su aplicación más común es dar estilo a páginas webs escritas en lenguaje HTML y XHTML, pero también puede ser aplicado a cualquier tipo de documentos XML, incluyendo SVG y XUL.

Maquetación

La maquetación, también llamada a veces diagramació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.

Estrictamente, el acto de maquetar tan solo se relaciona con la distribución de los elementos en un espacio determinado de la página, mientras que el diseño editorial incluye fases más amplias del proceso, desde el proyecto gráfico, hasta los procesos de producción denominados pre-prensa (preparación para impresión), prensa (impresión) y post-prensa (acabados).

Plantilla en dreamweaver

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.

Etiqueta div

e utiliza para definir una sección dentro del documento.
Esta etiqueta se usa comúnmente para agrupar un bloque de elementos, para luego añadirle un estilo determinado.

Región editable

En una plantilla, las regiones editables 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 Tabla) de la paleta de Objetos.

Formulario

Los formularios 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

En este sencillo tutorial, veremos uno de los temas más consultados en nuestro Foro Creativo. Esta primera entrega abarca la creación de un formulario en Dreamweaver, que generara el HTML necesario.

Comenzaremos de cero, creando un Archivo, Nuevo (File, New), este archivo sera simplemente HTML, en este punto no es necesario ningún otro tipo de archivo tipo PHP o ASP.

R 1.6 MANEJO DE ETIQUETA

MANEJO DE ETIQUETA <A HREF> MANEJO DE ETIQUETAS <IMG SRC> Y VARIENTES

 

En estas etiquetas nos sirven de mucho porque nos sirve mucho para las pagina web como para si queremos subir una imagen debemos de utilizar la etiqueta  <img src> solo que la imagen la debemos de guardar en la misma carpeta donde tengamos nuestro archivo para que se puedo abrir sin problemas  y si queremos usar la etiqueta <a href> esta etiqueta es como un hipervínculo  es un enlace que te manda a otra página para que te pueda dar más información o te puede mandar a donde quieras claro que  tu haya puesto a donde se dirige el enlace .

R 1.5 USO DE EFECTOS DE TEXTO ETIQUETAS

Estas etiquetas estan muy padres y nos sirve de mucho .

<B> es para nuestro texto en negrita también la podemos utilizar para resaltar algo o en los títulos o algo importante

<I> También es para los textos  itálica cambia la letra del texto

 

<U>  es subrayado para cuando quieres subrayar algo o quieres poner quieres que vaya subrayado.