p.web

Primer  video

Creación de sitios en dreamwever

En este video podemos observar un ejemplo de  un sitio web : este es un sitio que puede estar compuesto de dos o de mas paginas y en este caso es el sitio web oficial de un hotel en donde nos muestra cada una de sus servicios ,sus instalaciones, los porcentajes de las personas que se encuentran alojadas, después nos muestra otra pagina en la cual ya se puede encontrar enlaces a otras paginas y también se puede descargar y nos habla un poco sobre la base de datos que tiene esta pagina y por ultimo nos muestra brevemente las funcionalidades que tiene el programa dreamwever y nos muestra como crear en este programa  sitios y como editarlos ya que esto nos sirve para poder empezar a subir nuestras paginas que ágamos a la red, este video nos es de mucha ayuda porque aprendimos muchísimo sobre el manejo  de una función importante que tiene este programa llamado dreamwever.

Segundo video

Entorno de trabajo en dreamwever

En este video se puede observar el manejo de el escenario que se debe manejar en dreamwever,  ósea nos enseña el entorno de trabajo y como manejarlo, nos i indica como manejar todas las barras de tareas que tiene este programa y una en especial que es la tabla de paneles y sobre todo como poder empezar a trabajar en este programa y poder empezar a diseñar nuestras paginas web.

Tercer video

Ayudas visuales y de programación

En este video se observa la utilización de cada uno de los paneles que posee este programa dreamwever, nos enseña como poder insertar elementos al escenario como son imajenes,tablas y muchos elementos mas que son esenciales para el diseño de paginas web en este programa, también se puede observar que se familiariza bastante con el programa potoshop ya que se puede editar fácilmente las imágenes y se puede trabajar con regla y cuadricula claro que con la diferencia que nos lo da en lenguaje HTML y lo podemos trabajar de la forma que mas fácil nos parezca, esta es una herramienta muy esencial para el diseño y la creación de nuestros sitios web y nuestras paginas web

Cuarto video

En este cuarto video se puede observar todo el manejo de el trabajo con ventanas para la realizacionde  un sitio web en el programa dreamweaver este permite inserta tablas de una forma facil y este  programa da el codigo html y una visualizacion de la tabla para poderla modificar según su creatividad y buen gusto y lo mejor es que se pùede  insertar imagenes dentoro de cada una de las celdas de las tablas que ayas determinado colocar y la visualizacion codigo para copiar un codigo html y pasarlo a un nuevo esenario de trabajo este programa tambien ofrece modificar de posicion la imagen o tabla nos permite opciones distintas para hacer comentarios permite corregir elementos o codigos que no estan bien escritos ycorregirlos para evitar errores , se puede ocuptar codigos atraves de la opcion  de trabajar con caracteres ocultos, podemos añadir reglas para trabajar ordenadamente en el  diseño y añadir  imagenes de fondo para el sitio que se esta creando y tambien poder modificar y edicar estos sitios logrando asi un trabajo que satisfaga tu buen gusto.


sexto video

lista de comandos 

          nuevo 

• nuevo                                                                               ctrl+n
• abrir                                                                                ctrl+o
• examinar en brige                                                           ctrl+alt+o 

     abrir resiente 

• abrir en marco                                                               ctrl+shift+o
• cerrar                                                                             ctrl+w
• cerrar todo                                                                     ctrl+shift+w
• guardar                                                                          ctrl+s
• guardar como                                                                ctrl+shift+s
• guardar todo
• guardar en servidor remoto 
• guardar como plantilla 
• restituir 
• imprimir código                                                            ctrl+p

     comprobar pagina

• vínculos                                                                        shift+f8    

     validar

• formato                                                                        shift+f6 

     edicion 

