Gör två wireframes för Desktop: Index och Hitta i Figma
Dela din Figma med din lärare
Du får INTE använda
samma bilder eller logga som jag har.
gråa färger som jag gör
Du får använda
samma namn på länkarna i menyn
använda samma layout som mig
Dela Figma länken med din lärare
Här kan ni ladda ner den färdiga webbplatsen
Använd små bokstäver i löptext utom stor bokstav i början av meningar.
Rubriker och menytext måste vara äkta, men löptext, bildtext kan vara Lorem Ipsum text
Menyn ska vara i början av webbsidan
Alla sidor ska vara i menyn även den aktuella sidan
Webbplatsen ska ha en enhetlig design
Alla sidorna ska ha en korrekt <title> som är vad sidan heter
Webbplatsen ska innehålla bilder och färger som du själv valt.
Bilderna ska inte vara av för dålig kvalitét: jpg artefakter mm
Ett enkelt sätt att optimera bilder är https://ezgif.com/optijpeg
Använda CSS för stilmall. Huvuddelen av CSS koden ska finnas i gemensam CSS-fil. Du får inte använda Tailwind. Bootstrap eller liknade. Tänk på DRY-principen. Använd inte samma kod två gånger. Tex om du använder mer än en CSS-fil ska inte koden upprepas
Du ska göra minst TVÅ sidor: Start sida och en av dessa ( Boka Hitta, Kontakta eller ditt förslag, tex)
Kontakt
Sevärdheter
Matsedel
Startsidan ska innehålla minst en bild som visar något om hotellet
Huvudsidornas länkar ska synas på alla webbsidor: Man får tex inte bara ha "start" och så måste användaren klicka få att få fram de andra länkarna.
Webbplatsen behöver inte vara responsiv (mobilanpassad)
Testa webbplatsen med minst en webbläsare
Webbplatsen behöver inte vara responsiv (mobilanpassad)
Testa webbplatsen med minst en webbläsare
Lägg upp koden på GitHub och dela Pages och koden
Exempel på länk till koden på GitHub
https://github.com/paubel/web1-02-first-web-page
Exempel på länk till Github Pages
https://paubel.github.io/web1-02-first-web-page/
E
Skriv om hur väl din webbplats stämmer med din Figma