jueves, 9 de enero de 2014

PHP y MySQL

Siguiendo uno de los ejemplos de moodle he creado una base de datos que contiene el contenido que quiero actualizar a la cual solo yo tengo acceso, de esta forma puedo actualizar el contenido de la pagina web de forma mas rápida.

En contacto he creado una sección con la dirección y el correo de contacto utilizando PHP

Analisis primer estilo


Como ya he explicado antes, me he descargado una plantilla de www.css3templates.co.uk y la he modificado a mi gusto, cambiando el fondo, las fotos, colores, etc. 

Cabecera:

Se encuentra el titulo de mi pagina y al lado el conmutador de estilos. Inicialmente había tres, pero he eliminado uno de ellos porque solo me interesan dos. El titulo tenia dos colores, yo he puesto solo uno porque me parece que da mas uniformidad a mi pagina.


Novedades:

Situado en un bloque a la izquierda de la pagina, contiene las ultimas actualizaciones que he hecho. Se encuentra en un recuadro del mismo color que el titulo y la barra superior para que la pagina web sea mas profesional. En novedades se incluyen las fotos de mis ultimas actualizaciones y una breve descripción.



Menú:

En la barra de menú he creado distintas secciones para clasificar las recetas según el tipo de ocasión. He dedicado la ultima sección a contacto, para que los interesados puedan contactar conmigo si tienen alguna duda.
No he creado ningún desglose en las secciones ya que no me parece necesario.


Contenido:

El contenido principal no lo he podido modificar todavía, porque necesito las recetas, así que lo modificare mas adelante de la siguiente forma. En la pagina inicial escribiré una introducción a mi pagina web, explicando a quien va dirigida y el tipo de recetas que contiene. En cada sección describiré las recetas una por una.


En la sección de contacta he añadido mi correo como ya he explicado anteriormente, y he facilitado una dirección aunque no creo que sea necesario.


Pie de pagina:

El pie de pagina no lo he modificado ya que me gusta la simplicidad que tiene el de la plantilla que me he descargado. Así pues he respetado el copyright que aparece en ella

Cambio de estilo

Gracias al cambio de estilo, podemos ver la pagina web con dos estilos distintos. Inicialmente había tres estilos distintos, pero he eliminado el ultimo ya que solo quiero poner dos. Como están instaladas las cookies, cuando entremos de nuevo en la pagina web aparecerá el ultimo estilo que hemos visitado. Si accedemos por primera vez, aparecerá el estilo azul por defecto.

Primer estilo:
El estilo del cuadrado azul tiene el siguiente diseño:


  • Color de fondo amarillo
  • Letra rosa
  • Barra superior recuadrada
  • Bloque de novedades a la izquierda 
Segundo estilo:
  • Imagen de fondo
  • Titulo a doble color
  • Letra gris
  • Barra superior no tiene recuadro
  • Bloque de novedades la derecha
En el segundo estilo he modificado únicamente la pagina de inicio, las otras secciones las modificare mas adelante , ya que este estilo no es permanente, lo modificare mas adelante cuando tenga el contenido de las recetas.


Creando la web

Para crear la web en primer lugar me he descargado una plantilla de "www.css3templateces.co.uk" y la he modificado a mi gusto. Para ello, he cambiado el color del fondo, el tipo de letra y el color, y he añadido fotos de las recetas y noticias. He modificado cada sección de mi pagina web de esta forma, y he clasificado las recetas según la sección a la que corresponden. En la pagina inicial he puesto una receta de cada, y una sección con noticias de las ultimas recetas publicadas. He comprimido las fotos con pixlr para que tarden menos en cargarse. No he cambiado el texto de la pagina inicial ni de las distintas secciones, ya que he preferido centrarme en el estilo de mi pagina. Mas adelante lo modificare con una introducción a mi pagina web y la explicación de las distintas recetas.

El footer no lo he modificado, he respetado el copyright de la plantilla.


En la sección de contacto he añadido una dirección cualquiera que modificare mas adelante, y he facilitado mi dirección de correo para que puedan contactar conmigo . Mas adelante explicare como lo he modificado


El cambio de estilos lo he colocado al lado del titulo de la pagina, para ello he seguido los pasos de un cambio de estilos que he encontrado.

jueves, 24 de octubre de 2013

Todavía no tenemos logo para nuestra página web, así que he seleccionado uno aleatorio. El logo escogido es de la marca lego, que es una fábrica de juguetes. La gama de colores de este logo es amarillo, blanco, rojo, naranja y negro.
El rojo es un color primario y se utiliza para el  fondo, es el que predomina. Es un color cálido que activa los sentidos. Como se trata de una marca de juguetes, el mensaje va dirigido a los niños, por esto es importante que sea un estilo colorido.

Ahora mismo en mi página web he utilizado una foto como fondo, lineas horizontales que contrastan diferentes colores, por tanto es lo mas parecido a un ejemplo de tétrada. Este fondo puede resultar un poco ambiguo ya que puede no mantener el equilibrio, por tanto es probable que lo cambie por un fondo monocromático ya que resulta más elegante y sencillo. Si el fondo es monocromático utilizaré un color apagado, como rosa salmón, ya que de al ser poco intenso cansará menos la vista.



miércoles, 18 de septiembre de 2013

Voy a crear una página web con recetas de cocina para estudiantes. En esta página podremos encontrar recetas de comida fáciles de hacer y de forma económica. Está dirigida especialmente a jóvenes universitarios, pero no exclusivamente. Además de recetas de comida, contiene una sección de bebidas, como coctails. De esta forma también puede resultar útil para personas que quieran impresionar a sus visitas en una ocasión especial.
http://www.recetasparaestudiantes.com/
Esta página web está muy bien estructurada. Tiene una página de inicio donde se actualizan las últimas recetas. Cada receta lleva asignada una foto, si haces clic sobre ella te lleva a la receta.
Tiene 6 secciones en total, estructuradas de la misma forma, sencillas y fáciles de entender.
En la pagina de inicio predomina una foto principal de uno de los platos, que se actualiza al cabo de unos segundos. Además de fotos, tiene un enlace para ver como se prepara en youtube.
Para acceder a cada sección se hace mediante un enlace que hay en la página de inicio. Dentro de cada sección encuentras distintos enlaces, al hacer clic aparece una nueva página en la misma pestaña con la receta.
http://cocinayestudiasinmiedo.blogspot.com.es/
Esta página web es mucho más sencilla, no está dividida en secciones, todas las recetas se encuentran en la página principal. El texto y las fotos están mezclados y es más desorganizado.