Gör en sida i HTML5 där du skriver kortfattat om en bra film du sett
Du ska ha med en bild i jpg (tex postern till filmen). Välj en bild som är liten. Max en halv skärmhöjd
Du ska använda <h1> tag till rubriker.
Du ska använda <p> tagen till löptext.
Använd en extern CSS fil som du länkar från HTML-filen.
CSS ska påverka
h1: teckensnittet Verdana storlek 1.7rem, färg valfri men tänk på att den ska passa ihop med de andra färgerna
p: teckensnittet Verdana, storlek 1.2 rem, färg valfri men tänk på att den ska pass ihop med de andra färgerna
bakgrundsfärg: valfri dock EJ VIT
Du ska validera både HTML5 och CSS koden med w3c validatorer.
Du ska lägga ut webbsidan på Github och dela koden och Github Pages länken . Det kan se ut så här: Koden: https://github.com/paubel/brighthotell
Github Pages: https://paubel.github.io/brighthotell/
1) Finns det någon skillnad mellan internet och webben (www)? Förklara den.
Vad är skillnaderna mellan Dataskyddsförordningen (här efter förkortat GDPR=General Data Protection Regulation) och Upphovsrätten.
Vem eller vad skyddar GDPR respektive Upphovsrätten?
Gör en sitemap för två webbsidor: Index och Hitta
Gör två wireframes för Desktop: Index och Hitta
Exportera till tre PNG bilder och dela med din lärare
Rubriker och menytext måste vara äkta, men löptext, bildtext kan vara Lorem Ipsum text
Ett filmserie om ett komplett exempel på en E webbplats
Här kan ni ladda ner den färdiga webbplatsen
Webbplatsen ska ha en enhetlig design
Webbplatsen ska innehålla både text, bilder och färger som du själv valt.
Ett enkelt sätt att optimera bilder är https://ezgif.com/optijpeg
Använda CSS för stilmall
Du ska göra minst TVÅ sidor: Start sida och en av dessa ( Boka Hitta, Kontakta)
Startsidan ska innehålla minst en bild som visar något om hotellet
Startsidan ska innehålla en text som du hittar på 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.
Minska bildernas storlek om de är för stora med tex: https://ezgif.com/optijpeg
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 sitemap och dina wireframe.