paginas web 2p

navegacion




entidad o empresa



elementos




edad













Ingresa tus comentarios:
Selecciona tus intereses:

Películas

Libros

Internet
Selecciona tus segundos intereses:

Películas

Libros

Internet





ENLACES PARA TEMAS REFERENTES A HTML




adobe dreamweaver

creacion de sitios

dreamweaver permite crear diferentes sitios con distinta imagen desde paginas faciles hasta complejas en la ventana de inicio de la aplicacion nos permite escojer el tipo de pagina que realizaremos el tpo de archivo que abriremos tambien nos da los elementos mas destacados ofrece como adicion el mejoramiento de dreamweaver
para crear una pagina wed se debe tener en cuenta que contiene un sitio wed lo primero sera crear un sitio con un nombre un lugar en internet ,un campo de almacenamiento de archivos una coneccion remota


 el entorno de trabajo

el programa permite diseñar una pagina con diferentes tipos de elementos como imagenes tablas hipervinclos todo en un sitio de trabajo el program ya da el codigo html el diseñador solo tiene que organizar los elemnetos que a de colocar en la pagina wed realizada en dreamweaver

el tamaño del sitio es variable no tiene amaño fijo depende de la forma en que se habra la venta de inicio en internet se puede trabajar con diseño integrado o con ventanas tambien podemos escribir el codigo html o utilizar las ayudas que ofrece el programa que inserta un elemento y crea el codigo instantaneamente
se trabaja tambien con pestañas para tener un orden en el documento se puede trabajar en sitios diferentes de entorno como diseñador y programador trabajar con programas adicionales de diseño y diferentes tipos como extenciones






utilizacion de paneles


dreamweaver permite al programdor de paginas wed tener en un solo panel diferentes eramientas para la elaboracion de tablas formularios y distintos tipos de elementos para la creacion de una pagina wed ordena el programa permite insertar color y modificar tamaño con facilidad sin tener el conocimientode codigos en html el diseñador elabora una pagina wed solo nesesita conocer los paneles y el funcionamiento de cada elemento

paneles
-clasico
-programador
-programador avanzado
-diseñador
-diseñador condensado

tambien permite crear un entorno de trabajo para observar que es lo que contiene cada linea de codigo



ayudas visuales y de programacion

se debe tener en cuenta el trabajo el trabajo con ventanas para poder hacer un sitio web el programa dreamweaver permite inserta tablas de una forma facil el programa da el codigo html y una visualizacion de la tabla para poderla modificar con forme a lo que la persona quiere realizar insertar imagenes con facilidad en cualquiera de las celdas que se escoja de la tabla insertada permite visualizar el contorno de trabajo con el modo mosaico y la visualizacion codigo para copiar un codigo html y pasarlo a un nuevo entrono de trabajo tambien ofrece modificar de posicion la imagen o tabla permite opciones distintas para hacer comentarios permite corregir elementos o codigos que no estan bien escritos y marcarlos para evitar errores tambien se puede ocuptar codigos atraves de la opcion caracteres ocultos, podemos añadir reglas para tener un orden en el trabajo de diseño y añadir una imagen de fondo para el sitio que se esta creando



lista de atajos en dreamweaber

para el inicio de atajos nos dirigimos edición/métodos abreviados del teclado 


listado de coman dos

      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 
  
       
        vídeos 7 y 8

en el vídeo numero 7 explica como se puede formatear un texto creado en dreamweaver lo primero es descargar una estencion de la aplicación que se llama lorem ipsum generator  la cual se encuentra en la pagina de adobe esta aplicación permite el cambio de tamaño de letra para que la persona pueda adaptarla conforme se adapte a su capacidad visual las propiedades de texto ayudan a ordenar la imformacion dada una etiqueta que ofrece html que se pueden trabajar en css o html


la etiqueta


que significan párrafo la cual divide la imformacion para hacerla mas ordenada para la persona que solo quiera  modificar o encontrar una imformacion basada en un titulo también dividido en párrafo también con dreamweaver podemos escoger una área especifica de texto para modificar con html o css las cuales permiten cambiar el formato y color de texto 






4 comentarios: