F08: Hotellwebbplats v.2

OBS: Om du gör din hotellwebbplats mobilanpassad från början behöver du inte gör a F12

tre bra ex på bootstrapwebbplatser från läsåret 2015-2016

Ett exempel på hur det kan se ut

Ett Bootstrap exempel på hur det kan se ut

Här är de generella krav för webbplatsen som du bör ha i åtanke:

• Webbplatsen ska innehålla minst fyra sidor (Start, Boka, Hitta, Kontakta) som är länkade till varandra i en horisontell meny.

• Den ska innehålla en presentation av hotellet och det ska vara möjligt boka rum (med ett formulär, som dock ej behöver fungera fullt ut).

För hjälp med formulär se denna fantasiska film http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Creating-Forms-10

Webbplatsen ska även innehålla något annat – vad får du välja själv (t.ex. aktiviteter som hotellet erbjuder, sevärdheter i staden eller något liknande).

Nu ska du ha gjort alla sidorna och fyllt dem med innehåll. För C och A behöver inte ha infogat ett diskret DOM-skript än. Men allt annat bör vara klart. Titta noga igenom alla kraven på webbhotellet.

Krav från F07

• För minst E
  • Webbplatsen ska ha en enhetlig design
  • Webbplatsen ska innehålla både text, bilder och färger som du själv valt.
  • Webbplatsen ska innehålla länkar till externa webbplatser.
    • <a href="https://google.com" target="_blank"> länk till extern webbsida</a>
  • Det ska finnas möjlighet att kommunicera via e-post (du kan hitta på en epostadress)
    • <a href="mailto:testadress@mail.com">länk till epost</a>
  • Använda CSS för stilmall
  • För minst C och A
    • Alla HTML filerna ska gå igenom w3c validering för HTML5.
    • Alla CSS filer ska gå igenom w3c validering för minst CSS2.
      • Du ska använda egen CSS fil för att ändra layout och design på webbplatsen
    • Sidan ska fungera på minst två olika webbläsare av de senaste versionerna (Internet Explorer(PC), Firefox, Chrome eller Safari(mac))
  • Nya krav på F08
    • Du ska ha med en sidfot på alla sidor med adressuppgifter
    • Du ska ha med ett bokningsformulär som inte behöver fungera
    • Du ska infoga ett enkelt diskret dom-skript(JavaScript) (tex https://www.w3schools.com/howto/howto_js_slideshow.asp
    • Sidan ska innehålla in inbäddad Google karta som klarar valideringen i HTML5.