FORMULARIOS

como internet.Generalmente cuando se ingresan los datos, se envían a un servidor web para ser procesados. Los formularios web pueden ser usados para suscripciones, encuestas, elección de opciones, enviar palabras para los bUn formulario web es un tipo de formulario que es presentado en un navegador y puede ser rellenado a través de una red uscadores, etc. Los formularios web generalmente son hechos en HTML y en estos pueden usarse los siguientes elementos:

* Campo de texto (input field)

* Campo oculto (hide field)

* Área de texto (textarea)

* Casilla de verificación (checkbox)

* Botón de opción (radio button)

* Grupo de opción

* Lista o Menú (con opción a Menú de salto)

* Botón (submit)

Estos elementos son los más comunes en una interfaz GUI, pero no provee todos.

FORMULARIOS

INFORMACION PERSONAL

escribe tu nombre:

escribe tu apellido:

Género:

Masculino

Femenino

DREAMWEAVER

1. Esta compuesto de muchos archivos combinados en una pagina que tiene nada mas que HTML se pueden colocar imágenes, textos, planos de situación y además estructuras mas complejas en las que se pueden ver fotos, distribuciones y capacidades de tablas y mostrar imágenes de ellas.
Se puede hacer también en dreamwear páginas mucho más complejas, como páginas que combinen la utilización de tecnologías como FLASH, PHP que carguen datos dinámicamente. Paginas en donde se crea un sitio web en donde se encuentran catálogos, fotografías, texto, elementos de descarga, videos, pero que además de ello van hacer cargados desde una base de datos, se pueden crear paginas dinámicas y además paginas con todo tipo de menús y enlaces.
Se puede crear cualquiera de estos tipos de archivo para trabajar con Dreamweaver

• HTML
• COLCFUSION
• PHP
• ASP
• XSLT
• CSS
• java Script
• XML

Y además nos da opciones para ver videos los cuales me enseñan a trabajar con:

• Vista en vivo
• Navegador de código Y varios menús de ayuda
• Nuevas funciones
• Recursos
• Enlace con Dreamweaver Exchange para mejorar las capacidades del programa.

Se empieza por un nuevo sitio de Dreamweaver en donde se pide un nombre que sirve para distinguir sitios de otros y la dirección http
Se trabaja con HTML, se trabaja en el equipo y se selecciona una carpeta de trabajo.
Se trabaja en local sino quiero verlo en alguna página y obtenida nuestra página web podemos empezar a trabajar.

2. En principio se obtiene una barra de paneles que me van a dar las distintas opciones y que me van a permitir trabajar con varias cosas.

El panel insertar me va a permitir añadir los distintos tipos de elementos que puede meter una pagina web. También se puede trabajar con los archivos, se tiene una barra de paneles y voy a poder ampliar o disminuir para trabajar con mayor o menor espacio, por otro lado también se obtiene un panel de propiedades que devuelve las propiedades visuales del elemento que tenga seleccionado en un momento dado.

Se debe tener en cuenta el tamaño que se visualiza ya que es fundamental a la hora de diseñar con HTML

se puede trabajar con el diseño integral de todo o con ventanas sueltas

Se tiene la posibilidad de trabajar en modo de diseño, dividir y código

Se puede trabajar con la vista en vivo la cual me permite saber como se va a mirar la pagina en los distintos navegadores, también puedo trabajar con código en vivo para saber como se miraría el HTML resultante después de recibir los datos en la base de datos, puedo ponerle titulo a los documentos, puedo subir archivos, puedo modificar la visualización de los elementos, puedo hacer que se vean o no los bordes de marco, también la posibilidad de validar los contenidos que estoy creando para saber si el código es correcto.

La parte de abajo me va a permitir trabajar con zoom para mirar como esta colocada de terminada cosa, mover la página utilizando la mano y por ultimo puedo trabajar con varias pestañas y desde luego voy a obtener una aserie de menús que me van a permitir hacer varias cosas.

3. Opciones para trabajar con los paneles

Las pestañas van a ser las que me permiten ver uno u otro elemento, puedo moverme entre distintos paneles seleccionando sobre la barra superior cada grupo lo amplia o lo minimiza, se los puede cambiar de colocación y arrastrándolo se lo puede colocar en cualquier lugar.

