PAGUINAS WEB

dreamweaver

este es es un programa en cual podemos hacer muchas cosas aqui diseñaremos aginas las cuales seran entregadas al profe este programa sirve para diseñar cualquier tipo de pagina nos da para imagen tablas acontinuacion les dare una explicasion de los videos sobre la utilizacion de dreamweaver sus partes sus herramientas para que sirven y su funcionalidad

CREACION DE SITIOS 

Además de crear paginas HTML y programación  se pueden hacer paginas con archivos combinados  como con imágenes y demás ,mas complejas con tecnologías como flash  descargas videos ,sitios complejos con tipos de menús ,enlaces ,,, pantalla distintos tipos de archivos básicos y elementos de videos y menús de ayuda Para empezar a trabajar es necesario el sitio opciones avanzadas y básicas  en las básicas nombre, dirección o donde lo voy a poder ver, tecnología de servidor, donde trabajar, como se conecta su servidor remoto y el sitio esta terminado y buscar los archivos que van a configurar la pagina web

ENTORNO DE TRABAJO

  El entrono detrajo de dreamweaver es muy similar al de otros programas de la versión csc 4 vamos tener la misma forma de manipular paneles o de organizar los elementos de trabajo dentro de los que es  una ventana al principio  tendremos una barra de paneles en la parte derecha estos nos van hadar distintas acciones las cuales puedo ampliar y encoger y trabajar con barias cosas el panel insertar nos va a permitir añadir los distintos tipos de elementos de una página por ejemplo imágenes archivos como flas video etc. , también podre trabajar con los archivos  todos los archivos que conformen el sitio haci tendremos una barra de paneles que voy a poder disminuir para trabajar con mayor espacio por el otro lado voy a tener un panel de propiedades que devolverá las propiedades visuales del elementos que tenga seleccionado en un elementos  dado   es muy interesante tener en cuenta que el tamaño que se visualice es fundamental a la hora de diseñar con HTML con dreamweaver nunca sabremos cual es el  tamaño final de visualización .

Por ello tenemos dos formas de trabajar podemos trabajar con el diseño integrado dentro de todo el entorno o con ventanas sueltas y sobre esas ventanas se le podre aplicar tamaños los cuales son más o menos estándar todos los tamaños son configurable puedo editar tamaños y haci modificarlos o agregar nuevos tendremos la oportunidad las cosas  con las que puedo y trabajar la forma de ver las paginas que estoy haciendo voy a tener la posibilidad de trabajar  el modo de diseño, dividir y código

utilizacion de paneles

 

Dreamweaver es el programa que permite que tenga un panel con muchas herramientas para poder hacer muchas cosas las cuales el diseñador la ira viendo para irlas aplicando en su página hay muchas clases de paneles las cuales podemos colocar algunas aquí como diseñador, clásico, programador avanzado, y otros aquí les nombramos algunos de los que podemos encontrar  

AYUDAS  VISUALES   Y DE  PROGRAMACION

En este video  muestra algunas herramientas  que ayudan la creación de pagina web , se puede comparar  dos imágenes en el escenario insertando una tabla y en ella una imagen  la cual va a ser copiada a la otra ventana según el código con las ayudas de código es mucho mas fácil ,al hacer esto se lo debe guardar inmediatamente para que la ruta no se dañe; también se pueden agrupar estructuras que permiten llevar una mejor organización al igual que la combinación de colores y así diferenciar las etiquetas; también se puede sacar  las barras que se desee y entre las herramientas  esenciales están los números de línea con los que se puede encontrar mas rápido los errores. Las ayudas visuales como la ventana de diseño es mejor utilizar las herramientas como reglas, cuadricula, imagen de rastreo, y los plugins los cuales facilitan la visualización de los distintos elementos de dreamweaber y modificar más fácilmente.

Las barras y herramientas

En dreamweaver   encontramos dos formas distintas para añadir elementos por un lado frente del código pero cuando estamos diseñando la pàgina web estamos creando su entorno visual. Hay una panel,  es el panel  fundamental de dreamweaver es el panel de insertar, en el panel del insertar hay todo lo que puedo insertar en mi pagina web y ha este panel se lo puede cambiar de tamaño, de diferente manera, también tenemos un desplegable el cual que me permite seleccionar que tipos de elementos quiero insertar utilizando común puedo utilizara todas las etiquetas HTML comunes como anclas imágenes etc.  , en diseño lo que se puede hacer es utilizar elementos de diseño por ejemplo que dependiendo de si esta la vista ampliada o estándar voy a poder hacer varias cosas, voy a poder trabajar con marcos con iframa y aparte de eso podre después de añadir tablsas podre añadir filas y columnas etc. Elementos de formulario todos los elementos típicos de formularios  campo de imagen menú de salto elementos de formularios pero integente. Voy apoder  trabajar con datos trabajar con las conexiones de bases de datos formularios para insertar, para eliminar registro etc.  voy apoder trabajar con elementos de ayax spray elementos que ya tengo en otras pestañas pero sin embargo los tendremos agrupados como spray igual que  eso voy a tener  también para crear tarjetas repetidas o editables y luego voy apoder trabajar texto con los distintos caracteres especiales de los textos incluso más caracteres y luego puedo ir añadiendo a favorito las cosas que más utilizo como añadir imagen, en cualquiera de los cosos si yo selecciono imagen  y añado una imagen cualquiera, automáticamente  me genera esa imagen y por tanto cualquier cosa que yo añado realmente lo que me está añadiendo es el código para añadir esa etiqueta es mas yo puedo esta otra se le da añadir los códigos directamente desde aquí  por ejemplo u hipervínculo y automáticamente una etiqueta ósea que en insertar me va a permitir no solo  añadir etiquetas visualmente sino también me va a permitir insertar etiquetas directamente sobre el código

tercer periodo

USO DE TEXTOS

En este video nos muestra como podemos configurar los textos desde el navegador como hacer la latra mas grande mas pequeña como quitar hacer la pantalla mas grande y que el texto se baya ajustando depende a su necesidad para que el usuario la vea a su necesidad y comodidad esto dependera al navegador que este usando el usuario tambien puede hacer que sea vea nuevas barras pero con menos espacio tambien si el usuario quisiera puede hacer que el estilo que tiene esta paguina sea desactivada eso es depende como el usuario quiera mirarla depende a como el la quiera haora configuraremos un texto en latin para poder manejar las  diferentes herramientas de texto como el formateo que seria hacerle el cambio a las cosas dadas aquí manejaremos diferentes cosas como poder configurar un texto completo 

Formateo de textos

En este video obserbamos las diferentes obciones de texto que tendremos para aplicarle al estilo de letra latin con este fin haremos arreglos a los difentes textos aquí nos dan a conocer 2 estilos con ls cuales podemos hacer cambios en los parrafos los cuales son como el html y el css que son 2 estilos los cuales son diferentes ya que en uno manejamos codigo y el otro de hay mismo lo podemos cambiar nos muestran los diferentes herramientas que aparecen en un parrafo y como podemos cambiarlo para que sirven como la p que es para que salte de parrafo y asi poderlos distinguir tambien podremos ajustar los textos dependiendo donde los queramos colocar tambien podemos colocar como subtitulos para que se sepa de que tipo se esta hablando o solo se quiera como que recalcarlos ponerles diferentes tipos de letras color de tamaño hacer la distincion de unsalto de parrafo a un salto de renglon tambien ya ir desde el navegador y empezar a hacerle los diferentes cambios que el usuario quiera para el texto