trabajos de paginas web

en esta pagina encontraras todo lo que titne que ver con paginas realizadas en blog de notas


MI PAGINA WEB

LISTA ORDENADA
pulsa aqui para ir al final del documento
años de las generaciones
primera generacionsegunda generaciontersera generaciontendencias futuras
1945-19561957-19631964-1971presente-futuro

LISTA DESORDENADA



HORARIO DEL GRADO DIEZ COMPUTACION
LunesMartesMiércolesJuevesViernes
PAGINAS WEBPROGRAMACIONQUIMICAPROGRAMACIONMANTENIMIENTO
PAGINAS WEBETICAQUIMICAPROGRAMACIONMANTENIMIENTO
EMPRESARIALED FISICACASTELLANOMULTIMEDIOSMATEMATICAS
FILOSOFIAINGLESEMPRESARIALMULTIMEDIOSINGLES
QUIMICAMATEMATICASINGLESFILOSOFIACASTELLANO

¿EN CUENTRA LO QUE NESECITAS ?
 
en este momento creare mi primera pagina web es una de las mejores experiencias

hola mi nombre es viviana y acuardate de visitar mi pagina para que descubras una de las mejores experiencias de tu vida


Historia del Computador

descripción de la imagen> <img SRC =

adios


¿encuentra lo que nesecitas? Pulsa aquí para ir al inicio del documento



 




<><><><><><><><><><><><><><><><><><><><>
FORMULARIO

pregunta ¿que carrera te gustaria seguir? :




Apellido




Nombre

Ingresa contraseña:


GéneroHombre:
hombre:
mujer:
Ocupación


Comentarios
Enviar





dreamweaver es una herramienta la cual es muy util por que nos sirve para varias cosas como
para hacer paginas donde se encuentren todos los archivos combinados como imagenes textos o mapas interactivos
otra de las cosa que podremos hacer con dreamweaver es hacer paginas mas complejas que utilice tecnologia de adobe flahs,
o  paginas aun mas complejas donde apareseran fotografias, textos, elementos de descarga ,videos donde todo eso sera cargado desde una bese de datos
tambien se podra crear citios complejos donde tengamos todo tipo de menu utilizando diferntes tecnologias que tengan todo tipo de enlaces a muchas otras paginas todo
esto cargado desde base de datos
en la pantalla nos dice que vamos a encontrar la forma de crear este tipo de archivos haci en la occion cresar nuevo encontraremos los distintos tipo de archivo basicos para empezar a
trabajar con dreamweavery programar con HTML

2. vidio de dreamweaver




en este video nos dice que el entorno de trabajo de dreamweaver es similiar al de otros programas de la vercion csc4 tendremos la misma forma de menipular paneles de organizar los elementos de trabajo.  
1. en la ventana del pricipio encontraremos una una barra de paneles esta nos dara distintas
occiones las cuales podre ampliar , encojer y trabajar con varias cosas
2. muy importante el panel  insertar nos va apermitir añadir los distintos tipos de elemntos de ua pagina por ejemplo
imagenes, archivos como flahs video etc tambien nos da la pocivilidad de trabajar
con varios archivos que conformen el citio
3.tendremos tambien el panel de propiedades que devolvera las propiedes visuales de elementos que tengan seleccionado en un elemneto dado
podremos 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



video tres

creacion de estulos

en este video nos habla que dreamweaver es una programa que que ofrese muchos sercios muchos perfiles de diseñador de web tiene un sistema para minimizar ampliar yampliar y minimizar y recolocarlo las pestañas son las que las que nos muestran dentros de una misma a grupacion de panales por ejemplo estilo CSS elementos PA podemos ler uno y otro elemento puedo también moverme desde distintos paneles seleccionado desde la barra superor de cada grupo lo maplio olo minimiso puedo tirer 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 los paneles como iconos o los despliega para verlos como iconos también se pude sacar estos distitos grupos de paneles fuere de la alineación y pinchando , arrastrado
lo arrastro y me lo pondrían en la parte superior o en la parte inferior haci se podrá jugar con los paneles o con los grupos de paneles tembien lo podremos hacer con los paneles de propiedades las distitas configuraciones en los paneles también los puedo controlar se pude trabajar diseñando y en otro programar puedo moverme en las distintas vistas y como programador necesitare insertar visualmente distintos tipos de elementos también pudiendo colocar paneles uno seguido de otro podres ver que dentro de los paneles habrá modificaciones dependiendo de los que hallas seleccionado

