Foros de daboweb
MULTIMEDIA, Video digital, Grabación, Diseño gráfico, Diseño web, Programación => Webmasters - Diseño Web - Programación - Diseño gráfico => Mensaje iniciado por: Piero en 24 de Abril de 2005, 02:29:01 am
-
Hola a todos.
Necesito consejos, amigos.
Es un momento en el que la crítica no estaría mal que fuera “feroz”. No os cortéis, por favor.
Os voy a presentar mi idea y mi trabajo.
http://www.vidaycolor.com/index.htm
Abusando de vuestra paciencia os pido que me deis vuestra opinión sobre:
1. la idea
2. la viabilidad
3. la presentación en sentido estético
4. los aspectos técnicos que queráis apuntar
5. algún comentario sobre lo que opináis respecto a mi salud mental.
No se si hay que pedir permiso antes de enlazar a alguien. Nunca me he leído bien las reglas de netiqueta. Si lo he hecho mal… pido perdón.
-
Tu página me gusta , está bastante bien para estar empezando , seguro que si sigues así la mejoras mucho.
La idea es muy buena seguro que triunfas como la San Miguel.
Lo único que no me convence es la "firma" esa que le has puesto a las imágenes , las desluce un poco , deberías plantearte ponerles una marca de agua transparente en una esquina :wink:
Saludos.
-
1. la idea
Ni buena ni mala. La idea simplemente marca tus preferencias y a qué se va a dedicar la web. Lo que se deben catalogar como buenas o malas son las subideas (por llamarlo de alguna manera), es decir, no el qué sino el cómo.
2. la viabilidad
A no ser que sea a nivel económico (que no creo que sea tu caso) todas tienen viabilidad.
3. la presentación en sentido estético
Muy simplona, lo que no es siempre malo. Lo que es un defecto para unos puede ser una virtud para otros.
4. los aspectos técnicos que queráis apuntar
Metadatos. No tienes nada puesto, y aunque no es imprescindible, algo digo yo que ayudará (los que mandan en mi opinión son Google y Yahoo que no los usan).
5. algún comentario sobre lo que opináis respecto a mi salud mental.
Marcas FentLinux como enlace útil. Estas loco!!! XDD!!! Es broma, gracias por el detalle.
:wink:
-
Hola Piero.
Si quieres opiniones, yo como visitante te puedo decir que la veo simple, fácil de navegar y se ve perfectamente en Mozilla y Explorer aun cambiando la resolución. Esto son cosas importantes.
A parte de los metadatos que dice halo, te falta añadir antes de la etiqueta <html> lo siguiente:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">Esto es obligatorio ponerlo.
Con el tiempo y la práctica la podrás ir mejorando y añadiendole las cosas que te faltan (foro, formulario/s, etc...).
Saludos y suerte con tu web ;)
-
No se si hay que pedir permiso antes de enlazar a alguien. Nunca me he leído bien las reglas de netiqueta. Si lo he hecho mal… pido perdón.
En principio no hace falta pedirlo y te doy las gracias por el enlace .
La web carga muy rapido y sabes bien en todo momento donde estas, lo que quitaria son los dobles enlaces a portada etc que hay arriba y abajo y si, como te dicen las metas son importantes, tienes que poner el titulo de la pagina "tittle", la descripcion "description" y unas palabras clave "keywords" que como bien te dicen algunos buscadores no usan pero otros si
ya la iremos viendo rular, larga vida y avisanos cuando vayas haciendo cambios ok??
-
:D :D :D
Liamgls, halo, Gepetto y Dabo:
Muchas gracias por la atención que habéis dedicado al tema. Al parecer me he fumado alguna clase de webmastering…Iré corrigiendo lo que me habéis apuntado.
Muy simplona, lo que no es siempre malo. Lo que es un defecto para unos puede ser una virtud para otros.
Halo:
Todo podré corregir, menos el aspecto simplón, por supuesto. Y no es por falta de buena voluntad: ¡es que no llego a más!
te doy las gracias por el enlace
Dabo:
Te tengo que corregir: has puesto enlace en singular ¡mira bien! ¡También estás en los enlaces de arte! Y, la verdad, he pensado poner a caborian en primer lugar. Todos los demás enlaces de arte o son tiendas o son páginas personales de algún pintor: no he encontrado en la red ningún espacio “libre” que pretenda crear una comunidad de artistas.
Muy, muy, muy modestamente, lo que pretendo hacer se parece mucho más a caborian.com que a cualquier otra página enlazada.
A parte de los metadatos que dice halo, te falta añadir antes de la etiqueta <html>
Gepetto:
La verdad es que no se bien qué significa eso. Pero ahora mismo lo voy a añadir. ¿hay que ponerlo en cada página o sólo en el index?
Lo único que no me convence es la "firma" esa que le has puesto a las imágenes , las desluce un poco , deberías plantearte ponerles una marca de agua transparente en una esquina
Liam:
Esa solemne chapuza la he hecho con ¡Paint!
Lo que me gustaría saber hacer es lo que antes ponían en artehistoria.com (ahora lo han cambiado): las letras eran como en relieve y adquirían los colores de la zona del cuadro donde estaban colocadas. ¿Me sabríais decir qué programa permite hacer eso?
-----------------------------------------------------------------------------------
Editado
Gepetto: Socorro!
:cry:
Algo he hecho mal. Te he puesto un enlace provisional al fondo de la portada para que veas el resultado. Míralo (cuando puedas) con el firefox o con el Mozilla porque I.E. no encuentra la página.
-
Editado
Gepetto: Socorro!
:cry:
Algo he hecho mal. Te he puesto un enlace provisional al fondo de la portada para que veas el resultado. Míralo (cuando puedas) con el firefox o con el Mozilla porque I.E. no encuentra la página.
Tranquilo Piero. Te ha pasado lo de la otra vez... has puesto acento (y espacios) al nombre de la página, por eso no la ves en el explorer ;)
----------------------------
Sobre este código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Es una norma que puso el organismo regulador del HTML (el World Wide Web Consortium - W3C).
En principio, sí que deberías incluirlo en todas las páginas.
A parte de ese código, existen otros dos parecidos... uno que acaba en strict.dtd y otro acabado en frameset.dtd, para páginas con frames.
--------------------------------
Por cierto, deberías usar la extensión .html, la .htm es porque los navegadores antiguos (el IE antiguo) no soportaban extensiones de más de 3 caracteres. Lo correcto sería ponerle extensión .html (aunque se va a ver igual).
Saludos :)
-
No sé mucho de Fotografía digital , supongo que eso con el Photoshop se hará en un par de clics :)
También hay programillas que se decican solo a eso , sin complicaciones , http://www.softonic.com/seccion/127/Marca_de_agua :wink:
-
Halo:
Todo podré corregir, menos el aspecto simplón, por supuesto. Y no es por falta de buena voluntad: ¡es que no llego a más!
Si que llegas a más, creeme, lo que pasa es que todavía no lo sabes. :wink: Pero no te preocupes, eso nos pasa a todos. Te recomiendo que aprendas un uso básico de css, además de facilitarte la vida, puedes "versionear" la web de manera rápida. :D
-
Gepetto:
¡Mira que caer otra vez en el mismo error!...
:oops:
De todas maneras, sigo perplejo e insisto que algo más debo de haber hecho mal porque, al introducir el código, los colores de los enlaces se ven fatal con Mozilla y Firefox: han cambiado de una forma, digamos, estrafalaria (me sigo refiriendo a la página enlazada para ti, que es donde he introducido el código).
Gepetto, Halo y Liam:
Jjejjeje .Creo que voy a buscar por aquí el buzón de sugerencias para pedir a los administradores del sitio que creen una nueva secciones en el foro: algo así como “Torpones y principiantes presumidos que quieren hacer una Web sin saber nada de informática”… para salvar el buen decoro de daboweb: qué mis consultas, no esatrían bien ni en el foro de novatos.
-
:lol: No seas así hombre, no pasa nada por preguntar. Además, con esto aprendemos todos.
--------------------------------
Pos si que se ven los enlaces raros al añadirle lo que te dije... la verdad es que no se por que será (cosa del frontpage, me imagino :evil:).
Lo del código ese es que es obligatorio. Sería bueno que lo tuvieses puesto. Para solucionarlo puedes poner este otro código (después de </head> y antes de <body bgcolor="#666666">).
<style type="text/css">
A:ACTIVE, A:LINK, A:VISITED {color : #9999FF; text-decoration: underline;}
</style>
Este código es un código en css y sirve para fijar los colores de los enlaces. Aquí te los he fijado para que se vean como antes.
--------------------------------
Bueno, caso a parte. Si te interesa de verdad esto del HTML y del diseño web (...y tienes tiempo libre que no sabes como emplearlo), lo mejor que puedes hacer es comprarte algún libro muy básico sobre esto o buscar info en la red, porque con el frontpage es muy sencillo hacer una página, pero tiene sus limitaciones y sus fallos y siempre es bueno saber un poco de código para dar retoques y corregir fallos.
Venga, si tienes alguna duda más no te cortes ;)
Un saludo.
-
e tengo que corregir: has puesto enlace en singular ¡mira bien! ¡También estás en los enlaces de arte!
:oops:
cierto jaja, doblemente gracias amigo y como te dicen no te cortes ni un pelo que todos andamos trasteando y recuerdo bien cuando no sabia hacer ni una tabla , lo de firefox y explorer es todo un clasico, al final hay que trastear pero...te cuento un secreto, primero hago la page para firefox y luego la optimizo para explorer :wink:
El software "no propietario" es todo un regalo y hay que apoyarlo :wink:
-
:D :D :D
Hola a todos.
Gepetto:
he puesto lo que me has indicado y ¡fenomenal!
De veras que te has molestado demasiado: hasta has averiguado el hexágono del color para ponerme el código. Muchas gracias.
Ya me he comprado un libro. Parece que está bien hecho: y me he enterado de que:
“Las hojas de estilo en cascada, o CSS, no son una atracción de un parque acuático, como su nombre sugiere.”
De “Avanza Diseño en HTML y XML” de Michael Morrison. Editor Oscar Santos García.
Voy a dedicar unos días a empollarme el tocho y aprovecho para llevar el ordenador a la tienda: qué lo tengo funcionando gracias a un palillo clavado en el disco duro para que haga bien contacto… (cómo se entere Destro me hecha un rapapolvo de los buenos).
Cuando empiece a toquetear el código ¡ya veremos la que se arma!
Volveré con novedades dentro de unos días.
-
qué lo tengo funcionando gracias a un palillo clavado en el disco duro para que haga bien contacto… (cómo se entere Destro me hecha un rapapolvo de los buenos).
pero serás brutooo...!! :lol: :lol:
-
:oops:
-
jajajaja, bueno, menos mal que es un palillo.... yo en mi antiguo pc utilizé un caramelo para hacer presión en un componente de la placa (y se derritió :x ).
-----------------------
Espero que no se te haga muy pesado lo del HTML. El libro ese tiene muy buena pinta y los libros de la editorial McGraw Hill son muy buenos, lo explican todo muy bien.
Venga, ya nos contarás tus avances.
Un saludo.
-
:D
Están ustedes nombrados en la portada de mi Web.... es cuanto puedo hacer para demostrar mi agradecimiento.
:wink:
-
:D
Hola amigos.
Una noticia y dos dudas.
La noticia: me he dado de alta en el google: vidaycolor.com ya existe.
Las dudas:
1. el valor que hay que ponerle a la meta robots: he puesto “all” pero realmente no se lo que significa. Daboweb tiene “index follow”, Adelaflor, también … quizás tenía que haberme limitado a copiar de los maestros.
Fijo que esta pregunta ya se ha contestado cien veces, pero por la pereza de buscar…
2. en la carpeta de mi ordenador, las extensiones del los archivos son HTML y, al subirlas al servidor, se me convierten en .htm
Obviamente, podría renombrar los archivos desde el panel de control de la web (ya lo he hecho con algunas imágenes que no se visualizaban por la discrepancia entre las extensiones JPEG y jpeg), pero me da cierto ejem … miedo. Y no se, realmente, porqué pasa eso ni qué importancia pueda tener.
Muchas gracias por vuestra ayuda.
-
Esa meta sirve para indexar la web , con all el googlebot indexa toda la web , con index follow termina de indexar y continúa indexando en la base de datos y en aquellas páginas que contienen enlaces a la nuestra.
http://www.htmlweb.net/articulos/promocion/promocion_5.html
-
:D
Hola a todos.
Otra vez pidiendo opiniones:
He probado a hacer una chapucilla con el GIMP:
aquí la prueba de la portada con el gif (http://www.vidaycolor.com/prueba_gif.htm)
Me acabo de dar cuenta que no está enlazada con la portada. Para comparar
Aquí (http://www.vidaycolor.com)
¡¡¡No seais buenos!!!!
Liamgls:
Esa meta sirve para indexar la web , con all el googlebot indexa toda la web , con index follow termina de indexar y continúa indexando en la base de datos y en aquellas páginas que contienen enlaces a la nuestra
Muchas gracias. Lo cambiaré
-
Quitándole el fondo blanco se integrará mejor con la web. Quedaría así.
(http://img.villagephotos.com/p/2005-2/958566/logo2.gif)
Esto lo he hecho seleccionando el blanco con la varita, luego le he dado a Seleccionar - Invertir, para invertir la selección. Una vez seleccionado el logo, le he dado a cortar. Después Archivo - Nuevo y en opciones avanzadas, Rellenar con... Transparencia y una vez creado el archivo, Editar - Pegar para pegar el logo sobre el nuevo fondo transparente.
Supongo que habrá alguna forma más sencilla de hacerlo, pero bueno, el caso es que me ha salido :)
-
:D :D :D
Gepetto: eres demasiado. Cuando he visto el trabajo que has hecho me he quedado muerto.
Te voy a doblar el sueldo que te dan por aquí y te contrato de colaborador de vidaycolor. :D :D :D :lol: :lol: :lol: :wink:
Tienes razón que va a quedar mucho mejor como dices. Y la verdad, yo también lo había pensado, pero de allí a saberlo hacer…
Pero primero quiero mejorar la calidad: he reducido el tamaño de la imagen cuando ya la tenía en formato .gif y se ha marraneado demasiado. Si no encuentro la manera de hacerlo en el formato original del GIMP, lo paso a JPEG, lo reduzco y lo cambio a GIF. Quizás, así, se quede más limpio.
Otra opción sería la de volverlo a hacer directamente en el tamaño correcto. Quizás mejor. (Parece que estoy loco y hablo solo ¿verdad? pero es que uno escribe y, mientras, se le aclaran las ideas)
:wink:
Gepetto. No se como agradecerte el tiempo que me dedicas. :D
-
No es nada Piero, esto son cosas sencillas. No me cuesta demasiado responder, además, así voy recordando yo también como se hacian que ya se me estaba olvidando :)
---------------------
Para reducir el tamaño sin perder calidad, abre el logo y lo guardas como jpg con calidad 100% (por defecto te lo guardaría a un 85%, mueve la barra al 100%). Una vez en jpg, sigues los pasos que te puse arriba. Luego la exportas como gif y ya la tienes ;)
*Si al ser más pequeña la imagen tienes problemas para seleccionar todo el borde blanco, manteniendo pulsada la tecla de las mayúsculas (Shift) puedes añadir zonas a la seleción.
-
si no os parece mal este "mano a mano" va a la portada de la web, es todo un ejemplo :wink:
-
Pues arriba está... ;)
http://www.daboweb.com/index.php?option=com_content&task=view&id=354&Itemid=119
Un saludo
-
Ahí lo he visto , queda de miedo :wink:
-
:D :D :D
Vaya sorpresa!
He leído los últimos posts esta tarde y luego... el teléfono, las visitas etc… ¡Estaba deseando que se marcharan todos de mi casa para deciros que me produce mucha satisfacción que el hilo se haya destacado en la portada de daboweb. Pero, el mérito, evidentemente, es todo de vuestro trabajo.
:wink:
-
Hombre el mérito debe ser tuyo , que para eso es tu web :wink:
Si nosotros solo pasábamos por aquí :lol:
-
Hola amigos.
Los avances son lentos: Falta dominio de la técnica, estudio y, sobretodo, falta arte.
Estas son las últimas, pobres, creaciones de logos.
http://www.vidaycolor.com/prueba_gif.htm
Ninguna me deja satisfecho y me voy a tomar un descanso sobre el tema.
En realidad, la apariencia estética de la Web, aunque es importante, no es un tema prioritario de momento. Y, a veces, mejor despejar la mente con otros temas.
-
Hola piero:
Para las pruebas como en este caso con el logo, te recomendaria que usases una nueva index dentro de una carpeta.. puedes duplicar incluso la index actual, pero piensa que ya estas en el aire.. y las pruebas por detras estan mejor..... :wink:
En cuanto a despejarse con otros trabajos es buena opcion, a veces unos dias en otros temas facilitan la labor..
un saludo :wink:
-
A mí personalmente me gusta como lo puso Gepetto :wink:
Aunque el logo debe ir acorde a la personalidad de la página y del autor , debe ser un símbolo de identificación que exprese una idea o un sentimiento , pongas el que pongas estará bien :)
-
Hola.
Destroyer dijo:
Para las pruebas como en este caso con el logo, te recomendaria que usases una nueva index dentro de una carpeta..
Lo he intentado sin éxito. He creado una carpeta "pruebas_html" en el panel de control de la Web, le he subido las carpetas private, vti_cnf, vti_pvt, la página de los gif y la he renombrado index.htm y nada (utilizo el filezilla). También he probado a subir toda la web a esa carpeta pero no rula. No se si he hecho algo mal o existe alguna limitación en el servidor por lo que no se me permite hacerlo.
He intentado también crear la nueva carpeta desde el filezilla con idénticos resultados...
Supongo que el problema debe de ser de permisos.
En el filezilla, en la carpeta public_html (que es adonde subo los archivos para publicarlos), me pone "permission":drwxr-x---
mientras que en la carpeta pruebas_html pone drwxr-xr-x
Mañana lo seguiré estudiando.
Liam:
Gracias por expresar tu opinión. :wink:
Buenas noches.
-
Muchas gracias Liamngls :), aunque es cierto que el contorno de la sombra se ve irregular.
Piero, aquí te lo dejo arreglado y con fondo del color de la página (ocupa poco más de 8kb):
(http://img.villagephotos.com/p/2005-2/958566/logo2bb.jpg)
Por cierto, el color de fonde de tu página es el #666666 (lo puedes ver en <body bgcolor=#666666>).
Bueno, esto te lo pongo porque no me gusta dejar las cosas a medias. En realidad es lo que dice Liamngls, tu usa el logo que te guste a tí :)
-
Bueno, ya que estoy te respondo también a tu último mensaje, que no lo había visto.
Creo que a lo que se refiere destroyer, es que no hagas las pruebas sobre el index principal o en el directorio raiz ya que la página está subida. Lo mejor es crear una carpeta vacía en tu pc, meter la página de prueba y luego subirla al servidor. El enlace quedaría así:
www.vidaycolor.com/carpeta/prueba_gif.htm
-
:D :D :D
Hola a todos.
Al impagable Gepetto: muchas gracias por el trabajo con el logo. Creía que era imposible de conseguir porque, aunque yo ponía el mismo color del fondo, luego, al cambiar de formato… ya no salía igual (lo que me parecía lógico porque los colores se recalculan y salen “parecidos” pero no idénticos). Ya he colocado el tuyo todas las páginas
La nueva dirección de las pruebas de los logos es:
ESTA (http://www.vidaycolor.com/pruebas/)
Creo que a lo que se refiere destroyer, es que no hagas las pruebas sobre el index principal o en el directorio raiz ya que la página está subida. Lo mejor es crear una carpeta vacía en tu pc, meter la página de prueba y luego subirla al servidor.
Me da mucha rabia porque ayer, después de romperme la cabeza más de una hora con el tema de la nueva carpeta, nada más apagar el ordenador, he caído en la cuenta de cómo había que hacerlo. ¿Os pasa a vosotros también que cuando dejáis de pensar en un problema es el momento en que encuentras la solución? A mí muchas veces.
El mecanismo se describe muy bien en un libro que os aconsejo: “El Espíritu Creativo” de Daniel Goleman, Paul Kaufman y Michel Ray. Ed Vergara. Interesantísismo
-
madre mia, creativo lo que se dice creativo es este post, un abrazote a todos, sois cojonudos :wink: