cuaderno de fundamentacion leidy vitery: paginas web

aqui apareceran las pagina diseñadas por mi

FoRmUlArIo

cOmEnTArIoS De ViDeOs DrEAmWeBeR

PRIMER VIDEO

creación de sitios en Dreamweaver.:

Ademas de crear paginas html y programacion ,se pueden hacer paginas con archivos combinados como con imágenes y demás ,mas complejas con tecnologías como flash descargas vídeos ,sitios complejos con tipos de menus ,enlaces ; en la pantalla hay distintos tipos de archivos básicos y elementos de vídeos y menús de ayuda

Para empezar a trabajar es necesario el sitio que se encontrara en 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
una ves listo este se podrá empezara a trabajar

SeGuNdO ViDeO

El entorno de trabajo.

El entrono detrajo de dreamweaver es muy similar al de otros ,se debe tener la misma forma de manipular paneles o de organizar los elementos de trabajo dentro de lo que es una ventana al principio tendremos una barra de paneles en la parte derecha estos nos van a dar distintas acciones las cuales puedo ampliar, encoger y trabajar con varias cosas en el panel de insertar nos va a permitir añadir los distintos tipos de elementos de una página por ejemplo imágenes archivos como fla, video etc. , también podrás trabajar con todos los archivos que conformen el sitio asi se tendrá una barra de paneles que voy a poder disminuir para trabajar con mayor espacio por el otro lado voy se tiene 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 configurables además se puede editar tamaños y modificarlos o agregar nuevos , tendremos la oportunidad de ver las paginas que se está trabajando el modo de diseño, dividir y código

TeRcEr ViDeO

Utilización de los paneles

Dreamweaver es un programa que ofrece muchos perfiles de trabador para diferentes diseños de web, tiene un sistema que permite minimizar ampliar y recolocar las pestañas son las que muestran una agrupación de paneles por ejemplo estilo CSS elementos podemos leer uno y otro elemento puedo también moverme desde distintos paneles seleccionado desde la barra superior de cada grupo, lo amplio o lo minimizo puedo, leer de desde arriba hacia abajo puedo cambiarlos de colocación, los grupos de paneles se los puede ver desde distintas formas también se los pude contraer entre paneles como iconos o los despliega para verlos al igual se puede sacar estos distintos grupos de paneles fuere de la alineación y pinchando y arrastrado, lo arrastro hacia la parte superior o en la parte inferior y asi se podrá jugar con los paneles o con los grupos de paneles ; también lo podremos hacer con los paneles de propiedades las distintas configuraciones respectivas ; se pude trabajar diseñando y en otro programa puedo moverme en las distintas vistas y como programador se necesitara insertar visualmente distintos tipos de elementos , en las muchas cosas que se puede realizar se encuentra colocar paneles uno seguido de otro podres ver que dentro del panel y de podrá modificar dependiendo de los que hallas seleccionado

CuArtO ViDeO ¡¡

Ayudas visuales y de programación.

En este video nos muestra algunas herramientas que facilitan la creacion de pagina web , se puede ver como compara 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 codigo con las yudas de codigo es mucho mas facil ,al hacer esto se lo debe guardar inmediatamente para que la ruta no se dañe; tambien se pueden agrupar estructuras que permiten llevar una mejor organización al igual que la combinacion de colores y asi difernsiar las etiquetas; tambien se puede sacar las barras que se desee y entre las herramientas esenciales estan los numeros de linea con los que se puede encontrar mas rapido los herrores. Las ayudas visuales como la ventana de diseño es mejor un¡sar las herramientas como reglas, cuadricula, imagen de rastreo, y los plug_ins los cuales facilitan la visualizacion de los distintos elementos de dreamweber y modificar mas facilmente.

                                                                     qUiNtO ViDeO

                                                      Las barras de herramientas.

En dreamweaver encontramos dos formas distintas para añadir elementos por un lado frente del codigo pero cuando estamos diseñando la pàgina web estamos creando su entorno visual. hay una panel fundamental de dreamweaver que es el de insertar , el cual todo lo que puedo insertar en la pagina web y ha este panel se lo puede cambiar de tamaño, de diferente manera ,tambien tenemos un desplegable el cual que me permite seleccionar diferentes tipos de elementos por ejemplo quiero insertar utilizando todas las etiquetas html comunes como anclas imágenes etc , en diseño lo que se puede hacer es utilizar elementos por ejemplo que dependiendo de si esta la vista ampliada o estandar voy a poder hacer varias cosas , voy a poder trabajar con marcos con frames y aparte de eso podre despues de añadir tablas podre añadir filas y columnas etc.

Elementos de formulario todos los elementos tipicos de formularios : campo de imagen, menú de salto. Voy a poder trabajar con datos trabajar con las conexiones de bases de datos usando formularios para insertar, para eleiminar registro etc . se puede trabajar con elemnetos de ayax spray elementos que ya tengo en otras pestañas pero sin embargo los tendremos agrupados como spray igual que eso se va a tener tambien para crear targetas repetidas o editables y luego voy a poder trabajar texto con los distintos caracteres especiales de los textos incluso mas caracteres y luego puedo ir añadiendo a favorito las cosas que mas utilizo como añadir imagen, en cualquiera de los casos si yo selecciono imagen y añado una imagen cualquiera, automaticamente manejara esa imagen y por tanto cualquier cosa que yo añado realmento lo q ue me esta añadiendo es el codigo para añadrir esa etiqueta es mas yo puedo añadir los codigos directamente desde el lugar de trabajo por ejemplo un hipervínculo y automáticamente se hace la etiqueta es decir que insertar me va a permitir no solo añadir etiquetas visualmente sino tambien me va a permitir insertar etiquetas directamente sobre el codigo

sexto video
Métodos abreviados de teclado.

Para insertar y para mejoraar la productividad de el trabajo se utiliza los atajos control los cuales se los puede modificar . los atajos se encuentra

Home site
Comandos de menú
Comandos de edición :

Deshacer: ctrl z , alt bksp
Rehacer: ctrl y , ctrl sfift z
Cortar ctrl x , shift del
Copiar ctrl c ,ctrl ins
Pegado espècial : ctrl shift v
Seleccionar todo ctrl a
Seleccionar etiqueta padre ctrl ñ
Seleccionar hijo ctrlç
Buscar y remplazar ctrl f , ctrl r
Buscar selección shift f3
Buscar siguiente f3
Ir a línea ctrl g
Mostrar sugerencias para el código ctrl space
Actualizar sugerencias para el código cntrl .
Aplicar sangría al código ctrl shift >
Anular sangría del código ctrl,
Iniciar editor externo ctrl E
Contraer código:
Contraer selección : ctrl shift c
Contraer fuera de lseleccion ctrl alt c
Expandir selección ctrl shift e
Extraer etiqueta completa ctrl shift j
Contraer fuera de la etiqueta común ctrl alt j
Expandir todo ctrl alt shift e
Preferencias ctrl u ,

comandos Archivo.
Nuevo documento;ctrl n
Abrir :ctrl o
Examinar en bridge: ctrla alt o
Abrir en marco ctrl shift o
Cerrar ctrl w
Cerrar todos :ctrl shift w
Guardar :ctrls
Guardar como : ctrl shift s
Imprimir código ctrl p

Dreamweaver standard

Panel sitio

comandos de archivo
Archivo nuevo ctrl shift n
Nueva carpeta ctrl alt shift n
Cambiar nombre f2
Eliminar del
Comprobar vínculos de documento sfift f8

comandos de edicion
Edición cortar ctrl x
Copiar ctrl c
Pegar ctrl v
Duplicar ctrl d
Seleccionar todo ctrl a

Además para crear atajos propios se debe crear un nuevo conjunto en el cual se puede hacer atajos con las teclas que se escoja y si los atajos ya están hechos saldrá un icono para informar que ese atajo ya esta en uso.

paginas web

4 comentarios: