Webbdesign vt Innehållsförteckning
|
|
|
- Christoffer Eliasson
- för 9 år sedan
- Visningar:
Transkript
1 Webbdesign vt mångar: Kl. 8:30 12:00 Innehållsförteckning 2. FTP-hur gör man? 3. Grundtaggar 5. Tabeller 6. Infoga bilder 7. Rubriker och fonter 8. Övning 1 9. Installera HTML-edit 11. Startsidans kod 12. Så här ska startsidan se ut 13. Förslag till mappstruktur 14. Sidan Frågesport med programmet HTML-edit Adressen till kursens webbsida : Bra hjälpsidor: Vilka program behöver jag? Anteckningar (Note Pad) Windows gratis HTML-edit Tanka hem från: gratis WS FTP LE Från kursens webbsida gratis Bildbehandlingsprogram Photoshop, Paint Shop Pro, Gimp, eller liknande Boktips! Nyckeln till din egen hemsida på Internet Dan Josefsson ISBN X OBS! Skaffa dig egen webbplats så fort som möjligt. 1
2 FTP- hur gör man? 1. Här kan du skriva ditt namn 2. Serveradress t. ex. ftp.telia.com 3. Inloggningsnamn t. ex. u Lösenord t. ex. gr5jky67 5. Klicka på OK 6. Du är inne Din egen dator Servern Markera de filer du vill överföra och klicka på pil höger eller dubbelklicka på filnamnet Du kan byta namn på en fil RENAME Du kan kasta filer DELETE Du kan skapa mappar MkDir 2
3 Webbsidans grundtaggar Ett HTML-element består av allting mellan en starttagg och en sluttagg. Det kan innehålla ett attribut, vilket består av ett attributnamn och attributvärde. Attributnamnet anger en egenskap som texten mellan starttagg och sluttagg skall ha. Ett exempel på attributnamn är BGCOLOR vilket anger att sidan ska ha bakgrundsfärg. Attributvärdet preciserar attributsnamnets egenskap. Exempelvis så kan du precisera attributnamnet BGCOLOR genom att ange attributvärdet "red", vilket gör bakgrundsfärgen blir röd. <BODY BGCOLOR= red >här kommer innehållet på sidan att hamna</body> Märke Starttagg Attributnamn Attributvärde Märke Sluttagg <html> </html> <head> </head> <title> </title> <body> </body> Anger att allt inom dessa taggar innehåller HyperText Markup Language. Anger start och slut på sidans "huvud". Informationen som finns inom dessa koder syns inte direkt på webbsidan utan den berättar exempelvis för sökmotorer om sidans innehåll, författare samt vilka sökord som kan användas för att hitta sidan. Detta är ett exempel på en tagg som läggs inom sidans "huvud" och det du skriver mellan dessa koder blir sidans titel. Titeln är den text som hamnar uppe i den blå listen i webbläsarfönstret samt blir den titel på sidan som anges när någon lägger till din sida som ett bokmärke. Denna tagg markerar början och slutet på den "synliga" webbsidan. Allt som skrivs mellan dessa koder blir synligt för besökaren. 3
4 <p> </p> <br> <b> </b> <i> </i> <table> </table> <tr> </tr> <td> </td> Anger att ett nytt stycke börjar samt slutar. Anger att textraden skall brytas, med andra ord byter du helt enkelt rad. Allt som skrivs mellan dessa taggar blir fetmarkerad text, "bold" på engelska. Allt som skrivs mellan dessa taggar blir kursiv text, "Italic" på engelska. Dessa taggar markerar början och slutet på en tabell. Dessa taggar markerar början och slutet på en tabellrad. Dessa taggar markerar början och slutet av innehållet i varje cell. <!-- --> Allt som skrivs mellan dessa taggar blir inte synligt för webbläsaren. Mellan dessa taggar kan du alltså lägga in komentarer, Javascript eller SSI som du ej vill ska visas i webbläsaren. <img src ="sv"> Denna tagg infogar en bild på din webbsida. Byt ut filnamn till den sökväg som leder till bilden som skall visas. sv= sökväg till bilden med utgångspunkt från den html-sida där bilden skall visas <img src ="sv" align="left"> Denna tagg gör att bilden hamnar till vänster och att den text du skriver efter denna kod hamnar strax till höger om bilden. sv= sökväg till bilden <a href="?"> Nisse </a> Ordet Nisse blir en länk när du byter ut "?" mot den adress/fil du vill länka till. <a href="?">dn</a> Ordet DN blir en länk när du byter ut "?" mot: 4
5 TABELLER & LAYOUT TABLE, TR och TD Som ni säkert har förstått så är HTML inte det lättaste att hantera när det gäller layout. Man kan inte riktigt få bilden eller texten där man vill ha den. Det är där tabellerna kommer in. Idag kan man nästan inte hitta en hemsida där tabeller inte har använts. Det är helt enkelt det bästa sättet att placera saker på rätt plats. Tabellerna består av rader och kolumner i det antal du skriver in. Tabellen, en viss rad eller en viss kolumn kan ha en fast bredd eller höjd i punkter eller en relativ bredd eller höjd i procent. Alla celler kan ha olika justeringsattribut eller bakgrundsfärg. Tabellerna börjar och slutar alltid med en TABLE-tag, Varje rad i tabellen börjar och slutar alltid med en TR-tag (Table Row). Inom varje rad kan man ha valfritt antal celler, TD (Table Data), som bildar kolumner. <TABLE> <TR> <TD>Rad 1 Cell 1</TD><TD>Rad 1 Cell 2</TD> </TR> <TR> <TD>Rad 2 Cell 1</TD><TD>Rad 2 Cell 2</TD> </TR> </TABLE> Resultatet av denna tabell kanske inte är så fint. Med det förklarar grundprincipen. Border, cellspacing & cellpadding Det finns en mängd attribut som hänger ihop med tabeller, rader och celler, exempelvis BORDER, CELLSPACING och CELLPADDING. Border bestämmer hur stor ram det skall vara i ytterkanten. Cellspacing bestämmer hur stort avstånd det skall vara mellan cellerna och cellpadding bestämmer avståndet från texten eller objektet i cellen till dess ytterkant. Alla värden är i antal punkter. Attributen skrivs i TABLE-taggen som följer. <TABLE BORDER="5" CELLSPACING="2" CELLPADDING="10"> <TR> <TH>Rad 1 Cell 1</TH> <TH>Rad 1 Cell 2</TH> </TR> <TR> <TD>Rad 2 Cell 1</TD> <TD>Rad 2 Cell 2</TD> </TR> </TABLE> Vill man inte ha någon ram eller mellanrum så sätter man alla värden till noll. 5
6 INFOGA BILDER Hemsidan blir ofta lite roligare om man lägger in några bilder. För att lägga in en bild skriver man: <IMG SRC="bildnamn.gif"> I detta fall måste bilden ligga i samma katalog som hemsidedokumentet. Annars hittar inte webläsaren bilden. Det brukar ofta bli rätt många bilder och dokument till en hel "site". Då är det bra att skapa underkataloger till sina bilder. Om bilden ligger i en underkatalog som heter "bilder", skriver du så här: <IMG SRC="bilder/bildnamn.gif"> Andra bildattribut Om man vill vara "nästan" säker på att layouten bibehålls även om bildvisningen är avstängd i webläsaren, så bör man lägga till attribut för bredd och höjd på bilden. Då syns ofta en tom ruta i rätt storlek åtminstone. Detta medför även att bildnedladdningen blir en aning snabbare i vissa fall. Observera att bilden blir den storleken du skriver in. Skriver du fel blir bilden förvrängd. <IMG SRC="bilder/bildnamn.gif" WIDTH="300" HEIGHT="200"> Ibland kan det behövas lite "luft" mellan bilden och omkringliggande text. Horisontellt eller vertikalt. Eller man kanske vill ha en ram runt sin bild. <IMG SRC="bilder/semester.jpg" WIDTH="300" HEIGHT="200" HSPACE="5" VSPACE="15" BORDER="3"> Bildens justering En bild är som standard alltid justerad till vänster i fönstret och texten "flyter" inte runt bilden automatiskt. Det finns en mängd attribut för att justera bilden i förhållande till texten. <IMG ALIGN="left" SRC="...> Bilden ligger till vänster och texten flyter runt bilden. <IMG ALIGN="right" SRC="...> Bilden ligger till höger och texten flyter runt bilden. <IMG ALIGN="top" SRC="...> Texten börjar i bildens överkant. Texten flödar inte. <IMG ALIGN="middle" SRC="...> Texten börjar i mitten av bilden. Texten flödar inte. 6
7 RUBRIKER & FONTER Normal text behöver man inte sätta några taggar omkring. Den har alltid sin standardstorlek. Vill man öka eller minska den storleken så finns det några sätt att göra det på. Font I fonttaggen kan man styra hur stort teckensnittet skall vara, vilken färg det skall ha och i viss mån vilket teckensnitt det skall vara. Glöm inte sluttaggen! Standardinställningen är för det mesta storlek 3 på en skala mellan 1 och 7, svart och Times New Roman. Om inte användaren har ställt in något annat i sin webläsare. Vill man ändra på detta kan man t.ex. skriva så här: <FONT SIZE="1" FACE="Arial, Geneva" COLOR="#00FF00">Denna text är grön</font> Denna text är grön SIZE="1" Detta ger den allra minsta storleken på teckensnittet. Kan vara mellan 1 och 7. Kan även skrivas relativt, t.ex. SIZE="+2" eller SIZE="-3", för att tillfälligt öka eller minska teckensnittet. COLOR="#..." Fungerar på samma sätt som bakgrundsfärgen. FACE="..." Här kan man skriva in önskat teckensnitt. Teckensnittet måste dock finnas i den dator där dokumentet läses annars väljs standardteckensnittet istället. Här har jag valt en vanlig rubrikfont från PC-världen och en liknande från Macvärlden. Man behöver inte använda alla samtidigt om man inte vill. Man tar det man behöver. Taggar kan även omsluta varandra, men tänk då på att få rätt antal start och sluttaggar. Exempelvis: <FONT FACE="Comic Sans MS, Times"><FONT SIZE="+2">S</FONT>törre bokstav i början av meningen.</font> Större bokstav i början av meningen. 7
8 Övning 1 1. Skapa en mapp (Där du sparar HTML-dokument och bilder) 2. Starta programmet "Anteckningar" (Start-Program-Tillbehör-Anteckningar) 3. Skriv din kod (Koden nedan) 4. Spara dokumentet i din mapp (Filen måste ha ändelsen html) 5. Leta reda på dokumentet via "Den här datorn" (filen har en Explorerikon) 6. Om du kör Explorer kan du "Visa-Källa" (och fortsätta att koda) <HTML> Startkoden för HTML <HEAD> Inom Head lägger man script, css och annat som inte syns på sidan <TITLE>Min webbsida</title> Sidans titel ligger inuti Head-taggen </HEAD> <BODY BGCOLOR="yellow"> Det som ligger inom Body är synligt i webbläsaren Sidan får gul bakgrundsfärg <CENTER><H1>Välkommen</H1></CENTER> Den största rubriken centrerad <BR> Radmatning <IMG SRC= bild.jpg > Infogar en bild </BODY> </HTML> Här slutar den synliga sidan Slutkoden
9 Installera HTML-edit 1. Gå in på sidan: 2. Välj Operativsystem 3. Klicka på HTML-edit 4. Klicka på Spara 5. Dubbelklicka på ikonen 9
10 1. Starta HtmlEdit och stäng tipsrutan (om den kommer fram). 2. Öppna/välj ett nytt dokument. 3. Välj 'Om HtmlEdit...' under 'Hjälp'-menyn. 4. Dubbelklicka mitt emellan 'Tack till' och 'Registrera'-knapparna. ^^^ OBSERVERA "mitt emellan"!!! 5. Skriv in namnet Gratis licenserbjudande och lösenordet r 10
11 <HTML> <HEAD> <TITLE>STARTSIDA</TITLE> <STYLE> A{text-decoration:none;} </STYLE> </HEAD> <BODY BGCOLOR="#0000FF"> <TABLE WIDTH="600" BORDER="1" BGCOLOR="#FFFFFF" ALIGN="center" HEIGHT="350" CELLPADDING="3" CELLSPACING="3" BORDERCOLOR="#0000FF"> <TR> <TD><IMG SRC="nylogo.jpg"></TD> <TD ALIGN="center"> <FONT FACE="Verdana"><B>Webbkursen ht 2009</B></FONT></TD> </TR> <TR> <TD VALIGN="top"><FONT FACE="Verdana" SIZE="-1"> <B>Mina idoler</b></font> <BR> <BR> <B><FONT FACE="Verdana" SIZE="-1">Frågesport</FONT></B> <BR> <BR> <B><FONT FACE="Verdana" SIZE="-1">Frames/Imagemap</FONT></B> <BR> <BR> <B><FONT FACE="Verdana" SIZE="-1">Javascript/CSS</FONT></B></TD> <TD ALIGN="center" VALIGN="top"><BR> <IMG SRC="apel.jpg" WIDTH="115" HEIGHT="133"> <BR> <FONT FACE="Verdana" SIZE="-1"> Välkommen till förnamn efternamn:s inlämningssida<br> Här kan du se vilka inlämningsuppgifter jag har gjort<br> </FONT> </TD> </TR> </TABLE> </BODY> </HTML> STARTSIDANS KOD BILDERNA HITTAR DU HÄR: Högerklicka och välj Spara bild som Spara i samma mapp där du sparade koden!! 11
12 Sidans bakgrundsfärg #0000FF (blå) nylogo.jpg Tabellens bakgrundsfärg #FFFFFF (vit) Tabellrad (TR) Länkar Tabellcell (TD) Kantlinjefärg #0000FF (blå) apel.jpg 12
13 Förslag till Mappstruktur Här ligger htmldokumenten till inlämningsuppgift erna: Animering och bildlänk Här ligger htmldokumenten till inlämningsuppgift en: Frågesport Här ligger htmldokumenten till inlämningsuppgift en: Idoler Lägg alla dina bilder i den här mappen. Sökvägen blir: bilder/bild.jpg Här ligger htmldokumenten till inlämningsuppgift en: Imagemap Här ligger htmldokumenten till inlämningsuppgiften: Java /CSS Här ligger htmldokumenten till inlämningsuppgiften: Frames (Sverige) Det här är startsidan. Den måste ligga direkt i roten och den ska heta index.html 13
14 Sidan Frågesport i HTML-edit 1. Ställ din musmarkör efter Y och före > i <BODY> 2. Tryck på mellanslag 3. Klicka på VISA ATTRIBUT 4. Dubbelklicka på BGCOLOR 5. Välj svart färg och klicka OK 6. Klicka på STÄNG 7. Ställ musmarkören här 8. Klicka på Infoga tabell 14
15 9. Tre rader en kolumn Centrerad Ingen ram Höjd och bredd 300 Cell-höjd och avstånd 5 Bakgrundsfärg VIT 10. Infoga 11. I den översta cellen skriver du Fråga Markera texten och formatera som här ovan Tahoma, +-0, centrerad 13. I den här cellen skriver du din fråga. Tahoma, -1, centrerad och röd 14. Ställ musmarkören i den nedersta cellen och klicka på Infoga tabell 15
16 15. Tabellen har en rad och två kolumner, den har bredden 90% den är vit, centrerad, har ramen 1 samt cell- höjd och avstånd Infoga 17. I dom här cellerna skriver du svarsalternativen. Tahoma, -1, centrerad EXEMPEL! 16
17 18. Spara html-dokumentet i din mapp och döp den till: Frågemall.html 19. Klicka på tangenten F6. Ser din ut så här? 20. Stäng av förhandsgranskningen 21. Spara dokumentet som: a) fraga1.html b) fraga2.html c) fraga3.html 22. Skriv olika frågor i de tre dokumenten och ge dem egna titlar (<TITLE>) 23. Markera det rätta svaret i fraga1.html och länka den till fraga2.html 24. Markera det rätta svaret i fraga2.html och länka den till fraga3.html 17
18 25. Skapa en sida som ser ut så här: 26. Spara fyra kopior av sidan: fel1.html, fel2.html, fel3.html och en som heter final.html där det ska stå Rätt istället för Fel. 27. Gör länkar till felsidor från respektive frågesida och tillbaka. 28. Gör en länk från din indexsida till fraga1.html 29. Gör en länk från det rätta svaret på fraga3.html till sidan final.html 30. Skapa länkarna Avsluta och En gång till på sidan final.html 18
Webbdesign vt. 2009. Innehållsförteckning
Webbdesign vt. 2009 Fysiska träffar onsdagkvällar: Kl. 18:00 21:00 28/1 11/2 11/3 25/3 1/4 22/4 6/5 Innehållsförteckning 2. FTP-hur gör man? 3. Vad ska jag göra? 4. Grundtaggar 6. Tabeller 7. Infoga bilder
Inför prov 1 i webbdesign
Inför prov 1 i webbdesign Skapa ett grundläggande HTML-dokument sidtitel övriga instruktioner Grundläggande märken, samt hur de används startmärke
ORDLISTA WEBBDESIGN 100P
ORDLISTA WEBBDESIGN 100P HTML- TAGGAR M.M. (DE BLÅFÄRGADE ORDEN ÄR OLIKA ATTRIBUT SOM HÖR TILL DE OLIKA TAGGARNA.) HTML Står för Hyper Text Markup Language och är en uppsättning markeringskoder.
Laboration med Internet och HTML
Laboration med Internet och HTML Denna laboration går ut på att du skall kunna skapa enkla hemsidor i HTML. Vi kommer inte att ta upp edstorer för hemsidor som t.ex. DreamWeaver eller FrontPage. Dessa
FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll
FrontPage Express I programpaketet Internet Explorer 4.0 och 5.0 ingår också FrontPage Express som installeras vid en fullständig installation. Det är ett program som man kan använda för att skapa egna
Frontpage 2002/XP (2)
Frontpage 2002/XP Frontpage 2002 eller Frontpage XP som det också kallas är ett hemsideprogram där du inte behöver kunna koda som annars är fallet om man gör en hemsida. Att snabbt, enkelt och snyggt kunna
http://office.microsoft.com/sv-se/word/ha100444731053.aspx
1. Öppna Word 2007 i 97-2003 2. Vilken Explorer har jag 3. Inloggning med Explorer 8 4. Sökväg till sidan 5. Ha två fönster öppna 6. Stilar 7. Storleksändra 8. Inklistring av text 9. Bilder till startsidan
Tabeller. Lektion 7. en tabellrubrikcell som centrerad och i fetstil.
Lektion 7 Tabeller Under denna lektion kommer du att få lära dig hur man bygger upp tabeller med HTML och hur man styr layout och utseende på en webbsida som innehåller tabeller. Enkla tabeller Av tradition
Introducerande övningar i HTML
Introducerande övningar i HTML En webbsida består av en textfil som innehåller sidans text och koder i språket HTML, för att formatera innehållet. Har man bilder på sidan, så finns de som separata filer
12 Webb och kurshemsidor
12 Webb och kurshemsidor Många lärare använder sig av kurswebbsidor eller egna personliga webbsidor som ett ställe att samla information och dokumentation kring sitt arbete. Om du ska skapa en webbsida,
Manual för visionutv.net Redigera
Manual för visionutv.net Redigera Version 2.0 Visionutveckling 2004 Innehåll: 1 Om Redigera 3 1.1 Bakgrund 3 1.2 Hur Redigera är uppbyggt 3 1.3 Vad är? 4 2 Inloggning 6 3 Nyheter i Redigera 2.0 7 3.1 Funktionsknappar
Sidan kommer inte läggas upp någonstans utan du redovisar den för mig på något handledningstillfälle.
Lab1 - CV-sidan Du ska bygga en variant av en CV-sida i HTML och CSS. Sidan ska åtminstone innehålla en bild på dig, en klassisk tabell med utbildningar/erfarenheter, ditt favoritcitat, en eller flera
Webbens grundbegrepp. Introduktion till programmering. Ytterligare exempel. Exempel på webbsida. Föreläsning 5
Introduktion till programmering Föreläsning 5 Programmering av webbsidor. Webbens grundbegrepp HTML HTML (HyperText Markup Language) är det språk som används för att skriva webbsidor. HyperText: text med
WEBBUTVECKLING Kursplanering
Kursplanering v 35-37: Struktur, mappar, google-skills, planering, html-grunder, bra/dåliga exempel, webbläsare, editorer v 38-43: HTML - länkar, färger, text, listor, bilder. v 44: Höstlov v 45: Repetition,
Carl-Oscar Hermansson WEBB DESIGN
Carl-Oscar Hermansson WEBB DESIGN Del SKAPA DIN WEBBPLATS MED HTML. Öppna ett HTML-dokument... 8 6. HTML grundkod... 9 7. Färger... 0 8. Textformatering... 9. Listor... 0 0. Bilder.... Bakgrundsbilder...
Kom igång med FrontPage 2003
Kom igång med FrontPage 2003 Skolorna i Kristianstads kommun har inte gemensam licens som med vissa övriga Microsoft-program utan licens måste köpas för varje dator som det ska installeras på. Din tekniker
HTML. Laborationskompendium i konstruktion av webbsidor. Detta exemplar tillhör: VT 2005. Mitthögskolan ITM Telefon 063-16 53 00
Mitthögskolan ITM Telefon 063-16 53 00 HTML Laborationskompendium i konstruktion av webbsidor Detta exemplar tillhör: VT 2005 Mittuniversitetet, ITM Telefon 063-16 53 00 Laborationskompendium för konstruktion
WEBDESIGN A - DTR 1210
Lektion 6: Tabeller Vi ska lägga till en tabell i hemsidan. Först ska vi titta lite på hur man gör tabeller. Vi börjar med enklast tänkbara tabell. En tabell med bara en ruta: Nu ska vi gå igenom steg
T a b e l l e r - t a b l e s
skriv ut» T a b e l l e r - t a b l e s Exempel på tabeller» Grundkoden för tabellen» Tabell- och kolumnbredd» Sammanfoga celler» Bakgrundssbild och bakgrundsfärg» Kantlinjebredd och färg» Avstånd mellan
Skapa mappar, spara och hämta dokument
Skapa mappar, spara och hämta dokument Övningen görs på hårddisken i mappen Mina dokument 1a Starta programmet utforskaren 1 b Huvudgrupper i utforskaren 1c Expandera huvudgrupper, enheter och mappar Skapa
Internet A. HTML Grunder. 02-01-14 Maximilien Chiang 1
Internet A HTML Grunder 1 HTML Tags (Speciella markeringar) < Instruktion> De flesta instruktioner avslutas också med en 2 untitled Min
Introduktion till programmering
Introduktion till programmering Föreläsning 5 Programmering av webbsidor. Webbens grundbegrepp HTML HTML (HyperText Markup Language) är det språk som används för att skriva webbsidor. HyperText: text med
Manual för lokalredaktörer villaagarna.se
Manual för lokalredaktörer villaagarna.se Version 2 Villaägarnas Riksförbund Sollentuna 2011 Innehåll Redigera befintlig sida... 3 Skriva text eller klistra in kopierad text... 5 Rubriker i brödtext...
En bortsprungen katt
Nivå 1 All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. En bortsprungen katt
Gran Canaria - Arbetsbeskrivning knapplänkar (Mediator 8)
Gran Canaria - Arbetsbeskrivning knapplänkar (Mediator 8) I detta exempel kommer du att lära dig Att skapa en ny presentation från början Att skapa en enkel knapp Att använda händelseinställningar, events
Arbetsmaterial HTML pass 1 - Grunder
Arbetsmaterial HTML pass 1 - Grunder Det vi idag kallar Internet växte fram ur ett amerikanskt nätverk kallat ARPAnet som skapades i slutet av 60 talet. Ett topphemligt verktyg för att koppla ihop stordatorer
Manual för. 2.4 KALAS Sitemanager
Manual för 2.4 KALAS Sitemanager 1. Introduktion Den här manualen skall hjälpa dig att komma igång så att du själv på ett enkelt sätt kan lägga till, redigera eller ta bort webbsidor på din webbplats.
FC-kurs Röbäcks skolområde, åk 5-6
FC-kurs Röbäcks skolområde, åk 5-6 En kortfattad manual för följande funktioner: 1. Hur det ser ut i FC (repetition) 2. Hur man skickar och läser mail i FC (repetition) 3. Att skicka och ta emot en bilaga
och Lär dig surfa på Internet Bilden nedan föreställer Södertälje kommuns hemsidans startsida Adressen till hemsidan
Utgåva 1 och Lär dig surfa på Internet Sammanställd av: SeniorNet i Södertälje November 2008 Vi använder här Microsofts surfprogram: Windows Internet Explorer På skrivbordet högerklickar du på ikonen:
Manual för lokalredaktörer villaagarna.se
Manual för lokalredaktörer villaagarna.se Version 1 Villaägarnas Riksförbund Sollentuna 2011 Postadress Besöksdress Telefon Fax E-post Hemsida Box 7118, 192 07 Sollentuna Johan Berndes väg 8-10 010-750
ComputeIT.se. Manual. Installation. Testa sidorna. Anpassa sökfunktionen
ComputeIT.se Manual INSTALLATION TESTA SIDORNA ANPASSA SÖKFUNKTIONEN LÄGG TILL BILDER I FOTOALBUMET BYT LÖSENORD TILL FOTOALBUMET BYT SIDRUBRIKER I NAVIGERINGSLISTEN SKAPA INNEHÅLL BYT UT BILDER LÄGG UT
En grundkurs i hemsidor och hur de är uppbyggda
En grundkurs i hemsidor och hur de är uppbyggda Den här artikeln tänkte väldigt grundligt gå igenom koncepten kring en hemsida och hur den är uppbyggt, för att ge dig grundkunskap att bygga vidare på och
Laboration 0. Enhetsbokstaven anges med ett kolon efter och man läser ofta ut detta, exempelvis C:(sekolon).
Laboration 0 Laborationen är till för dig som inte är familjär med att navigera i filträd på en dator. Om du är van vid detta (vilket är det vanliga nu för tiden) så kan du bara snabbt titta igenom laborationen.
Administration av lagets arbetsrum lathund
Administration av lagets arbetsrum lathund 1: Logga in Öppna din webbläsare och gå in på nya Skuru-webben (www.skuruik.se/handboll). 1. Gå till ditt lags arbetsrum (du hittar laget antingen under Barn/Ungdom
Steg 5 Webbsidor One.com och OpenOffice Writer Mac OS X
Steg 5 Webbsidor One.com och OpenOffice Writer Mac OS X Nov 13 Liljedalsdata.se Liljedalsdata Steg 5 Mac Sida 1 Inledning Förkunskaper Steg 1, 2, 3 och 4. Innan du är mogen för att lägga ut en sida på
Övning (X)HTML 2. Sidan 1 av 7 2010-11-11
Sidan 1 av 7 2010-11-11 Övning (X)HTML 2 Innan du börjar med laborationen ska du se till så att du har öppnat din editor (till exempel Notepad++). I denna editor ska du skriva (X)HTML-kod som du sedan
Dreamweaver för nybörjare
Startpaketet Dreamweaver för nybörjare För att kunna skapa en hemsida så måste du först öppna en plats för den och även skapa en bild mapp om du vill ha bilder på din hemsida. Tänk på en regel inom hemsideskapande,
21/01/2016. Stilmallar. styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. recept.html frukt.html grönsaker.html
Stilmallar styra utseendet av webbplatsen DEL 1 Karin Fahlquist index.html recept.html frukt.html grönsaker.html 1 Samma kod olika utseende Olika exempel om layout: http://www.csszengarden.com/ Stilmallar
SORSELE KOMMUN. Handbok OEW. 28 sept 2012 Mari-Anne Englund Barbro Olofsson. Sorsele kommun Version 2012-09-28, rev 131101 1 (19)
Handbok i OEW 28 sept 2012 Mari-Anne Englund Barbro Olofsson Sorsele kommun Version 2012-09-28, rev 131101 1 (19) Använd det användarnamn och lösenord som du fått. Fungerar det inte hör av dig till Mari-Anne
Du kan själv följa med i denna steg-för-steg guide i din texteditor.
Grundläggande HTML HTML Steg-för-steg Du kan själv följa med i denna steg-för-steg guide i din texteditor. doctype Linköpings universitet I textdokument som används på internet finns på första raden information
Skriv http:// före adressen och lämna bort www enligt modellen: http://foreningensnamn.hemochskola.fi/admin
INTRODUKTION Välkommen att ta i bruk uppdateringsverktyget DigiStoff. För att använda verktyget behöver du en Internetuppkoppling och en webbläsare. Det rekommenderas att du använder webbläsaren Firefox.
ÖvningsProv Internet att skapa hemsidor vt-2006 Webbsideskapande
ÖvningsProv Internet att skapa hemsidor vt-2006 Webbsideskapande Hjälpmedel: Kurslitteratur, utdelade papper, webbdesignskolan, samt World Wide Web. Tillåtna program att skriva kod i är Anteckningar eller
Labora&on 1 Introduk&on &ll utvecklingsmiljön övningar/uppgi<er
Labora&on 1 Introduk&on &ll utvecklingsmiljön övningar/uppgi
eller Snabbkurs i filhantering Tema: Mappar och filer i Windows samt Lagringsenheterna OBS! Endast för medlemmar i SeniorNet, Klubb Södertälje!
eller Snabbkurs i filhantering Tema: Mappar och filer i Windows samt Lagringsenheterna OBS! Endast för medlemmar i SeniorNet, Klubb Södertälje! 1 Utgåva 1 Sammanställd av SeniorNet Södertälje Februari
Hur skriver man ett textdokument med bild i OpenOffice?
Lathund för textdokument (Writer) och lite presentation (Impress). 1. Ladda hem OpenOffice på www.openoffice.org. 2. Öppna OpenOffice och välj textdokument (Writer). 3. Välj ett lämpligt teckensnitt genom
- - - W e b d e s i g n s k o l a n - - - B i l d e r
skriv ut» B i l d e r Att använda bilder kan vara ett sätt att lyfta fram ett skrivet budskap eller helt enkelt för att göra webplatsen mer attraktiv och lättnavigerad. Bilder skapar du själv i ett bildbehandlingsprogram
Skillnaden mot att jobba som i ett vanligt ordbehandlingsdokument, är att internet tar inte emot textrutor. Det få r man istället ersätta med ramar.
Gör en hemsida Denna övning utgå r frå n att man skapar en affish på internet. Man kan ex. informera om en teaterföreställning, som klassen producerat, eller annat arrangemang. Skillnaden mot att jobba
Microsoft Word. Lathund för. Innehåll. www.bit.mah.se/support. Autokorrigering. Autotext. Format
Lathund för Microsoft Word Innehåll Autokorrigering 1 2 3 4 5 6 7 8 9 4 Format På denna rullgardinsmeny väljer du om du vill skriva brödtext, rubriker osv. Mycket bra verktyg om du arbetar med formatmallar.
Verktyget är begränsat till Microsoft Internet Explorer v 7.0 och uppåt
Verktyget är begränsat till Microsoft Internet Explorer v 7.0 och uppåt 1. Inställningar / Kontaktuppgifter Uppgifter som matas in i den vyn ovan visas i sidfoten på hemsidan: 2. Skapa nya sidor Om man
Manual för din hemsida
Manual för din hemsida Dynamiska hemsidor är en lösning för att man på ett enkelt sätt skall kunna lägga till, ändra och ta bort sidor på sin hemsida. För att detta skall vara möjligt bygger lösningen
Lektion 2 - CSS. CSS - Fortsätt så här
Lektion 2 - CSS I den här lektionen behandlas HTML och CSS. Det förutsätts att lektion 1 är gjord, eller att du har tillräckliga kunskaper i grundläggande HTML för att klara den här lektionen. CSS - Fortsätt
WWAAC Layout Editor. 1. Standard för knapp (kolla att fliken Standard för knapp är vald)
WWAAC Layout Editor Layout Editor För att ändra en befintlig layout eller göra en ny kan du antingen öppna Layout Designer for the Browser via Start Program wwaac eller nå den via knappen Inst i browsern
Lathund för redigering av Falkenbergs gymnasieskolas hemsidor
Lathund för redigering av Falkenbergs gymnasieskolas hemsidor Börja med att logga in på hemsidan Adress: http://www.edu.falkenberg.se/gymnasieskolan Klicka på nyckeln. Skriv i användarnamn och lösenord,
6. Nu skall vi ställa in vad som skall hända när man klickar på knappen samt att markören skall ändra sig till en hand när markören är på knappen.
Fiskar Arbetsbeskrivning knappmeny (Mediator 8) I detta exempel kommer du att lära dig Att göra en mastersida med knappar Att använda en mastersida på andra sidor Att använd funktionen Alignment Arbetsgång
Wordpress och Sociala medier av Sanna Ohlander 110308. Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se
Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se 1 Innehållsförteckning Tänk på! Sid 3 Logga in sid 4 Panel sid 5 Sidor och inlägg 1. Skapa eller redigera en sida eller inlägg
Välkommen som användare av medietekniks och informatiks publika studentserver
Välkommen som användare av medietekniks och informatiks publika studentserver student.ktd.sh.se Syfte Vår server är en kombinerad ftp- och webbserver med två grundläggande syften: 1) Spara dokument som
Webbkurs för distriktsansvariga. Stockholm den 7 och 13 september 2011
Webbkurs för distriktsansvariga Stockholm den 7 och 13 september 2011 Klistra in text från Word Klistra in: all formateringskod från Word kommer med och är den som styr det webbläsaren visar, även om man
Användarmanual för Content tool version 7.5
Användarmanual för Content tool version 7.5 TM WEB Express AB Manual Content tool 7.5 Sid 2 INNEHÅLLSFÖRTECKNING 1 OM PUBLICERINGSVERKTYGET... 3 1.1 ALLMÄNT... 3 2 ÖVERSIKT... 3 3 ALLMÄNT OM WEBBSIDAN
Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt.
Kom igång Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt.se/login Nu dyker en ruta upp på skärmen. Fyll i ditt användarnamn och lösenord och klicka på "logga in". Nu
På många sätt är webben, när det kommer till kritan, en samling länkar. Inom varje given plats, gör länkarna det möjligt att snabbt navigera från ett
På många sätt är webben, när det kommer till kritan, en samling länkar. Inom varje given plats, gör länkarna det möjligt att snabbt navigera från ett relaterat ämne till ett annat. En länk från en sida
Manual för. 2.5 KALAS Sitemanager
Manual för 2.5 KALAS Sitemanager 1. INTRODUKTION...1 1.1 SYSTEMKRAV...1 1.1.1 Visning av sidor...1 1.1.2 Produktion av sidor...1 1.1.3 Inloggning...1 2. KALAS SITEMANAGER...3 2.1 LÄGGA TILL EN WEBBSIDA...4
Kort om World Wide Web (webben)
KAPITEL 1 Grunder I det här kapitlet ska jag gå igenom allmänt om vad Internet är och vad som krävs för att skapa en hemsida. Plus lite annat smått och gott som är bra att känna till innan vi kör igång.
Klassens aktivitet. Inställningar
Klassens aktivitet Inställningar Förslag till struktur på klassens aktivitet Jag föreslår att vi till en början väljer att ha ganska lite att välja på i aktiviteten, så att det inte blir för rörigt för
Sophia Prosell DREAM WEAVER SKAPA OCH PUBLICERA EFFEKTIVA WEBBSIDOR
Sophia Prosell DREAM WEAVER SKAPA OCH PUBLICERA EFFEKTIVA WEBBSIDOR Del 4 BILDER OCH TABELLER 0. Arbeta med bilder... 9. Redigera bilder... 96. Klickbara bilder/imagemaps... 0. Tabeller... 04 4. Skapa
Innehållsförteckning. Adobe GoLive CS
Innehållsförteckning 1 Om GoLive CS... 1 Mappar och filstruktur...1 Vad är en webbsida?...1 Vad är speciellt för en webbsida?...2 Vad är en webbplats?...3 Vanliga fallgropar med webbdesign...3 Överföra
Steg 5 Webbsidor One.com File manager Web editor Windows 7/8
Steg 5 Webbsidor One.com File manager Web editor Windows 7/8 Dec 14 Liljedalsdata.se Liljedalsdata Steg 5 W78 Sida 1 Inledning Förkunskaper Steg 1, 2, 3 och 4. Innan du är mogen för att lägga ut en sida
SLU anpassad lathund
SLU anpassad lathund för personpresentation i EPiServer uppdaterad 17 maj 2011 För att kunna använda CV mallen på SLU webben krävs två saker: 1. Att man är anställd på SLU och har AD behörighet. Detta
Zimplit CMS Manual. Introduktion. Generell Information
Zimplit CMS Manual Introduktion Detta dokument ger en överblick av Zimplit CMS (Content Management System) användargränssnitt och dess funktioner. (För mer information och hjälp-forum, se zimplit.org.)
Mappar och filer för webbsidor
Mappar och filer för webbsidor I de4a dokument illustreras det hur du kan arbeta med mappar och filer, då du skapar webbsidor och ska publicera dem för uppgi=erna. Det visas också hur du skickar in redovisningar
Nätet. Uppgiften. Nivå
Nivå 1 Nätet All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. Uppgiften Har
Laboration 3 HTML och struktur samt frågorna A - C övningar/uppgifter
Laboration 3 HTML och struktur samt frågorna A - C övningar/uppgifter 1M321 Webbteknik 1, 7,5hp Medieteknik 2018 Rune Körnefors rune.kornefors@lnu.se 1. Skapa ett nytt HTML-dokument I denna laboration
Grundkurs 1 IKT Filhantering
Filhantering Dan Haldin Ålands lyceum I N N E H Å L L S F Ö R T E C K N I N G Innehållsförteckning... 2 Filhantering med Windows... 3 Skapa Mappar... 4 Spara rätt... 5 Öppna sparade filer... 7 Flytta och
Välj bort om du vill. 96 Internet och e-post. 2. Mail-programmet finns i datorn. 1. Skriv mail i sökrutan. Windows Live Mail i Aktivitetsfältet.
Välj bort om du vill Om du är nöjd med att ha din e-post på nätet, kan du lugnt hoppa över detta avsnitt. Har du tid och tycker att det är roligt, kan du testa att använda e-postprogrammet Windows Live
WEBDESIGN A - DTR 1210
Lektion 9: Tips tricks och diverse Bakgrundsbilder Bakgrundsfärg och textfärg är några sätt att ge sin hemsida ett visst utseende. Ett annat sätt är att använda bakgrundsbilder. Man behöver en bild: HTML-koden
Internet. En enkel introduktion. Innehåll:
Internet En enkel introduktion Innehåll: Datorns olika delar Starta datorn Så gör du om du kan webbadressen Så gör du om du inte kan webbadressen Kortfattad repetition Alingsås bibliotek, 2012 2 3 4 6
E-post. A. Windows Mail. Öppna alternativ. Placera ikonen på skrivbordet.
E-post A. Windows Mail Öppna alternativ Klicka på startknappen Startmenyn öppnas Klicka på Alla Program Leta reda på Windows Mail Dubbelklicka Windows Mail öppnas. Om ikonen ligger i Start-menyn Klicka
Xhtml och CSS.Tillämpad fysik och elektronik Per Kvarnbrink (redigering Ulf Holmgren 2011)
Laboration 1: Xhtml och CSS.Tillämpad fysik och elektronik Per Kvarnbrink (redigering Ulf Holmgren 2011) Målsättning Att prova på grundläggande html samt att separera innehåll och utseende. Slutresultatet
Lägga till artiklar i Joomla
Lägga till artiklar i Joomla från framsidan Logga först in så att du är inloggad. Klicka sedan på Lägg till ny artikel i menyn under hem. Skriv in en rubrik på rubrikraden ej för lång! Skriv sedan artikeln
3. Hämta och infoga bilder
Sida 1 av 8 Lektion 1: sida 4 av 4 «Sida 3 av 4 Till kursens framsida 3. Hämta och infoga bilder Nu vet vi ju hur man sätter in text i sin sida. Men hur gör man med bilder? Det är inte svårt alls! Det
Manual. Anpassad för CMS Made Simple version 1.9.x (uppdaterad 2011-10-16) Birger Eriksson webblots.se
Manual Anpassad för CMS Made Simple version 1.9.x (uppdaterad 2011-10-16) Birger Eriksson webblots.se Innehållsförteckning Start... 3 Lägg till ny sida...3 Redigera sida som redan finns...3 Titta på resultatet...
Vilken version av Dreamweaver använder du?
Sida 1 av 7 Lektion 1: sida 1 av 4 Till kursens framsida Sida 2 av 4» Lektion 1 Då ska vi sätta igång med den här kursens första lektion! Här kommer du att få lära dig hur man skapar och förbereder webbplatser
Dokumentation av rapportmall
Dokumentation av rapportmall Utgivningsår: 2003 Författare: Eva Erbenius Samhällsmedicin Centrum för Tillämpad Näringslära Box 175 33 Wollmar Yxkullsgatan 19 118 91 Stockholm Innehåll Inledning... 3 Rapportens
Din guide till. Klientinstallation MS Driftservice
Din guide till Klientinstallation MS Driftservice September 2012 Innehåll ALLMÄNT... 3 Gamla klienter... 3 Installation... 3 Vid problem... 5 inställningar för brandväggar... 6 Inställningar för Windows
LATHUND FRONTPAGE 2000
LATHUND FRONTPAGE 2000 RXK Läromedel AB, Riddarplatsen 36 Plan 7 177 30 Järfälla Tel: 08-580 886 00, Fax: 08-580 259 40 www.rxk.se, e-post: info@rxk.se Detta material är författat av RXK Läromedel AB.
1. Uppdateringsmodul (CMS)
Innehåll 1. Uppdateringsmodul (CMS)... 2 2. Artiklar... 3 2.1 Upprätta din första artikel... 4 2.2 Skapa innehåll i artikeln... 5 2.2.1 RUBRIK I ARTIKELN:... 5 2.2.3 INFOGA BILDER:... 7 2.2.4 CELLER...
Språk för webben introduk4on 4ll HTML
Föreläsning i webbdesign Språk för webben introduk4on 4ll HTML Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se En webbsidas beståndsdelar Text (formaterad, strukturerad) Länkar Inkluderade
15 Skapa en Start-Diskett
151 15 Skapa en Start-Diskett När du startar din PC så letar den efter vissa uppstartningsfiler. Sökningen börjar på din diskettenhet och därefter på hårddisken. Detta innebär att om något är fel med din
Bilder. Bilder och bildformat
och bildformat Det första du måste göra är att skaffa bilder att lägga in i ett HTMLdokument. Ta en bild med din mobil/ webbkamera eller rita bilden själv.du kan ta gratisbilder från Google, gå in på bilder
Installationsanvisning för Su Officemallar 2013 För PC
1 (9) INSTALLATIONSANVISNING MS Office 2013 - Windows 2013-11-26 Installationsanvisning för Su Officemallar 2013 För PC Word och PowerPoint Innehållsförteckning Var hittar jag Su Officemallar?... 2 Är
Snabbguide till First Class
Snabbguide till First Class Guide till First Class Grundläggande funktioner Logga in i First Class För att logga in i First Class dubbelklickar du på skrivbordsikonen First Class, eller väljer First Class
Innehåll. HTML Editor Sida 2 av 30
HTML editor Innehåll Länka till webbsida... 4 Extern länk.... 7 Länka till e-post.... 8 PROs bildbank.... 10 Ladda upp ny bild.... 12 Redan uppladdad bild... 16 Bildredigeraren.... 17 Infoga/redigera inbäddad
Labora&on 2 HTML och validering övningar/uppgi:er
Labora&on 2 HTML och validering övningar/uppgi:er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns det
Gör en modern släktbok för CD eller webben
Gör en modern släktbok för CD eller webben 21 Den traditionella släktboken består av ett antal tabeller och i bästa fall en grafisk stam- eller antavla, och man kan med ett register eller hänvisningar
«Sida 2 av 4 Till kursens framsida Sida 4 av 4»
Sida 1 av 11 Lektion 1: sida 3 av 4 «Sida 2 av 4 Till kursens framsida Sida 4 av 4» 2. Formatera text Du kan ju redan skriva in text, men nu ska vi se hur man formaterar det man skrivit in -- alltså hur
Kurs 6:1 Att publicera på webben
Kurs 6:1 Att publicera på webben S TUDE NTDATOR UTBILDNINGE N MALMÖ HöGSKOLA Beijerskajen 8, K3, källaren, sal Apollo (A01:303), 205 06 Malmö www.bit.mah.se/undervisning/sdm Att publicera på webben, del
Grundläggande Ordbehandling Microsoft Word
Grundläggande Ordbehandling Microsoft Word Programfönstret Namnlist Verktygsfält Menyrad Vågrät linjal Lodrät linjal Rullningslist Statusfält Menyer och Verktygsfält Visa eller dölja ett verktygsfält Högerklicka
Introduktion till LÄROBJEKT. tisdagen 18.10.2005
Introduktion till LÄROBJEKT tisdagen 18.10.2005 Ann Westerstråhle, Gabriella Stenvall-Vihervuori Cygnæus skola SKAPA DIN HEMSIDA 1. Öppna Front Page. 2. Spara din ingångssida genom att gå till -> arkiv
Administration av lagets arbetsrum. Lathund
Administration av lagets arbetsrum Lathund Innehåll 1 Logga in... 2 2 Koppla serier till ditt lag... 3 3 Koppla serier och matcher till lagets kalender... 4 4 Konfigurera välkomsttext... 5 5 Konfigurera
Open24 Webtool. Inofficiell komplettering till manual
Open24 Webtool Inofficiell komplettering till manual Förord När detta skrivs är den officiella manualen knapphändig, speciellt beträffande bilder och tabeller. Jag har provat mig fram och hittat några
INSTALLATION AV VITEC MÄKLARSYSTEM
INSTALLATION AV VITEC MÄKLARSYSTEM Studentversion september 2013 Innehållsförteckning 1. Installera VITEC Mäklarsystem... 2 2. Läs noga igenom manualen... 2 3. Systemkrav... 2 4. Kundservice/Teknisk support...