cuarto video

ayudas visauales y de programacion

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.

5. video de dreamweaver

En dreamweaver en contramos 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,  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 ,tambien tenemos un desplegable el cual que me permite seleccionar que tipos de elementos quiero insertar utilizando comun puedo utilizra 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 estandar voy a poder hacer varias cosas , voy a poder trabajar co marcos con iframa y aparte de eso podre despues de añadir tablsas podre qañadir filas y columnas etc. Elementos de formulario todos los elementos tipicos de formularios  campo de imagen menu de salto elementos de formularios pero integente. Voy apoder trabajer con datos trabajar con las conexiones de vases de datos formularios para indsertar, para eleiminar registro etc . voy apoder trabajar con elemnetos de ayax spray elemntos que ya tengo en otras pestañas pero sin embargo los tedremos agrupados como spray igual que  eso voy atener tambien para crear targetas repetidas o editables y luego voy apoder trabajar texto co 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 cosos si yo selecciono imagen  y añado una imagen cualquiera, automaticamente  mejenera esa imagen y por tanto cualquier cosa que yo añado realmento loq ue me esta añadiendo es el codigo para añadrir esa etiqueta es mas yo puedo esta otra seleda añadir los codigos directamente desde aquí  por ejemplo u ipervinculo y automaticamente una etiqueta osea que en insertar meva apermitir no solo  añadir etiquetas visualmente sino tambien meva a permitir insertar etiquetas directamente sobre el codigo

LISTADO DE ATAJOS DE DREAMWEAVER

Atajos de teclado: esto hace que se mejore mayor su productividad por que es fundamental en cualquier trabajo que utilicemos por elemplo ctrl C para copiar y ctrl V para pegar
Metodos abreviados de teclado voy atener conjunto distintos de atajos los de drimweaber 2004 los de drimweaverde stándar o los de homesite entre ello podemos seleccionar por tipo
Dentro de ellos por tipos sitio video los atajos de teclado para
Dramwever stándar :
Panel sitio:
Arhivo:
Nuevo archivo                ctrl+shift+N     
Nueva carpeta                 ctrl+alt+shift+N
Abrir
Guardar mapa de sitio
Cambiar nombre             F2
Eleminar                           DEL
Desactivar solo lectura
Restaurar pagina
Comparar
Vista previa en el nevegador
Comprovar vinculos del documento…shift+F8
Design notes
Explorar

Comandos de menu:
Edicion:

Deshacer                   ctrl+Z,Alt+BKZp
Rehacer                     ctrl+y,ctrl+Shift+Z
Cortar                        ctrl+X,Shift+Del
Copiar                        ctrl+C,ctrl+Ins
Pegado especial       ctrl+shift+v
Borrar
Seleccionar todo                         ctrl+A
Seleccionar etiqueta padre       ctrl+ñ
Seleccionar hijo                           ctrl+Ç
Buscar y remplazar                     ctrl+F
Buscar selección                          shift+F3
Buscar siguiente                          F3
Ir a linea                                        ctrl+G
Mostarr sugerencias para el codigo      ctrl+space
Actualizar sugerencias para el codigo   ctrl+.
Herramientas de sugerencias para el co   ctrl+shift+>
Aplicar sangria al codigo                                ctrl+,
Anular sangria de codigo                               ctrl+’
Equilibara llaves
Entradas repetidas
Contraer codigo
Iniciar editor externo
Biblioteca de etiquetas
Matodos abreviados de teclado
Preferencias                                           ctrl+U

