Labb 1: Statisk Hemsida

fotositen

På vår första labb skulle vi skapa en statisk hemsida med HTML och CSS i grupp om två personer. Jag och min gruppkompis bestämde oss för att göra en fiktiv hemsida till en fotograf. Vi ville att den skulle vara ljus i färgerna med fokus på bilderna som fotografen vill visa upp.

Vi började med att rita en mock-up i Photoshop innan vi började koda hemsidan. Först kodade vi upp grundstrukturen med HTML för att sedan lägga dit CSS.

Det svåraste med uppgiften var att göra ett galleri. Vi använde oss tillslut av ett jQuery-plugin som heter Fancybox. Med det fick vi till ett riktigt snyggt galleri som zoomar in på bilden när man klickar på den och så kan man klicka sig vidare till nästa bild. Vi blev mycket nöjda med den.

I kriterierna för uppgiften stod det specificerat att man skulle lägga in två annonser. Vi lade in två på förstasidan men tyckte inte egentligen att det passar med annonser på en hemsida för en fotograf.

Hemsidan producerades på en lokal server så det finns ingen länk för att se men bilden föreställer den ursprungliga skissen.

2 svar till “Labb 1: Statisk Hemsida”

  1. Cassandra skriver:

    Jag gillar att hemsidan är väldigt stilren och strukturerad. Eftersom det är en fotografs hemsida är det bra att det är direkt fokus på bilden. :)

    Den enda förbättringen jag kan komma på är om ni kanske kunde ha lagt till en slags slogan eller kort text under rubriken.

  2. Johannes skriver:

    Hej igen igen.
    Denna sida ser även den bra ut grafiskt. Om möjligen lite,lite,(pyttelite) år det skrala hållet. Hur som hafver….bra jobbat!

Lämna ett svar till Cassandra