Mi primera página web y mis primeros problemas...
Hola a tod@s,
acabo de colgar mi primera página web, necesito la crítica y la ayuda de los profesionales de esto, y me he atrevido a enseñarosla...
Tengo varios problemas:
1. los documentos flash que he exportado a dreamweaver en .swf, cuando los visualizo en el navegador y clicko encima de ellos soy capaz de modificar el texto, borrar, añadir... cosa que no tendría que suceder, no?
2. la imagen que he insertado para volver a la pagina "index" o home, en algunos navegadores se ve con un recuadro azul, sabéis a que puede ser debido? Es una imagen .jpg insertada en dreamweaver y con un link a la página de inicio, este recuadro azul también lo tengo en dreamweaver, pero no soy capaz de deshacerme de él...
y muchos más que vosotros veréis y yo no soy capaz de tan siquiera adivinar, duro trabajo el vuestro, esto es infinito, pero yo no pienso desvanecer jeje
Muchas gracias por vuestra ayuda y espero que esto sea el comienzo de una larga amistad.
Raimon
Hola,
Mi consejo: olvídate de Dreamweaver y aprende HTML + CSS escribiendo código. Puede parecer un coñazo o poco cool, pero es la manera de hacerlo bien y que no te pasen esas cosas, que sinceramente, ni llego a comprender. Ese recuadro azul es que pueden ser muchas cosas... ¿una clase que crea una capa que es un cuadro azul, quizás?
Con el tema del texto, no sé, yo lo puedo seleccionar y tal, pero no lo puedo cambiar, o sea que en ese sentido todo parece correcto.
A riesgo de repetirme mucho: Dreamweaver es para quien sabe mucho.
Saludos,
Raimon
israentrance
Hola Raimon,
muchas gracias por tu respuesta, encantado de conocerte por cierto. Lo he diseñado en dreamweaver, porque es la única herramienta que conozco para html y css, hice un curso del ministerio, me lo vendieron como lo más básico.¿ No es muy complicado diseñar directamente solo con html? Es decir, posicionar las imagenes, los textos, los banners... yo creia que para diseñar solo con html sin un programa que te diga que es lo que estás construyendo era mucho más complejo y lento...
El recuadro azul es posible que sea por la imagen-vector que me he descargado de internet?
Lo del texto, es solo en los banners, los que tienen animación, cuando los seleccionas puedes modificarlos, a ti no te pasa?
Muchas gracias de nuevo y sigo atento a tus consejos y a quien bien le apetezca participar en este valle de dudas...
Saludos,
Israel.
Raimon
Ok, sí me pasa lo del texto en los banners, eso se lo tendrás que preguntar al señor del adobe que seguro que él lo sabe. Me suena que en Flash había un tipo de texto que era editable, para que el usuario de la página pudiera entrar datos como su nombre y/o el de su novia o gato, entre otros posibles. Quizá cambiando el tipo de texto, si es que aún funciona así, lo resuelves.
Encantado igualmente, por cierto ;).
Por otro lado estás en lo cierto en que la "opción Dreamweaver" se suele presentar como lo más básico en la mayoría de cursos. Pero desde mi punto de vista este es un error didáctico garrafal y por ello, si ya tengo poca confianza en cualquier curso de cualquier cosa (aunque, o quizá porque, yo me dedico a la docencia también) cuando veo anuncios de cursos sobre web la desconfianza es máxima hasta que no se me demuestre lo contrario.
La forma cómo yo creo que te han transmitido lo que es la creación web se ilustra en una frase tuya:
israentrance
Cuando tú exportas un swf junto con su documento html que le hace de contenedor, no lo estás haciendo PARA Dreamweaver. Dreamweaver es sólo un programa que entiende ese archivo html y que, supongo, también debe de tener algunas capacidades de previsualización de Flash, prestación que probablemente no tendrán otros editores web. Pero en definitiva Dreamweaver es sólo un editor de textos con funciones avanzadas de gestión de archivos y de previsualización, nada más.
Si te enseñan creación web transmitiéndote que Dreamweaver está en la base te están mintiendo, porque lo que está en la base (y eso no es una opinión, son hechos) son los lenguajes de etiquetas, o de programación, que tú utilices. Luego Dreamweaver está algunas capas por encima de esa base, precisamente para ayudarte a trabajar de una manera más eficiente. Digamos que Dreamweaver vendría a ser un "asistente" gigantesco.
En cuanto a la sencillez de utilizar o no Dreamweaver y en qué circunstancias sí o no, evidentemente es la pregunta o la cuestión del millón. A mi me parece que Dreamweaver escamotea, esconde, a los usuarios noveles las cosas, los fragmentos de código erróneo, etc. que causan problemas a esos mismos usuarios. En otras palabras, la sensación de "facilidad" de la vista de "diseño" se paga al precio de no poder controlar (un usuario novel) qué es lo que realmente está haciendo el programa sobre el código. A fin de cuentas, la dificultad de conseguir el balance perfecto entre control/usabilidad es un clásico de las herramientas digitales.
Evidentemente, tener que picar el código y pasar por el periodo de aprendizaje que requiere hacer cosas que en el editor gráfico de Dreamweaver habrías hecho con tan sólo "unos clics" es más largo, si nos ceñimos al sentido estricto y temporal de la palabra. Pero creo que a medio y largo plazo es mucho mejor aprender primero esas bases, puesto que luego eres mucho más consciente del medio en el que trabajas, y de hecho tú creas web para un medio y no estás atado a ninguna herramienta. Y eso te da autonomía y capacidad creativa. Fíjate que los programadores raramente comparten dudas sobre cómo se hace tal o tal otra cosa en un programa, sinó que comparten dudas sobre programación en si misma. Y no es porque no usen programas en su trabajo, sino porque los programas que usan no se entrometen en la forma de concebir el "medio", y aunque cada uno use un programa diferente, todos entienden y pueden ayudar a resolver las dudas de otros.
Eso no quita ni un ápice de utilidad a herramientas como Dreamweaver u otras como Eclipse, Aptana, etc., que lo que hacen es hacer más llevaderas, con diferentes formas de asistir al usuario, las tareas de "código" que podrían ser aún más tediosas y repetitivas. Pero en cualquier caso, para comprender esa utilidad a veces es interesante pasar primero por la frustración de no contar con todas esas herramientas y que te des cuenta de que sí, que con el bloc de notas pelao, hipotéticamente puedes hacer una página web tan digna y molona como con cualquier otro programa. Sin reservas.
Hay muchos otros editores aparte de Dreamweaver que permiten una previsualización o edición gráfica de la página web. Pero esa previsualización/edición suele ser nefasta en cuanto a exactitud y respeto a los estándares en todos ellos, DW incluido. No hay mejor forma de visualizar una web que probándola en el propio navegador. Es una fuente de dolores de cabeza totalmente innecesaria fiarse de lo que dice el editor gráfico del programa de turno.
Para el caso que te ocupa ahora, quizá todo este rollo no te servirá de mucho, pero como decías que no te ibas a dar por vencido -lo que me parece una muy prometedora actitud si te gusta la web ;-)-, me ha parecido útil darte cuatro pinceladas sobre cómo veo yo la creación web, por si en el futuro ese punto de vista mío te puede servir.
Saludos,
Raimon
Juanjo Rodríguez
Hola, Israentrance,
Creo que lo que Raimon te quiere aconsejar, y si me equivoco que me corrija, no es tanto que uses dreamweaver o no, sino el método a seguir.
Es decir, que lo más apropiado y correcto en el diseño y la maquetación de las webs es hacerlo mediante el código, escribiendo html y css.
Creo que tu usas dreamweaver en la vista diseño para formar tu página, arrastrando un div allí un enlace acá, etc. Como bien dice Raimon, puede parecer un coñazo, pero es más útil, más operativo, más correcto, detectas cualquier error inmediatamente, y sobre todo, es más divertido escribir el código.
Yo aprendí directamente escribiendo código, tanto en html como en css. Utilizo dreamweaver porque es el programa que tengo, pero hay muchos editores de html y css, algunos gratuítos, con las funciones de ayuda de dreamwaver en cuanto a colores, correcciones ante fallos en la estructura de lo que escribes, etc. pero vamos, que lo puedes hacer hasta en un procesador de texto.
Siguiendo con dreamweaver, yo la vista diseño no la uso para nada, porque además es muy poco precisa, y cuando metes flash, query, etc. ya se le va la pinza a base de bien. Y la vista en vivo tampoco es nada de fiar.
En resumen, que si te gusta el diseño y maquetación web, lo mejor que puedes hacer es aprender a escribir código. Es más fácil de lo que parece, y la manera correcta de hacerlo.
Es cierto lo que dices de los .swf. Puedo seleccionar el texto y cambiarlo (¿?). No te puedo decir a qué se debe, yo en esto de web estoy todavía aprendiendo, piano piano, pero seguro que por aquí te ayudan, que hay grandes pros.
Un saludo.
Raimon
Nada que corregir, Juanjo, a eso me refiero. :)
Edito después de leer a kune... no creo que haga falta que cuelgues nada, Isra. Vaya con el recuadro azul! XD
Raimon
kune
A ver, por partes:
1. Lo del recuadro azul es solo en IE, lo que tienes que hacer es darle estilo a la imagen de dentro del href.
El IE, por defecto a los enlaces con imagen les pone un marco azul. Ponle border:none;
2. Lo del texto en flash, selecciona la caja de texto y en las propiedades de caracter, tienes unos botoncitos, uno de ellos, es para que el texto sea seleccionable.
Espero haberte ayudado!
Usuario desconocido
Yo te voy a comentar de forma general. La web está bastante verde en cuanto a diseño. No sé cual es tu formación en este campo, pero antes de pasar al html/css, flash o como sea que montes la web, el primer peldaño está bastante flojo. Una cabecera, un bloque de contenido que no está alineado con ningún otro elemento, el título de la sección alineado a la derecha sobre una animación de unas burbujas...
Por eso creo que antes de ver como maquetas tu web, deberías centrarte en hacer un diseño mejor.
También te diría que te olvides de esas animaciones en flash, tanto la de las burbujas , como la de las letras, y sobre todo la de la sección de tarifas. No aportan nada y son unas animaciones bastante planas.
Por tus comentarios me da la impresión de que estás un poco perdido y creo que la web no está bien porque no tienes los conocimientos necesarios para hacerla, tanto en el diseño como en la maquetación. No te tomes esto como una ataque ni nada así, simplemente, como profesional te digo que creo que tu trabajo necesita mejorar en todos los sentidos y que con tu actual nivel no puedes enfrentarte a un proyecto medianamente serio.
También te diría que deberías definir que campo te interesa y profundizar en él.
saludos.
israentrance
Muchas gracias a tod@s!
Raimon, tu lección de como comenzar en html, me ha parecido magnífica. Es cierto que los que comenzamos abusamos del formato de vista de "diseño" en dreamweaver, pero es que a veces parece que es mås fácil aprender arameo que este dichoso html. De todas formas voy a intentar seguir tus consejos, pero a veces uno se siente bloqueado y ve que no avanza un carajo, joder que hay momentos que cambiar la tipografía en css parece tarea de titanes.
He pecado, lo admito, comencé con html, pero un fatídico día después de ver el enésimo video en youtube de dreamwaver, vi a un simpático amigo que lo que hacia era diseñar directamente la página en photoshop, se guarda para web y voilà cuando lo abres en dreamweaver tienes todas tus DIV hechitas y colocadas, no tienes más que insertar las imágenes, los textos y los vínculos, en este momento ya había olvidado a aquel primer amor llamado html.
Juanjo te agradezco también muchos tus palabras, me animan a continuar. Y volver desde el principio, piano piano, como bien dices.
Los consejos de Kune los he intentado seguir... ¿Kune, perdona qué significa href? En dreamweaver en border he escrito "none" como tu me has dicho pero no me lo acepta, esta rebelde el chaval.
Y sobre tus consejos en flash, en teoría he guardado el documento .swf como no editable...
Asi que al final después de reponerme de la paliza de Laba, porque vaya repasito que me has dado!, pero mira te voy a decir una cosa: tienes RAZON. Tu sabes cuando te dan buffet libre y quieres comértelo todo, pos mas o menos es lo que me ha pasado a mi y encima siendo novato, "verde" como tu dices. Yo quería hacer una página con flash y con muchas cositas pero a la vez muy mona, me dije: si hago algo minimalista seguro que es mucho más fácil, pero al final me ha salido una tarta de fresa con 5 kilos de nata y encima la muy jodida no funciona. Por tanto voy a empezar de nuevo, nada de animaciones flash por el momento, creo que lo más importante es que sea operativa y entender todo lo que voy haciendo (esto creo que va a ser arto jodido).
Espero enseñaros mi nuevo proyecto muy pronto y seguir aprendiendo. Vuelvo a empezar.
Muchas gracias a tod@s de nuevo por vuestra ayuda y vuestra colaboración desinteresada.
Un saludo,
Isra
JCMartinez
Hola, voy a intentar aportarte algo mas de lo que ya te han comentado.
Por lo que has contado al principio, veo que el principal fallo se ha cometido en el curso que realizaste, porque no te enseñaron correctamente.
El problema no es el uso de Dreamweaver. Yo uso Dreamweaver para todos mis proyectos, pero eso no quiere decir que lo tenga que usar la vista diseño, de hecho tengo la interfaz totalmente limpia de menus y por defecto abre las páginas en código.
Dreamweaver tiene muchas utilidades como por ejemplo los snippets, donde puedes almacenar y organizar trozos de código para reutilizarlos.
Se trata de usar lo que te sea de utilidad y ahorre tiempo, teniendo en cuenta que debes de mantener el código limpio.
Cuando quiero trabajar en el portatil llevo en mi pen el Notepad ++, que es básicamentye un editor de código.
Sobre tu proyecto te recomiendo que cambies el título de las páginas (index1, index2, index3) por el título de la sección correspondiente, es mejor para el SEO. Por lo demás el diseño parece correcto pero le falta trabajo, el código debes de depurarlo.
Como te han dicho ya, es mejor que trabajes algo más el diseño y que posteriormente trabajes el código. Puedes ver y coger ideas de muchos sitios webs de calidad que se encuentran por ejemplo en esta web http://www.thebestdesigns.com/.
Cuando tengas una idea aproximada de lo que quieres, diseña algún boceto en Photoshop, del cuál te servirá para montar el html.
Aquí tienes algunos tutoriales para pasar tus diseños a html.
http://www.1stwebdesigner.com/freebies/psd-htmlcss-conversion-tutorials/
Espero haberte ayudado. Chao.