BuckeN Skrivet 18 September 2006 Rapport Skrivet 18 September 2006 (redigerat) här kommer en "liten guide" jag gjort själv, komentera den gärna :) HyperText Markup Language – HTML font: ARIAL NARROW Rivstart för en hemsida Titel: <HEAD> <TITLE>Exempel</TITLE> </HEAD> <BODY> Bild: <H2 ALIGN=”CENTER”>Exempel</H2><P ALIGN=”CENTER”> <IMG SRC=”bild.jpg”><BR> </P> Vanlig text: Skrivs helt vanligt lista (t.ex. intressen): <UL> <LI>exempel <LI>exempel </UL> Att ”Länka”: Övertext: <H3>Länkar</H3> <UL> text: <LI> t.ex. spela spel: <A HREF=”http://www.exempel.nu”>Spela spel</A> </UL> e-post: t.ex. <A HREF=”mailto:info@spider.se”> info@spider.se </A> Copyright + senast uppdaterad: <HR> Senast uppdaterad: <I>2006-05-01</I><BR> Webbmaster Robin Andersson<BR> Copyright Robin Andersson 2006 </BODY> <HTML> Skapa mall: # Man inleder alltid med <HTML>. # Man fortsätter med huvudet <HEAD> och </HEAD> som innehåller sidans titel inneslutet inom <TITLE> namn </TITLE> #Sedan följer kroppen, omgärdad av <BODY> och </BODY> #Sist avslutar man dokumentet med </HTML>. Se sidan i webbläsaren: Arkiv >Öppna > Din hemsida… Gratis HTML-editor: http://www.code-builders.com Bakgrundsskapare: http://www.sausage.com/supertoolz/retile2.html GIF-animering: http://www.whitsoftdev.com/unfreez/ Rubriker: En rubrik inleds med taggen <Hx> (där x ska ersättas av en siffra mellan 1-6). Därefter följer det som ska stå i Rubriken, och rubriken avslutas med </Hx> Ny rad och Nytt stycke: Taggen <BR> (som inte har sluttagg) = Ny rad Taggen <P> ( som helst ska ha sluttagg )= Nytt stycke (2 raders brytning) Taggen <DIV> (som framkallar en enkel radbrytning behöver sluttagg) = Nytt stycke (1 rads brytning) Fet och Kursiv text: Fet text= <B> och sluttagg </B> Kursiv text= <I> och sluttagg </I> Under- och överstruken text: Understruken text= <U> och sluttagg </U> Överstruken text= <STRIKE> och sluttagg </STRIKE> Vänster, Höger och centrerad text: Vänster= Standard attributet ALIGN som tar värdena ”right”, ”left” och ”center” kan användas efter <P (<P>) och <DIV (<DIV>) Ett exempel: <HTML> <P ALIGN=”right”>HEJSAN</P> <DIV ALIGN=”center”>HEJSAN</DIV> </HTML> Färga bakgrund och text: Använd BGCOLOR, som ett attribut till <BODY> för att ändra bakgrundsfärg och Använd TEXT, som attribut till <BODY> för att ändra textfärg. Exempel: <HTML> <BODY BGCOLOR=”gray” TEXT=”#FF00FF”> </HTML> Teckensnitt: Times New Roman är standard. Ändra font genom att använda attributet FACE för <FONT>-taggen t.ex. <BODY> <FONT FACE=”arial”>exempel.</FONT> Textstorlek: Använd attrbutet SIZE för <FONT> t.ex. <FONT SIZE=”5”>HEJSAN</FONT> minsta graden är 1 och största 7. Egen Chatt: Om man vill ha en chatt på sin sida är allt man behöver göra att kopiera koden som finns upplagd på http://www.spinchat.com och sedan klistra in den i din egna HTML-fil. Omröstning: Om du vill ha en omröstning på sidan kan du göra en på www.webvoter.net/se/ Eller www.alxnet.se Där kan du ha obegränsat med svarsalternativ, olika färger och bakgrunder. HTML-koder m.m.: Skolor och stilmallar: www.ccsweden.se svensk HTML: www.html-gruppen.nu Annika Tigers hemsida, kurs i HTML och länkar: www.atiger.pp.se/sida.html Fria Hemsidor: www.passagen.se www.spray.se www.geocities.com www.angelfire.com Grafik: Arkiv med många bilder i olika kategorier, färgväljare och forum: www.gifworld.com animerade GIF bilder och 3D bilder: www.animationfactory.com Till sist: Spara dokumentet du gjort hemsidan på som htm eller html exempel: Test.htm Och kolla sedan på sidan genom att trycka (om du har svensk version) på Internet Explorer, Arkiv och öppna Test.htm, sedan kan du se hur din sida blev… Skicka upp sidan på webben: Förr eller senare är du färdig med din sida. Då vill man ju skicka upp sidan på Internet. För att det ska vara möjligt måste du ha en såkallad ftp-klient. Det finns självklart en massa ftp-klienter menett av de bättre är WS_FTP. Det är helt gratis och finns på lite olika ställen, bland annat hos SUNET på adressen: ftp://ftp.sunet.se/pub/simtelnet/win95/inet/ws_ftp32.zip Uppgifter: För att du ska kunna lägga upp filer på din webbplats, krävs det att du har tillgång till ditt servernamn, konto-ID och lösenord. Dessa uppgifter får du från din leverantör. Nå är detta inte värt en liten guldstjärna i kanten :rolleyes: Redigerat 18 September 2006 av BuckeN Citera
Vitdom Skrivet 18 September 2006 Rapport Skrivet 18 September 2006 bra guide!! Jag ger guiden, 10/10 guidepoäng! :cool: Citera
BuckeN Skrivet 18 September 2006 Författare Rapport Skrivet 18 September 2006 (redigerat) Tack Vitdom. Jag har glömt lite special koder som å ä och ö m.m men fixar in det senare... Redigerat 18 September 2006 av BuckeN Citera
Gäst Mega93 Skrivet 18 September 2006 Rapport Skrivet 18 September 2006 nja, som snabbguide duger den väl men det är på gränsen. Se till att du berättar varför tex <title> eller <head> behövs. Citera
Simpsons Skrivet 18 September 2006 Rapport Skrivet 18 September 2006 Får jag bara fråga vad: Bakgrundsskapare: http://www.sausage.com/supertoolz/retile2.html vad är bakgrundskapare? Citera
Gäst Mega93 Skrivet 18 September 2006 Rapport Skrivet 18 September 2006 LoL, bakgrundsskapare :P Den enda "bakgrundsskapare" jag använder för mina hemsidor är photoshop och ibland paint. Citera
Gäst Moberg Skrivet 18 September 2006 Rapport Skrivet 18 September 2006 (redigerat) Det är standard att skriva alla taggar med gemener. Ex. <html> <head> <p> <div> Dessutom ska alla taggar avslutas på något sätt. hoppa aldrig över </li> taggarna, det är bara dumt. Ex. <ol> <li>Första</li> <li>Andra</li> </ol> Även taggar utan en vanlig sluttagg ska avslutas genom att lägga till " /" innan ">". Ex. <img src="bilder/fin_bild_01.jpg" /> <br /> <hr /> Dessutom så är det lite föråldrat att använda htmlattribut för att beskriva utseendet, ta gärna tiden att lära er css i stället, det har ni nytta av! Det betyder att saker som align="right" och hela font-taggen är föråldrat och överflödigt. Taggen <p> är till för att innehålla vanliga textstycken. <div> har ingenting med detta att göra, det är bara en osynlig ruta. (om du inte ger den egenskaper som ram, bakgrundsfärg m.m) PS. Det är inte alla som har IE ;) DS. Redigerat 22 September 2006 av Moberg Citera
Aegzor Skrivet 21 September 2006 Rapport Skrivet 21 September 2006 Det vore bra om du skrev till vad som händer med dom där "koderna" också.. Citera
Rekommendera inlägg
Gå med i konversationen
Du kan skriva nu och registrera dig senare. Om du har ett konto, logga in nu för att posta med ditt konto.