Un botón con dos flechas me permite contraer paneles como iconos o los despliega y colocándome sobre el borde pinchando y arrastrando me permite modificar el ancho, también puedo sacar el conjunto de paneles fuera de donde se encuentran y además puedo arrastrarlos y minimizarlos haciendo así menos espacio y esto mismo puedo hacer con los paneles de propiedades.

Puedo moverme entre las distintas vistas, también puedo crear mis propios entornos y podemos colocar paneles unos seguidos de otros, también se puede añadir un atabla y dependiendo de lo que halla seleccionado van haber también modificaciones dentro de los paneles.

4. Podemos crear sitos web verdaderamente complejos:

Se selecciona tabla, se la añade y dentro de ella inserto una imagen, con mosaico vertical puedo ver tanto una como otra ventana y puedo comparar el código de una con el código de otra, se puede dividir a mas ventanas y se puede pegar información de una con la otra, cada imagen tiene su propia ruta y si yo no guardo este documento me voy a encontrar con el problema de que la ruta de esa imagen puede ser que no la encuentre.

Dreamweaver me ofrece ayudas a la programación.
Cuando estoy trabajando con código puedo hacer selecciones y si quiero recuperar a alguna fila de la tabla en el momento que yo selecciono grupos de código aparecen marcados en la parte de la izquierda de tal manera que haciendo clic sobre los dos cuadrados agrupan todo el código y pueden también desagruparlos.

Puedo trabajar con los distintos colores de código haciendo que cada uno tenga un color diferente si lo quiero, se pueden crear comentarios.

Me ofrece opciones para abrir documentos.

Marca que código no es correcto cuando yo estoy escribiendo, puedo trabajar con los números de línea los cuales me ayudan a la hora de detectar errores, puedo hacer que las barras de menú aparezcan como una ventana aparte y en la parte de abajo tengo el orden de anidación.
En diseño tengo ayudas de visualización y además dentro del meno ver tengo la posibilidad de ver reglas para poder colocar elementos en sitios exactos. Puedo colocar guías horizontales o verticales e indica la posición exacta en la que esta la guía.

Cuando trabajo con páginas web es necesario trabajar con pixeles y por si fuera poco tiene la posibilidad de mostrarme una cuadricula la cual puedo también modificar, puedo colocar las guías con el color que quiera y por ultimo puedo trabajar con imagen de rastreo la cual me permite trabajar con imagen de fondo y así puedo obtener distintas formas de hacer que Dreamweaver nos haga el trabajo mas fácil.

frames

Así fue como cree este frames es my sencillo solo se debe ajustar algunas medidas para poder colocarlas en el.

Luego uní otras paginas y cree enlaces para que a la hora de hacer clic en cada uno de ellos a la derecha apareciera el enlace de cada página como se puede ver en la imagen.

<html>

<head>

<title>pagina frames</title>

</head>
<frameset rows="19%,*">
<frame src=andrestrejos.jpg>
<frameset cols=20%,*>
<frame src=andreso.html>
<frameset rows="70%">
<frame name=principal>
</body>

</html>

ATAJOS DE TECLADO

Conjuntos distintos de atajos:

DREAMWEAVER MX2004

DREAMWEAVER ESTANDAR

HOME SITE

Dentro de ellos puedo seleccionar panel sitio y puedo ver los atajos de teclado para estos sitios, veo comandos de menú – edición copiar que es control +c o control +ins y cualquiera de ellos se puede cambiar. y para cambiar atajos de teclado dentro de un conjunto, primero se crea un conjunto propio. debo seleccionar sobre un conjunto que tenga las soluciones que a mi me gusten, pulso el botón de duplicarlo coloco un nombre nuevo acepto y luego le doy edición copiar y en presionar tecla pulso las teclas que valla a utilizar (CTRL+ALT+SHIFT+C) y cuando ese conjunto de teclas esta ya utilizado me avisa, se lo puede cambiar y apartar de ese momento ese atajo de teclado para ese conjunto va hacer el que funcione pedo jugar con este conjunto de teclas puedo exportar conjunto con HTML y puedo eliminar el juego de atajos de teclado.

HOME SITE

COMANDOS DE MENU

ARCHIVO
Nuevo CTRL+N
Abrir CTRL+O
Examinar en bridge CTRL+ALT+O
Abrir en marco CTRL+SHIFT+O
Cerrar CTRL+W
Cerrar todos CTRL+SHIFT+W
Guardar CTRL+S
Guardar como CTRL+SHIFT+S
Imprimir código CTRL+P

EDICION
Deshacer CTRL+Z, ATL+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 y reemplazar 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 parta el código CTRL+.
Aplicar sangría al código CTRL+SHIFT+>
Anular sangría al código CTRL+,
Equilibrar llaves CTRL+´
Contraer código
Contraer selección CTRL+SHIFT+C
Contraer fuera de la selección CTRL+ALT+C
Expandir selección CTRL+SHIFT+E
Contraer etiqueta completa CTRL+SHIFT+J
Contraer fuera de la etiqueta completa CTRL+ALT+J
Expandir todo CTRL+ALT+SHIFT+E
Iniciar editor externo CTRL+E
Preferencias CTRL+U

Uso del texto en dreamweaver

En internet la base de los contenidos se basa en el texto que es donde se pasa realmente la información de las distintas páginas.

En HTML el texto tiene diferentes características que lo hacen muy peculiar si se diseña con ilustreitor se tiene un tamaño determinado de documento. Un problema es como yo dejo el texto y luego HTML como lo mostrara. En conclusión no se sabrá como el usuario final vera el texto.

el texto aparece con la fuente que tenga instalada en sus propio sistema y si el tipo de letra que yo e colocado es diferente al de la fuente final entonces se mirara que el tipo de letra a cambiado. El usuario final puede desactivar el estilo de la pagina lo cual ara que los estilos que se apliquen no aparecerán aplicados con lo cual el texto va a aparecer sin ningún tipo de formateo como un texto puro y duro de HTML .

cuando los caracteres individuales están metidos dentro de una etiqueta esa etiqueta va a modificarlo. La etiqueta <p> como se puede ver en el video es la que determina en donde empieza y en donde termina un determinado párrafo.

Las propiedades del texto se Las puede modificar mediante etiquetas HTML o mediante estilos CSS.

Utilizando HTML se puede ver que en la etiqueta <p> puedo añadir un espacio o que la alineación se justificada o por el contrario utilizo alineación izquierda podemos ver que afecta efectivamente a todo el párrafo a la vez. Que es muy distinto a que si selecciono un a frase y le marco negrita debido a que lo que hace es añadir una etiqueta <strong> solo sobre esos caracteres.

Se tiene etiquetas especiales para trabajar con párrafos y etiquetas especiales para trabajar con propiedades de caracteres sueltos; se puede también trabajar con reglas CSS y vamos también poder trabajar con etiquetas directamente.

Selecciono la etiqueta <p> y se coloca el cursor en cualquier parte y posterior mente lo que se le dice es que valla justificado. Pulso justificar y se habré una ventana para crear un selector CSS ya directamente. Por ejemplo lo llamo párrafo y se lo guarda para este documento y el texto ya estaría formateado.

Lo que e hecho es que para ese párrafo CLASS valla asociada a la clase de párrafo <p class=”parrafo>” y se puede ver como en la parte de arriba en el código se a añadido un estilo CSS <style type=”text/css”> en el que tengo a párrafo con las propiedades de alineación de texto justificado párrafo {

Text-align: justify

}

Puedo modificar cosas sobre la vista de diseño y sobre la vista de código para crear un salto de line mas pequeño se crea <br/>.

Puedo ir a formato en donde encuentro a encabezado y puedo seleccionarlo para que un texto sea el mas importante o el menos importante en donde se sustituye a <p> por <h1>, <h2>, <h3>, <h4> o <h5> dependiendo de el encabezado.

También se puede cambiar el color editando una nueva regla, asociándolo a encabezado y se puede ver como efectivamente se cambia el color.

TODO DE PAGINAS WEB

FORMULARIOS

INFORMACION PERSONAL

tu numero saldra cubierto no te preocupes es para mayor seguridad

Interes por educacion o divercion?

comenta sobre nuetra forma de adquirir informacion

3 comentarios: