Introduktion till webbutveckling
•Download as PPTX, PDF•
0 likes•678 views
Introduktion till gymnasiekursen Webbutveckling. Slidern är lånad av den eminenta läraren på Östra Gymnasiet Markus Pettersson. Den kommer snart ersättas av Pooma egen slide!
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Introduktion till webbutveckling
Similar to Introduktion till webbutveckling (16)
Introduktion till webbutveckling
- 1. WEBBDESIGN Introduktion till webbutveckling www.pooma.se
- 2. WEBBDESIGN Internet • Började som Arpanet – ett militärt nätverk i USA (1960-talet) • World Wide Web (länkade webbsidor) uppfanns 1990 – av Tim Berners-Lee. Första datorn kopplad till Internet. www.pooma.se
- 3. WEBBDESIGN Internet • E-post • IP-telefoni (Skype) • Streaming (film, radio etc.) • Fildelning • WWW – Länkade webbsidor www.pooma.se
- 4. WEBBDESIGN Webbserver Webbserver – dator kopplad till Internet som innehåller webbsidor etc. Klient – dator eller enhet som hämtar sidor från en server www.pooma.se
- 5. WEBBDESIGN Webbsida/webbsajt En webbsida är en sida med text och bilder som man kan ta del av via en webbläsare En webbsajt är en samling webbsidor som hänger ihop Man flyttar sig mellan webbsidor med hjälp av länkar En webbsajt kan bestå av hundratals olika webbsidor www.pooma.se
- 6. WEBBDESIGN Webbläsare • Programmet som tar emot och ritar upp webbsidan på skärmen. • Vissa skillnader bland webbläsarna. Testa flera olika webbläsare! • Kallas även browser. www.pooma.se
- 8. WEBBDESIGN Statistik – juli 2012 www.pooma.se
- 9. WEBBDESIGN Att skapa webbsidor Grafisk redigerare, t.ex. Dreamweaver Koda för hand – i DreamWeaver eller t.ex. NotePad++ Två kodspråk: HTML och CSS. www.pooma.se
- 10. WEBBDESIGN HTML-filer Webbsidor byggs upp med HTML-kod index.html Varje webbsida är en html-fil HTML-filer har ändelsen .html om_oss.html galleri.html kontakt.html Startsidan på en webbsajt har namnet index.html www.pooma.se
- 11. WEBBDESIGN HTML HTML – HyperText Markup Language HTML anger vad som är vad på en webbsida (rubrik, vanlig stycketext, bild etc.) HTML består av ”taggar” – kodord som används för att markera delar av webbsidans innehåll. <h1>Sidan om ingenting</h1> <p>Här kommer ett stycke text om ingenting</p> <p>Här kommer ett till stycke om ingenting</p> www.pooma.se
- 12. WEBBDESIGN HTML - exempel <h1>Webbdesign</h1> <p>Välkomna till kursen Webbdesign!</p> <p>I kursen kommer ni att få lära er hur ni skapar snygga, användarvänliga och väl fungerande webbsidor.</p> <h2>Kunskapsområden</h2> <p>Att skapa bra webbsidor kräver kunskaper inom flera olika områden (därför är det vanligt att man arbetar i team på webbyråer).</p> www.pooma.se
- 13. WEBBDESIGN Exempel på taggar <h1> - rubrik <h2> - mellanrubrik <p> - textstycke <br /> - ny rad ATTRIBUT <img src="filnamn.jpg" /> - bild <a href="nisse.html">Klicka här</a> - länk www.pooma.se
- 14. WEBBDESIGN Grunden i ett HTML-dokument Doctype – vilken version av html som används Allt ramas in av taggen <html> Head – information om sidan Body – innehållet på sidan, text och bilder <!DOCTYPE html> <html> <head> <title>Sidans titel</title> </head> <body> Innehållet på sidan </body> </html> www.pooma.se
- 15. WEBBDESIGN Uppgift 1 Skapa en webbsida där du berättar om dig själv. Sidan ska innehålla: • En huvudrubrik <h1> • Mellanrubriker <h2> till <h6> • Vanlig text <p> • En lista <ul> och <li> • Bild <img src="filnamn.jpg"> • Länk <a href="http://www.sl.se"> www.pooma.se