¡Y aquà estamos de nuevo! Volvemos con todo en nuestra clase 5. La clase pasada vimos la primer parte del panel insertar, la pestaña “commonâ€. Hoy nos toca seguir con las demás pestañas, y ver hasta dónde llegamos.
Me gustarÃa que los que siguen o leen el curso envÃen sus preguntas o comentarios; las dudas que tengan. No se queden con las ganas, el curso está hecho para ustedes, y si no aprenden, de nada sirve el curso entonces. Entre todos podremos aprender… y enseñar.
Panel Insert (insertar), segunda parte.
Pestaña Layout:
Mode:
Nos permite poner el modo de visualización del panel de layout.
Insert Div Tag:
Nos permite crear el elemento Div, que es uno de los más usados dentro del diseño web actual. Estos son cuadros en los que pondremos contenido, para luego ubicarlos donde a nosotros nos parezca. Esta opción ya la vimos en la pestaña “commonâ€, en la que también se encuentra.
Draw AP Div:
Nos crea un elemento Div en el lugar en el que nosotros lo dibujemos a mano alzada. Se usa en modo visual como si se tratara de una herramienta “rectángulo†de un programa de edición grafica. A veces no da el resultado deseado, asà que conviene usar esta herramienta con cuidado.
Spry menú bar:
Nos crea una barra de menú desplegable, en la que al pasar por un elemento del menú, se despliega otro con más opciones. La verdad no es la manera en la que yo la harÃa pero puede sacarnos de un apuro. Más adelante veremos como hacer este tipo de menúes, pero más lindos :p .
Spry tabbed panels:
Esta herramienta es parecida a la anterior, pero en vez de crearnos un menú desplegable, nos crea una barra de pestañas.
Spry accordion:
Otro de los regalitos de Dreamweaver para decorar festivamente nuestra pagina (ya me enojé con tanta cosita inservible). Esta herramienta nos agrega un menú en forma de acordeón, que cuando clickeamos cada una de las “pestañasâ€, el menú se desplega hacia abajo abriendo un lugar en donde podemos agregar contenido. Es difÃcil de explicar su utilización, por ahà lo más práctico serÃa que lo prueben una vez que aprendamos a crear una página.
Spry collapsible panel:
Esta es la que más me gusto de todas las “spryâ€. Nos crea una pestaña que cuando la cliqueamos, se nos abre una caja lentamente hacia abajo, en la que podemos poner contenido. Es una especie de “spry accordion†pero de un solo botón.
Table:
Nos permite crear una tabla con divisiones de columnas, filas, tamaños, y espaciados. Esta herramienta también se encuentra en la pestaña “common†que vimos y explicamos la clase pasada.
Insert row abobe:
Esta herramienta nos deja insertar una fila debajo de la fila en la que estemos parados actualmente. Siempre dentro de una tabla por supuesto.
Insert row below:
Al contrario de la anterior, esta herramienta nos deja incluir una fila por encima de donde estemos parados actualmente en la tabla.
Insert column left:
Agrega una columna a la izquierda de donde estemos parados en nuestra tabla.
Insert column right:
Agrega una columna a la derecha de donde estemos parados actualmente en nuestra tabla.
Frames:
Nos permite crear frames, que son divisiones de nuestra página en la podremos cargar otras páginas diferentes.
Iframe:
A primera vista son parecidos a los frames ya que crean una división en nuestra página donde podemos cargar una segunda, aunque tienen diferencias muy importantes. Ya veremos a ambos más adelante y sus ventajas y desventajas.
Conclusión
Bueno, por ahora dejemos la clase aquÃ. Como verán las opciones de Dw son muchas, y todavÃa nos quedan muchas más. Esperemos terminar pronto de verlas a todas asà ya podemos crear nuestra primer página, empezar a ponerlas en acción, y comentar un poco más a fondo cada una.
¡Saludos! Hasta la próxima.
| << CLASE ANTERIOR |
Miércoles, 27 de Febrero de 2008 a las 02.10
Hola: sigo el curso de forma religiosa cada semana leo incluso la clase anterior,para recordardonde estoy parado, (¿soy un buen alumno o no?, je), pero bueno a lo que vine; Thor te tomo la palabra sobre las preguntasm, no entendi mucho sobre los elementos (Div), e intuyo que es importante, la pregunta concreta es: ¿ Que son los elementos Div, para que sirven, etc? .
Gracias y
Hasta la próxima.
Miércoles, 27 de Febrero de 2008 a las 09.36
Hola Nelson, gracias por seguir el curso!
Pero que buen alumno!! Jeje
Con respecto a tu pregunta, el elemento DIV lo vamos a ver bien con detalle más adelante, pero te voy a contar un poco de que se trata de manera bien grafica.
Hace de cuenta que un elemento DIV es como una caja de zapatos, en la cual puedes meter cosas (incluso otras cajas) y ordenarlas como tú quieras (arriba, abajo, derecha, izquierda) y adentro de las cajas que pongas dentro, MAS CAJAS!!!! :p
Los DIVs se utilizan para ordenar la información que vamos a presentar en pantalla, y considerando el diseño web actual, que ha dejado bastante de lado las tablas, son la herramienta principal para la organización de la visualización de nuestros elementos.
Saludos!
Miércoles, 27 de Febrero de 2008 a las 12.20
El curso esta re genial, nos lleva de la mano, estoy trabajando en mi sitio telematica.com y mi problema es que al hacer el Prewiew in Browser con el FireFox me sale bién, pero con el explore ¡Es un desastre!!!..
¿incluye el curso la solución de este problema?… o ¿puedo acceder a algún adelanto en cuanto a la solución de este problema?
Gracias Miguel
Miércoles, 27 de Febrero de 2008 a las 16.10
eeeyyyyy gracias me sacaste de un gran apuro iva atrasada en mic clases aqui me e puesto al corriente
Jueves, 28 de Febrero de 2008 a las 01.16
Heyy, a mi me pasa lo mismo que a Miguel, pero alreves, a mi me salen super chidas en explorer y en el fire no se ven.
El curso esta chido, pero me gustaria que se avanzara mas rapido no?, uno por semana???
Jueves, 28 de Febrero de 2008 a las 09.25
¡Hola, Miguel!
Cuando un sitio no se ve bien en varios navegadores es justamente debido a que muchos no siguen los estándares. Aún asÃ, con astucia y sólidos conocimientos puedes llegar a lograr que tu sitio se vea bien siempre (aún cuando no se vea exactamente igual). El problema, como dijo Thor en sus clases, es que DW u otros programas “ensucian” el código, agregando elementos que mas tarde traen problemas. Por eso a lo largo del taller de DW aprenderás también HTML, para poder escribir el código de tu sitio en forma prolija. Un sitio bien hecho se verá bien en cualquier plataforma.
¡Saludos!
Viernes, 29 de Febrero de 2008 a las 15.28
Hola Miguel, estuve mirando tu sitio con Firefox, ie 6 e ie 7 y en los 3 lo vi igual.
Por suerte veo que pudiste solucionar el problema!!
De todos modos te comento que más adelante vamos a ver, además de las maneras de crear un código en forma prolija y correcta, algunos truquillos para cuando ya no se nos ocurre que hacer y seguimos con problemas en uno u otro navegador.
Saludos!
Thor
Lunes, 3 de Marzo de 2008 a las 11.17
hola a todos para mi todos están hablando idioma marciano o venusino porque no creo que con las clases que se han impartido se pueda ir tan adelante, o me perdi de algo yo, con esas opiniones y los reclamos para acelerar el curso creo que van a desanimar a muchos que como yo están empezando ahora, yo llamo a los principiantes a escribir para explicar más porque no se debe acelerar el curso, gracias, alexei
Jueves, 12 de Junio de 2008 a las 03.26
Yo tengo un problemon bien grande !!! jajjaja
lo que pasa es que por ejemplo en mi pc tengo todo bien trabajo con el dream y me va exelente
cuando ago los preview cero drama (trabajando con firefox como dedault), me decidi a subir la web
y empezaron los problemas, resulta que hay dos partes que con el navegador firefox no se ven, me explico exactamente es la galeria y un reproductor en flash (la galeria no se ve) y el reproductor flash que es una radio (no se escucha).
El problema va que con internet explorer handa cero drama y un amigo que tiene mac lo provo con Safari y tambien cero drama, mi pregunta es la siguiente cual es el problema …
Pd: el sitio mrfroggy.cl
Viernes, 20 de Junio de 2008 a las 13.43
Hola, disculpen mi ignorancia pero, he utilizado dreamweaver mx y ahora que estoy probando el nuevo dreamweaver CS3, no he podido encontrar la manera de insertar celdas y tablas, ya que como se puede ver en la imagen de arriba de el menu, son los ultimos 2 iconos del lado derecho y se encuentran congelados, al ubicarce sobre ellos, sale un texto que dice que solo pueden utilizarce en modo de diseño, pero no se como activar el modo de diseño, ya me ubique en la pestaña “diseño” que se encuentra junto a las pestañas “codigo” y “dividir”, pero los iconos de celda y tabla siguen congelados y necesito trabajar con ellas. Alguien puede ayudarme y decirme que es lo que tengo que hacer para descongelarlas y asi poder insertar celdas y tablas???….Espero haberme podido explicar y que alguien pueda ayudarme. Espero su respuesta y muchas gracias.
Viernes, 20 de Junio de 2008 a las 13.53
Hola de nuevo, ya encontre la manera de activar las celdas y tablas, entre a la pestaña “Ver”, luego en “Modo de tabla” y “Modo de diseño” y listo.
Muchas gracias.
Jueves, 26 de Junio de 2008 a las 09.16
Hola me gustaria saber si hay alguna forma de cambiar el efecto de CollapsiblePanel que en vez de hacer clic con el mouse, se abra al pasar el mouse sobre el mismo. Muchas Gracias.
Jueves, 10 de Julio de 2008 a las 16.36
hola soy nuevo aqui… me gustara saber como hacen para poner texto sobre un fondo, como por ejemplo al lado derecho de esta pagina donde dice talleres practicos (donde estan las clases, que tienen un fondo gris y un grafico) ya que yo trate de hacerlo con tablas y se me hizo muy complicado… Mil gracias….
Jueves, 31 de Julio de 2008 a las 13.56
Hola, soy nuevo en esto del Dreamweaver. Mi problema es que he creado un menu, epro las casillas desplegables no salen justo del menu hacia abajo, sino del comienzo de la página hacia abajo.
¿Como podrÃa corregir el problema para que me salgas las cajas desplegables del menu hacia abajo?
Muchas gracias
Martes, 2 de Septiembre de 2008 a las 19.38
Hola Delta 2. Soy un mero aficionado al dream, pero creo q tu problema ha de deberse a que, cuando tragajamos con tablas y celdas, debes agregar “imagen espaciadora” entre ellas para que, cuando el navegador (explorer, netscape) lea nuestra pà gina, salga como deseamos y no nos ocurra que se junten los contenidos de las celdas por ejemplo, cuando los deseamos separados. se les llama “imà gen espaciadora” pero realmente no las ves ya que su funciòn es “informarle” al navegador que hay un espacio entre una celda/tabla y otra.