Ayuda Dreamweaver y yii framework!

Abadie · #1 (**permalink**) 15/06/2010, 07:23

Hola,muy buenas,me presento ante el foro para haceros unas preguntas,haber si me podeis ayudar y aclarar algunas cosas.
Trabajo desde casa para 2 personas que quieren una pagina de multinivel aunque les hago otras cosas,el caso es que yo diseño en dreamweaver y conozco algo de php(se leerlo y modificarlo, pero escribirlo es otro cuento).
Estas 2 personas a su vez tienen a otra persona desde hace mas tiempo que yo que diseña en php con yii framework y dice que las cosas que yo le hago no le valen.Por ejemplo,le cree una cabecera curiosa con photoshop,creando unos botones que al poner el raton encima modificaban el color y el texto del boton,yo no tengo ningun problema para incluirla en la pagina con Dreamweaver pero el parece que si.
El caso es que instale el yii framework en mi ordenador para ver como iba,cree la primera aplicación y bueno lo que mas o menos comprendi es que el programa te crea una aplicacion en php pero luego esa aplicacion tu puedes incluirla con dreamweaver dentro de tu codigo html(siendo conciente que el documento debe ser en php-index.php),p ejemplo dentro de un div.
Es que creo que el no sabe nada de diseño,porque los diseños que le he visto tienen fallos de dimensiones,barras de navegacion mal hechas,..etc y lo que yo pienso que pasa, es que el sabe hacer las cosas de una forma y todo lo que no sea su forma no le vale.

Trabajo sin contrato,a media jornada y llevo poco tiempo.
Me gustaria que me aclaraseis un poco el tema del yii y dreamweaver porque vamos a reunirnos en breve él,mis jefes y yo.Y no quiero que me engañe o que me cuente una historia y yo por no saberlo,no poder responderle o decirle que el que no sabe es él y que si se puede hacer.

Os pido perdón por el tocho,pero queria exponeros no solo la consulta si no tambien la situación.

Muchas Gracias.ayudarme por favor.

NUCKLEAR · #2 (**permalink**) 15/06/2010, 11:17

Dile al desarrollador de mi parte que no sabe nada.
Todo lo que se vea en un navegador puede ser integrado con cualquier framework(que se vea mal y feo a causa de un mal diseño o maquetación es otra cosa)

Cuando entregas algo lo entregas en HTML Jscript CSS Imagenes no hay mucha ciencia, que no lo sepa hacer es otro cuento.

Con respecto a YII tampoco en caracter de diseñador debes entender en profundidad, toma su tiempo entenderlo y ponerlo en practica, asi que diria que si no es lo tuyo dediques ese tiempo valioso a perfeccionarte como diseñador. Que de los buenos hay muy pocos.

Carlangueitor · #3 (**permalink**) 15/06/2010, 11:43

NUCKLEAR tiene razón, con entregar los HTML, CSS y JS es suficiente para usar cualquier tecnología, no solo PHP. Pero también puedes estar equivocado, me refiero a que, suponemos que lo estas haciendo correctamente, pero si lo que haces es hacer tu trabajo en Photoshop y lo exportas así como va o lo haces con tablas pues también el programador te lo retachara.

Saludos

Abadie · #4 (**permalink**) 15/06/2010, 12:24

Muchas gracias por las repuestas, primero hago la cabecera con las imagenes y de la forma que considero y luego meto la barra de navegacion creada de forma muy parecida a esto, pero mas bonito y personalizado.
No se si puedo poner enlaces externos:
http://www.youtube.com/watch?v=cTizDQh0tzE&feature=related

Abadie · #5 (**permalink**) 15/06/2010, 12:42

Os quiero mandar una cabecera no acabada,pero del estilo a la que yo le mande a él,a ver que me decis,el problema es que no se como adjuntar a el mensaje el archivo,a si que lo he subido a megaupload.
http://www.megaupload.com/?d=HTOW32M6

La cabecera no esta acabada,le queda perfeccionar el logo e imagen de cabecera y poner una barra al lado de la de navegacion.

Ejecutar cabecera2.html para ver el funcionamiento de la barra de navegacion.

Muchas gracias.

Carlangueitor · #6 (**permalink**) 15/06/2010, 12:54

El archivo no esta disponible, pon el código, aunque de todas formas creo que si lo estás haciendo la forma incorrecta.

Saludos

Abadie · #7 (**permalink**) 15/06/2010, 12:59

Perdon,es que subi lo que no era.
http://www.megaupload.com/?d=HTOW32M6

Ahora pongo el codigo.

Abadie · #8 (**permalink**) 15/06/2010, 13:05

Os he subido el archivo para que veais la cabecera como funciona en el navegador.

Este es el código de la cabecera.

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="Muestra2.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

</script>
</head>

<body onload="MM_preloadImages('imagenes/Inicio_down.png','imagenes/APagina_down.png','imagenes/Publicidad_down.png','imagenes/Empresa_down.png','imagenes/Buscar_down.png','imagenes/Contacto_down.png')">
<div id="cabecera">
<div id="capa1"></div>
<div id="capa2">
<table id="Tabla_01" width="758" height="35" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Inicio','','imagenes/Inicio_down.png',1)"><img src="imagenes/Inicio_up.png" alt="Inicio" name="Inicio" width="112" height="35" border="0" id="Inicio" /></a></td>
<td>
<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('APagina','','imagenes/APagina_down.png',1)"><img src="imagenes/APagina_up.png" alt="Anadir Pagina" name="APagina" width="142" height="35" border="0" id="APagina" /></a></td>
<td>
<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Publicidad','','imagene s/Publicidad_down.png',1)"><img src="imagenes/Publicidad_up.png" alt="Publicidad" name="Publicidad" width="141" height="35" border="0" id="Publicidad" /></a></td>
<td>
<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Empresa','','imagenes/Empresa_down.png',1)"><img src="imagenes/Empresa_up.png" alt="Empresa" name="Empresa" width="121" height="35" border="0" id="Empresa" /></a></td>
<td>
<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Buscar','','imagenes/Buscar_down.png',1)"><img src="imagenes/Buscar_up.png" alt="Buscar" name="Buscar" width="121" height="35" border="0" id="Buscar" /></a></td>
<td>
<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contacto','','imagenes/Contacto_down.png',1)"><img src="imagenes/Contacto_up.png" alt="Contacto" name="Contacto" width="121" height="35" border="0" id="Contacto" /></a></td>
</tr>
</table>
</div>
</div>
</body>
</html>

Muchas gracias.

Carlangueitor · #9 (**permalink**) 15/06/2010, 13:16

Bueno, mira hay aquí unas cosas, la forma en que los estás entregando no es recomendable, estás utilizando muchas lineas de código innecesarias, si quieres trabajar de esto deberías aprender HTML y CSS, los procesos automatizados de Photoshop y Dreamweaver no son recomendables.

Ahora, quizá el programador no se refiera a eso, ya que así como está, se puede agregar la programación necesaria, Habla con el a ver que es lo que quiere.

Saludos

Abadie · #10 (**permalink**) 15/06/2010, 13:27

Tengo bastantes conocimientos de html y css(sin que suene pedante,tampoco muchisimos),lo que pasa es que escribir a pelo el codigo es otro cantar,aunque lo entiendo perfectamente,por eso utilizo dreamweaver,aunque trabajo bastante mas sobre la parte del código que sobre la de diseño.

En cuanto a la cabecera,primero meto el codigo de la cabecera y luego les agrego las imagenes de sustitucion.El codigo es funcional verdad,vamos que podría utilizarla,no?

Muchas gracias,Saludos.

Carlangueitor · #11 (**permalink**) 15/06/2010, 13:52

Ah, entonces te da flojera... ¿Creíste que esto era un jueguito?

Mira no se si esto era a lo que se refería tu programador, pero por lo menos yo te lo hubiera rechazado. Lo que has hecho carece de valor semántico, pesa mucho y no funciona le rollover con el JavaScript desactivado. Si lo hicieras a mano tendrías mucho menso de la tercera parte de código. Estoy seguro que a tus clientes les gustaría tener una buena posición en Google, y eso no les ayuda nada.

Sobre si es funcional, pues si, digo cualquier cosa es funcional. Pero de ahí a que -según mi punto de vista- lo considere un buen trabajo, no.

Saludos

Abadie · #12 (**permalink**) 15/06/2010, 14:10

Mira no quiero ser pesao,puedes hacerme el favor de ponerme la estructura del codigo de esa cabecera a grandes rasgos,vamos como tu lo harias,para ver realmente sobre el papel como seria mejor.

Es que hice un master de Deusto sobre diseño Web y ademas de enseñarme el código,me enseñaron a diseñarlo con dreamweaver.

Muchisimas gracias Carlangueitor .

Carlangueitor · #13 (**permalink**) 15/06/2010, 14:37

Omitiendo medidas, paddings y margins, sería algo así:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>PruebA</title>
    <style type="text/css">
        #menu li{
            float: left;
            list-style: none;
            }
        #menu li a{
            background: url(imagen.png) /*Imagen de fondo normal*/
            display: block;
            }
        #mneu li a:hover {
            background: url(imagen2.png) /*Imagen de fondo Hover*/
            }
    </style>
</head>
<body>
    <div id="header">
        <h1><a href="#"><img src="logo.jpg" alt="Webs CLasificadas" /></a></h1>
        <ul id="menu">
        <li><a href="#">Inicio</a></li>
        <li><a href="#">Añadir Página</a></li>
        <li><a href="#">Publicidad</a></li>
        <li><a href="#">Empresa</a></li>
        <li><a href="#">Buscar</a></li>
    </ul>
    </div>
    
</body>
</html>

NUCKLEAR · #14 (**permalink**) 15/06/2010, 16:23

Como lo pone Carlangueitor sería la manera correcta de hacerlo, el over de las las imágenes de los menus hace que no sea posible modificarlo dinamicamente. Asi que si el desarrollo incluye la modificacion de los menus de manera dinamica como lo estas haciendo se haria más dificl (aunque no imposible). Seguro es lo que no quiere el desarrollador.

PD: El hecho de que sepas usar Dreamweaver o hacer Slices con Fireworks no te hace un Diseñador web, hay mucho detraz, y creeme cuando digo mucho, es mucho. No lo tomes a la ligera, como te digo Diseñadores web hay pocos y que sean buenos menos aún.

Saludos.

Abadie · #15 (**permalink**) 15/06/2010, 17:00

Vale,muchas gracias a los 2,me pondré a estudiar.