Jag tänkte, som hjälp för mig själv, att jag skulle göra en liten mini-ordlista för webbdesign. Det har varit väldigt lärorikt för mig att få göra denna lista, jag har till exempel kämpat länge med att hitta ett script som gör att jag kunde ha flera sådana här visa-dölj-funktioner. Men jag var ju också tvungen att söka väldigt mycket information för att försöka kunna förklara detta.
Mycket möjligt att vissa saker är fel, att jag inte förklarat korrekt eller liknande - men lämna gärna en kommentar om det är så i och med att jag behöver sitta på korrekt info inför mitt arbetsprov nästa vecka. Det blev en helt okej lista i slutändan, förhoppningsvis kan ni lära er något kanske! Det är jättebra att förstå
vad man gör, då är det lättare att utvecklas och bli bättre såklart. Det är inte att koda när man sitter och copy-paste:ar koder, utan man måste förstå, läsa koden och se vad det är den gör. Jag klarar inte av sådant med Javascript ännu men känner mig ganska säker på HTML, och det är ju den största anledningen till att jag vill plugga; jag vill utvecklas!
Hur som haver; om du klickar på orden så kommer informationen att visas!
BODY
BODY är det som visas i webbläsaren när du kommer in på en hemsida.
CSS
CSS är en förkortning utav frasen Cascading Style Sheet, vilket gör det lättare att designa en hemsida/blogg med HTML. På blogg.se är det stilmallen som är din CSS. Man kan också lägga in det i kodmallen, men jag anser att det är lättare att låta det vara i stilmallen när blogg.se ändå har valt att låta det vara CSS:en. På tumblr till exempel, där har du inget style sheet på samma sätt, utan du lägger all CSS i "kodmallen", alltså i din HTML. CSS är som sagt till för att underlätta designandet i HTML - därför att om du kodar en design i enbart HTML så måste du, om du vill göra ändringar, ändra i varje "tagg" (se nedan), på varje sida. CSS styr alla taggar och gör ett generellt värde för dessa för att du lättare ska kunna ändra på din hemsida. Du behöver alltså inte ändra mer än en gång i stilmallen/CSS:en för att förändringen ska gälla alla taggar i fråga. Det styr även typsnitt, färger osv, så slipper du lägga in det varje gång du ska skriva en text.
FAVICON
FAVICON är den lilla ikonen som syns i browsern/tabben när du går in på exempelvis min blogg. Jag har en vit rosett på min, andra har ett hjärta eller sina initialer osv.
FLASH
FLASH är en del utav Adobe-familjen, men stöds tyvärr inte utav iOS (Apple). Därför kan man på en iPhone inte spela upp Flash till exempel. Men vad använder man då Flash till? Jo, det är till för att skapa animationer, illustrationer och andra typer av interaktivita hemsidor (som påminner om ett spel t.ex.). Jag har inte använt Flash speciellt mycket, så jag är inte bra på att beskriva det, men ni ska få ett exempel på en fin sida som har Flash -
New Fantasyland av Disney. En flash-sida ger ofta den effekten att den uppfattas som "filmisk" eller animerad.
FTP-PROGRAM
FTP-PROGRAM eller FTP-KLIENT är ett program som gör att du kan föra över filer från din dator till en annan dator. Just FTP står för File Transfer Protocol. Kort och gott är detta ett program som låter dig ladda upp din hemsida till din server så att den är tillgänglig för andra att besöka. Jag använder mig utav Filezilla när jag laddar upp filer till min server, men när jag bloggar via blogg.se så sköter publiceringsverktyget överföringen åt mig, så alla mina filer som finns här finns även på min server. Men önskar jag ladda upp något annat, eller om man nu har en hemsida som inte skrivs via ett publiceringsverktyg måste denna laddas upp på din server, och då är ett FTP-program bra att ha.
HEAD
HEAD ska inte förväxlas med vad vi på blogg.se kallar för header, det är inte samma sak. Men vad är då head? Jo, det är det som läggs högst upp i ett HTML-sheet, där man sedan kodar för att visa instruktioner för scripts, CSS och metainformation (allt detta förklarar jag under deras respektive överskrift), det är därför jag ofta säger i mina videos att ni ska lägga scripts innan slash head, för det är i head-taggen som vi instruerar hemsidan om vad som gäller när det då kommer till scripts, CSS och metainformation. Det är också en tagg som inte syns i webbläsaren (till skillnad från body).
HTML
HTML står för Hypertext Markup Language och är - tro det eller ej - ett språk. Så precis som med spanska och engelska så finns det vissa värden/ord man skriver för att berätta en viss sak. Skillnaden är att i muntliga språk så pratar vi ju, HTML däremot, skulle man kunna säga, pratar med webbläsaren för att förklara vad det är som ska finnas på hemsidan. HTML skapar strukturen och formateringarna för vår webbplats. Det anses dock inte vara ett programmeringsspråk, så bara för att du "kodar" så programmerar du inte, utan det är snarare ett kod-verktyg som vi använder för att skapa en webbplats. Idag är HTML det mest överlägsna språket som vi idag använder för att göra hemsidor och webbplatser.
INDENTERING
INDENTERING är ett sätt för dig att strukturera upp dina egna koder, och det kallas också för indrag, vilket kan göra det lättare att förstå rent visuellt. Ni har säkert märkt att när man klistrar in en kod i sin kodmall eller på sitt sheet så börjar vissa rader längre från vänster, oftast går det lite som en halvmåne inåt. Exempel hittar du
här (öppnas i nytt fönster/flik). Vissa gillar att ha indentering, andra inte. Jag föredrar att jobba utan, men Javascript har jag inget emot att de är indenterade än så länge.
JAVASCRIPT
JAVASCRIPT är ett språk som ger din sida det där lilla extra. Exempel på detta är
mouseover,
bildspel i headern &
eget typsnitt i rubriken. En fördel med Javascript är att vi kan spåra våra läsare/besökares användning av vår webbplats. Ett exempel är ju Google Analytics som vi lägger in tillsammans med Javascript som läser av information. Javascript är något som du själv kan skapa, men du måste givetvis ha kunskapen. Det är en av anledningarna till att jag vill bli webbutvecklare; jag vill lära mig mer om detta!
KÄLLKOD & ÖPPEN KÄLLKOD
KÄLLKOD är det vi skriver när vi kodar. En kodmall är en källkod, så att säga. Det är alltså ett sheet som en mänsklig programmerare kan förstå sig på. ÖPPEN KÄLLKOD betyder att datorprogrammet ger dig som användare rätt att ändra i det om du så önskar. En öppen källkod skyddas inte av copyright, patent eller designskydd. Jag kan således inte sätta copyright på min källkod här på blogg.se, även om jag så skulle vilja och kan försöka hindra er från att se min källkod. Dock när man pratar om källkod och öppne källkod pratar man oftast om datorprogram
META
META används bland annat för att sökmotorer lättare ska kunna läsa av en webbsida. När vi söker på Google kan den ju hitta träffar på millisekunder, men om vi inte hade meta-taggar på våra hemsidor skulle det ta avsevärt längre tid. Om jag till exempel om jag bloggar om webbdesign kan jag lägga in en meta-länk om detta för att hamna högre upp i sökmotorerna på Google.
PHP
PHP står för Hypertext Preprocessor och är ett typ av skriptspråk. PHP har en öppen källkod eller "open source", vilket gör att alla kan vara med och bidra till utvecklingen av en sida. Kända webbplatser som använder PHP är bl.a. Facebook & Wikipedia. PHP kommunicerar via så kallat Syntax, och lär man sig detta så ska det vara ganska logiskt att jobba med PHP och att lösa de problem som kan uppstå. Man skapar så kallade dynamiska hemsidor med hjälp av PHP, vilket då betyder att man som användare kan bidra till sidan och man kan skapa inloggningsfunktioner m.m. Då är det ganska logiskt att Facebook är en sådan sida. Men för det är det inte så att HTML inte finns i bakgrunden; många dynamiska sidor använder också HTML, så PHP är en påbyggnad eller utveckling av detta för att skapa bättre och praktiska funktioner.
SQL
SQL står för Structured (English) Query Language är ett standardspråk för att hämta information från en så kallad relationsdatabas, ett exempel på en sådan databas är Oracle och MySQL (som Wikipedia bland annat använder). SQL är ganska svårt att förstå och svårt att förklara. Jag har jobbat i ett program som heter Filemaker PRO som är ett program där man kan dra egna element till formulären och på så sätt nästan skapa sig en egen databas, och det är ett program som använder sig av SQL. Jag använde det när jag tog emot beställningar på speciella produkter, och då hade företaget jag jobbade åt gjort sina egna element så att den passade våra produkter. Men SQL är alltså det som användes för att jag skulle kunna ta fram denna information från FileMaker. Hoppas kunna lära mig mer om detta under min utbildning!
TAGGAR
TAGGAR använder vi för att strukturera upp vår HTML. Det finns lite olika typer av taggar, och jag tänkte ta några vanliga som som ni säkert känner igen exempel här.
‹head› = som jag förklarade tidigare, inom head visar vi information om CSS, meta & script.
‹ul› = en punktlista
‹li› = lista
‹p› = ett stycke
En tagg är alltså allt det vi gör inom våra fina små pilar.
Här hittar du en lista över taggar (öppnas i nytt fönster).
XHTML
XHTML är uppföljaren till HTML.