Ver
Insertar
Modificar
Formatos
comandos
sitio
ventana
ayuda
Atajos de dreamweaber
Atajos de teclado: esto hace que se mejore mayor su productividad por que es fundamental en cualquier trabajo que utilicemos por ejemplo ctrl C para copiar y ctrl V para pegar
Métodos abreviados de teclado voy atener conjunto distintos de atajos los de dremweaber 2004 los de drimweaverde estándar o los de homesite entre ello podemos seleccionar por tipo
Dentro de ellos por tipos sitio video los atajos de teclado para
Dramwever estándar:
Panel sitio:
Archivo:
Nuevo archivo ctrl+shift+N
Nueva carpeta ctrl+alt+shift+N
Cambiar nombre F2
Eliminar DEL
Vista previa en el navegador:
Comprobar vínculos del documento…shift+F8
Edición:
Cortar ctrl+X
Copiar ctrl+C
Pegar ctrl+V
Duplicar ctrl+D
Seleccionar todo ctrl+A
Ver:
Actualizar F5
Opciones de mapa del sitio:
Mostrar/ocultar vinculo ctrl+shift+y
Ver como raíz ctrl+shift+R
Mostrar titulo de pagina ctrl+shift+T
Archivo de sitio F8
Mapa de sitio alt+F8
Sitio:
Obtener ctrl+shift+D
Proteger ctrl+alt+shift+D
Colocar ctrl+shift+U
Desproteger ctrl+alt+shift+U
Comprobar vínculos en todo el sitio ctr+F8
Vincular a nuevo archivo ctrl+shift+N
Vincular a archivo ya existente ctrl+shift+K
Cambiar vínculo ctrl+L
Quitar vínculo ctrl+shift+L


Comandos de menú:
Edición:

Deshacer ctrl+Z, Alt+BKZp
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 y remplazar ctrl+F
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 ctrl+.
Aplicar sangría al código ctrl+shift+>
Anular sangría de código ctrl+,
Equilibrar llaves ctrl+’
Contraer código:
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 la etiqueta com…. ctrl+alt+J
Expandir todo ctrl+alt+shift+E
Preferencias ctrl+U

Ver:
Acercar ctrl++
Alejar ctrl+-
Aumentar y reducir:
50% ctrl+alt+shift+5
100% ctrl+alt+shift+1
200% ctrl+alt+shift+2
300% ctrl+alt+shift+3
400% ctrl+alt+shift+4
1600% ctrl+alt+shift+6
Ajuste selección ctrl+alt+0
Ajustar ancho ctrl+shift+0
Ajustar todo ctrl+alt+shift+0
Alternar vista ctrl+i
Actualizar vista de diseño F5
Vista en vivo alt+F11
Opciones de vista en vivo:
Congelar java script F6
Duración del servidor ctr+shift+G
Live data ctrl+shift+R
Contenido de head ctrl+alt+shift+2
Modo de tabla:
Modo de tablas extendidas F6
Modo de diseño ctrl+F6
Ayudas visuales:
Ocultar todo ctrl+shift+I
Reglas:
Mostrar ctrl+alt+R
Cuadricula ctrl +shift+G
Ajustar a cuadricula ctrl+shift+G
Guías:
Mostrar guías ctrl+shift+,
Bloquear guías ctrl+alt+,
Ajustar guías ctrl+shift+,
Ajustar guías a elementos ctrl+alt+.
Plug-ins:
Mostrar paneles F8
Navegador de código ctrl+alt+N


dreamweaver 7
beremos como en html el texto tiene una caracteristica que lo hace muy peculiarnos en contraramos que el tamaño del texto no sera fijo, depende de la configuracion del navegador que tenga el usuari final,para instalar una pequeña extencion se utiliza la pagina de adobe exchange y metiendo los datos la instalare y podre borrarla o desctivarla temporalmente y para utilizarla serrare la aplicacion y volvere a abrir. hay extenciones que se instalan como comomandos y otros y otros dentro de distintos parrafos

dreamweaver 8
En el video 8 describira las distitas obciones basicas de los textos de entrada tendremos caracteres individuales que conformaran un texto trabajar con parrafos es interesante por que permite hacer modifecaciones, tendremos etiquetas especiales para trabajar con parrafos y otras para trabajar solamente con caracteres sueltos, podremos trabajar con reglas css y con etiquetas directamente puedo hacer que los distintos textos sean de diferentes tipos y poder asociarlos a diferentes etiquetas html que definirán la importancia del texto y por ultimo se podra editar cambiendo de html a css

5 comentarios:

Suscribirse a: Entradas (Atom)