• deshacer                                                                      ctrl+z,alt+bksp
• rehacer                                                                        ctrl+y,ctrl+shift+z
• cortar                                                                          ctrl+x,shift+del
• copiar                                                                          ctrl+c,ctrl+ins
• pegado especial                                                           ctrl+shift+v
• seleccionar todo                                                          ctrl+a
• seleccionar etiqueta padre                                          ctrl+ñ
• seleccionar hijo                                                           ctrl+Ç
• buscar remplazar                                                        ctrl+f
• buscar selección                                                         shift+f3
• buscar siguiente                                                          f3
• ir a linea                                                                      ctrl+g
• mostrar sugerencias para el código                           ctrl+space
• actualizar sugerencias para el código                        ctrl+.

      herramientas de sugerencias para el codigo

• aplicar sangría al codigo                                           ctrl+shift+>
• anular sangría al codigo                                            ctrl+,
• equilibrar llaves                                                         ctrl+'

     contraer codigo 

• preferencias                                                                ctrl+u
• contraer selección                                                    ctrl+ shift+c
• contraer fuera de selección                                      ctrl+alt+c
• expandir selección                                                    ctrl+shift+e
• contraer etiqueta completa                                      ctrl+shift+j
• contraer fuera de etiqueta completa                        ctrl+alt+j
• expandir todo                                                            ctrl+alt+shift+e

      ver 

• acercar                                                                     ctrl++
• alejar                                                                        ctrl+-

      aumentar y reducir

• 50%
• 100%
• 200%
• 300%
• 400%
• 800%
• 1600%
• ajustar selección
• ajustar todo 
• ajustar ancho
• alternar vistas 
• actualizar vista de diseño
• vista en vivo

     opciones de vista en vivo

• congelar javascript
• depuración del servidor 
• live data 
• contenido de head 

     modo de tabla

• modo de tablas expandidas 

    ayudas visuales 

• ocultar todo 

    reglas 

• mostrar 

    cuadricula

• mostrar cuadricula
• ajustar a cuadricula

    guías 

• mostrar guías 
• bloquear guías
• ajustar a guías
• ajustar guías a elementos   

    plug-ins

• reproducir
• detener
• reproducir todo 
• detener todo
• mostrar paneles
• navegar codigo 

     insertar 

• etiqueta 
• imagen

     media 

• swf 
• shockwave
• tabla 

     formulario

• anclaje con nombre
• comentario

    objetos de plantilla 

• región edita ble 

    modificar 

septimo video

menejo de texto

En este video se puede apreciar en manejo fundamental y las bases  principales para el manejo de texto en html y dream wever y como el texto  que el diseñador de la pajina en html a programado puede ser configurado por el usuario facilmente por el navegador en internet.

En nuestro navegador de internet en este caso utiliza el moxilla firefox nos indica como el texto facilmente puede ser configurado al gusto del usuario con las opciones que nos ofrese este navegador .

A este texto se le puede cambiar o configurar el tamaño  yendo a ver ,tamaño aumentar o disminiyendo segun el gusto del usuario tambien se puede quitarle el estilo al texto que el programador  de la pajina aya establesidoy tabien las colubnas del texto puede variar dependiendo de el tamaño de la ventana del navegador.

La fuente de tipo de letra del texto va a apareser con un tipo de letra que el usuario tenga configurado en el navegardor y dado el caso de que el usuario no tenga ese tipo de letra se va a tomar el tipo de letra que mas se aproxime al tipo de letra según su ordenador .

Despues nos explica como manejar el texto en dream wever  y como puede ser configurado en el codigo html y cs ,al texto se le pueden añadir etiquetas aplicandolas en el codigo html porque si se escriben en el texto van a apareser  solo como texto simple y la etiqueta no se aplicara para eso se utiliza la opcion que ofrese el programa que es dividir la pantalla en el codigo html y diseño.

Por ultimo nos enseña como instalar una extencion en este programa en este caso es una extecion que va a permitir generar texto en latin yamado loream y es descargado de la pajina de adove y se lo instala y para empesar a utilizar la extencion una ves instalada se cierra el programa y se lo vuelve a abrir y la extencion ya aparesera en comandos o en paneles en este caso se instalo en paneles.

formularios

este es un ejemplode unformulariodeinscripciontrabajadoenlenguaje html: