martes, 24 de diciembre de 2013

jueves, 19 de diciembre de 2013

Conmutador de estilos

Ya he solucionado el problema del conmutador de estilos, el logo quedaba por encima y no dejaba que se seleccionasen los botones para el cambio de CSS. Cambiando el ancho del logo y el margen para que no quede centrado sino a la derecha se soluciona.

miércoles, 18 de diciembre de 2013

Publicación 2

Ya he conseguido que compruebe si los campos del formulario están vacíos o no, y adicionalmente he añadido una comprobación para el e-mail y para el teléfono, ambas encontradas en internet

Publicación

Me he dado de alta en el servidor gratuito http://www.000webhost.com/ recomendado en clase, y he creado un subdominio para subir la aplicación a internet. Siguiendo los pasos del tutorial del moodle he creado una base de datos en el servidor para la función con php para la sección de contacto, he cambiado el archivo php con los datos para que se conecte a la base de datos y he subido todos los archivos.
Al enviar los datos del formulario, estos se guardan correctamente en la base de datos, pero no comprueba que los campos estén vacíos ni obtiene correctamente los datos una vez introducidos
La página web se puede ver en:
http://goc.site50.net

PHP

Para el apartado contacto he creado el formulario siguiente:












<form action="edatos.php" method="post">
<label for="nombre"> Nombre: </label><br />
<input name="nombre" type="text" /><br />
<label for="telefono">Teléfono: </label><br />
<input name="telefono" type="text" /><br />
<label for="email">e-mail: </label><br />
<input name="email" type="text" /><br />
<label for="mensaje">Mensaje: </label><br />
<textarea cols="40" name="mensaje" rows="8"> </textarea><br />
<input type="submit" value="Enviar" />
</form>

Lo que va a hacer es al darle a enviar va a guardar los datos en una base de datos, y despúes va a sacar esos datos de la base de datos para mostrarlos en la pantalla al usuario.
Tenía pensado hacer otra función con el php, ya que esto no es excesivamente útil, pero debido a la falta de tiempo, esto es lo que he hecho

Secciones

He añadido el contenido de las secciones. Al pinchar sobre cada uno de los elementos del menú de navegación superior, he hecho con jQuery que lo que se haga sea cambiar(con el comando load) el contenido del div "content" que es el que tiene el contenido principal de la página con archivos html que he hecho a parte. La sección de "Obras y proyectos" no he podido completarla así que al seleccionar cualquiera de los enlaces de la misma sale la página de "En construcción" que he creado con algunas de las imágenes que estarán en la sección.
Falta arreglar el conmutador de estilos que no he conseguido hacerlo funcionar con la cookie, y la parte del php, que haré con un formulario en la sección de contacto.

martes, 12 de noviembre de 2013

Cambios en el diseño principal

He hecho más cambios en el diseño principal, he ampliado la anchura del contenido de la página, he incluido el logo en la parte superior izquierda, con un div, poniendo la imágen como fondo del div y que no se repita la imágen, y en 'background-size' le he puesto 'contain' para que se vea bien la imágen entera. La imagen tiene el fondo transparente para que se vea el fondo de la página que es una trama que he hecho:

Además le he añadido un borde a la parte del conteido entre el nav y el footer y una sombra en la parte izquierda y en la inferior de todo el contenido.
Así es como ha quedado

He conseguido que funcione el conmutador de estilos, aunque no le he puesto cookie, por lo que no se guarda el estilo.