Formulär
Formulär är något som man vanligtvis använder för att skicka data från en användare av en hemsida till serversidan, så den kan behandla den.
Exempel på detta är olika inloggningsformulär eller registreringsformulär.
I de flesta fall skickas data från formuläret till en sida som är kodad i något databasvänligt kodningsspråk såsom asp, php eller cgi, så den kan spara eller kolla upp uppgifterna i databasen.
Formulär är en viktig del av de flesta sidor, det kan vara ett sökfält eller som sagt ett inloggningsformulär, det är nästan en obligatorisk del för alla former av medlemssidor. Det som kan vara negativt är att det är väldigt avancerat i de fall man måste använda databaser. Här följer en beskrivning av hur man gör själva formuläret, inte databaskopplingar.
<form></form>
Grundtaggen som visar vart din formulärkod börjar och slutar.
<input type="text" name="namnet" size="25">'
Skapar ett formulärfält som är 25 tecken som går att skriva in text i, namnet är det som kollas upp/skrivs i databasen.
Input-typen kan ändras för att ändra vilken slags inmatningsmetod som ska användas, det kan vara radioknappar (radio), lösenordsfönster (password) eller större textfönster för längre textstycken (textarea).
<input type="submit" value="skicka">
En väldigt viktig kod, det är denna som lägger till en knapp som skickar den data som blivit lagad i formuläret till sin mottagare.
Källa: Hämtad från Carlsson, Christer: Webbdesign DTR 1210. År 2002 Finland. Förlag: WS Bookwell OY
Exempel på detta är olika inloggningsformulär eller registreringsformulär.
I de flesta fall skickas data från formuläret till en sida som är kodad i något databasvänligt kodningsspråk såsom asp, php eller cgi, så den kan spara eller kolla upp uppgifterna i databasen.
Formulär är en viktig del av de flesta sidor, det kan vara ett sökfält eller som sagt ett inloggningsformulär, det är nästan en obligatorisk del för alla former av medlemssidor. Det som kan vara negativt är att det är väldigt avancerat i de fall man måste använda databaser. Här följer en beskrivning av hur man gör själva formuläret, inte databaskopplingar.
<form></form>
Grundtaggen som visar vart din formulärkod börjar och slutar.
<input type="text" name="namnet" size="25">'
Skapar ett formulärfält som är 25 tecken som går att skriva in text i, namnet är det som kollas upp/skrivs i databasen.
Input-typen kan ändras för att ändra vilken slags inmatningsmetod som ska användas, det kan vara radioknappar (radio), lösenordsfönster (password) eller större textfönster för längre textstycken (textarea).
<input type="submit" value="skicka">
En väldigt viktig kod, det är denna som lägger till en knapp som skickar den data som blivit lagad i formuläret till sin mottagare.
Källa: Hämtad från Carlsson, Christer: Webbdesign DTR 1210. År 2002 Finland. Förlag: WS Bookwell OY
CSS (Cascading Style Sheets)
CSS är ett sätt att ge sin hemsida det utseende man vill ha utan att behöva ändra så mycket i själva HTML-koden. Man använder CSS genom att skriva in stilmallar i ett .CSS-dokument som man sedan åkallar i HTML-koden. Koden för att infoga en .CSS-fil på en hemsida är:
<link href="namnet på css.CSS" rel="stylesheet" type="text/css">.
Denna kod lägger man in i head-delen av sin kod och den behöver ingen sluttagg.
I denna fil skriver du som sagt in stilmallar som ändrar utseendet på hela din hemsida. Den kan användas för t.ex. att ställa in typsnitt, färger och tabellinställningar.
Exempel på dessa stilmallskoder är:
body {
}
Mellan dessa så skriver du in saker du vill ska påverka hela body-delen av sidan.
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
Denna ändrar typsnittet till verdana.
color: #FFFFFF;
Denna ändrar färgen på texten.
background-image: url(../bg.gif);
Denna ändrar bakgrundsbild.
Det finns en uppsjö utav olika stilmallar som går att använda när man utformar en CSS. Detta är bara få utav många.
Jag ser nästan bara fördelar med att använda CSS när man gör hemsidor, man slipper att få en plottrig kod i sin HTML och slipper upprepa en massa koder i onödan.
Det som kan vara en nackdel är att det kan ta ett tag att lära sig att arbeta med, men det är värt ansträngningen.
Jag ser nästan bara fördelar med att använda CSS när man gör hemsidor, man slipper att få en plottrig kod i sin HTML och slipper upprepa en massa koder i onödan.Det som kan vara en nackdel är att det kan ta ett tag att lära sig att arbeta med, men det är värt ansträngningen.
Källa: Hämtad från Carlsson, Christer: Webbdesign DTR 1210. År 2002 Finland. Förlag: WS Bookwell OY
<link href="namnet på css.CSS" rel="stylesheet" type="text/css">.
Denna kod lägger man in i head-delen av sin kod och den behöver ingen sluttagg.
I denna fil skriver du som sagt in stilmallar som ändrar utseendet på hela din hemsida. Den kan användas för t.ex. att ställa in typsnitt, färger och tabellinställningar.
Exempel på dessa stilmallskoder är:
body {
}
Mellan dessa så skriver du in saker du vill ska påverka hela body-delen av sidan.
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
Denna ändrar typsnittet till verdana.
color: #FFFFFF;
Denna ändrar färgen på texten.
background-image: url(../bg.gif);
Denna ändrar bakgrundsbild.
Det finns en uppsjö utav olika stilmallar som går att använda när man utformar en CSS. Detta är bara få utav många.
Jag ser nästan bara fördelar med att använda CSS när man gör hemsidor, man slipper att få en plottrig kod i sin HTML och slipper upprepa en massa koder i onödan.
Det som kan vara en nackdel är att det kan ta ett tag att lära sig att arbeta med, men det är värt ansträngningen.
Källa: Hämtad från Carlsson, Christer: Webbdesign DTR 1210. År 2002 Finland. Förlag: WS Bookwell OY
Ramar
Ramar är liksom tabeller en kod man kan använda sig av för att få struktur på en hemsida. Med hjälp av ramkoder så kan man dela upp en webbläsares fönster i olika delar som laddar separata sidor.
Jag brukar välja att inte använda ramar när jag gör hemsidor, av anledningen att jag tycker att det är krångligt att jobba med, och destruktivt ur en designsynpunkt då det ibland är svårt att synka olika element i olika ramar. Men det har sina fördelar med att t.ex. dela upp laddningstider eller att ge besökaren möjligheten att ändra storleken på ramarna om den så behagar.
Ramar är som sagt krångligare att göra än tabeller, speciellt om man jobbar med anteckningar eller liknande för att skriva "rå" HTML.
I Dreamweaver och liknande finns det förgjorda mallar man kan använda sig av.
Grundtaggarna man använder när man gör ramar är dessa:
<frameset cols/rows="*,*"></frameset>
Dessa taggar bestämmer vilka ramar du vill ha på din ramsida, och cols eller rows beror på om man vill ha kolumner eller rader. Variabeln "*,*" bestämmer hur stora ramarna ska vara och hur många, ju fler komman ju fler rader. Den tagg som man skriver inom denna är:
<frame src="ramsidans namn.html">
Denna tagg bestämmer vilken/vika sidor som ska användas på ramsidan.
Om man använder flera är det den man skriver först som används till det som bestämts i "*,*" först. Denna tagg kräver ingen sluttagg.
Dom här sakerna skriver man in i den sida som man vill ha som index på sin hemsida, så man på så sätt har ramarna hela tiden.
Självklart så finns det en massa andra småkoder som kan användas på ramsidan för att bestämma olika layoutmöjligheter.
Källa: Hämtad från Carlsson, Christer: Webbdesign DTR 1210. År 2002 Finland. Förlag: WS Bookwell OY
Jag brukar välja att inte använda ramar när jag gör hemsidor, av anledningen att jag tycker att det är krångligt att jobba med, och destruktivt ur en designsynpunkt då det ibland är svårt att synka olika element i olika ramar. Men det har sina fördelar med att t.ex. dela upp laddningstider eller att ge besökaren möjligheten att ändra storleken på ramarna om den så behagar.
Ramar är som sagt krångligare att göra än tabeller, speciellt om man jobbar med anteckningar eller liknande för att skriva "rå" HTML.
I Dreamweaver och liknande finns det förgjorda mallar man kan använda sig av.
Grundtaggarna man använder när man gör ramar är dessa:
<frameset cols/rows="*,*"></frameset>
Dessa taggar bestämmer vilka ramar du vill ha på din ramsida, och cols eller rows beror på om man vill ha kolumner eller rader. Variabeln "*,*" bestämmer hur stora ramarna ska vara och hur många, ju fler komman ju fler rader. Den tagg som man skriver inom denna är:
<frame src="ramsidans namn.html">
Denna tagg bestämmer vilken/vika sidor som ska användas på ramsidan.
Om man använder flera är det den man skriver först som används till det som bestämts i "*,*" först. Denna tagg kräver ingen sluttagg.
Dom här sakerna skriver man in i den sida som man vill ha som index på sin hemsida, så man på så sätt har ramarna hela tiden.
Självklart så finns det en massa andra småkoder som kan användas på ramsidan för att bestämma olika layoutmöjligheter.
Källa: Hämtad från Carlsson, Christer: Webbdesign DTR 1210. År 2002 Finland. Förlag: WS Bookwell OY
Tabeller
Det första ämne som jag tänkt behandla är tabeller.
Jag har aldrig gjort en hemsida som jag känt mig nöjd med som inte innehåller tabeller, i mitt tycke så är det en viktig del som dom flesta hemsidor behöver för att få struktur.
Det som kan vara en nackdel med tabeller är att det inte behöver se likadant ut i alla webbläsare, det kan funka perfekt i en och se konstigt ut i en annan.
Tabeller är relativt simpelt att använda, speciellt om man använder ett layoutprogram som t.ex. Adobe Dreamweaver eller Microsoft Frontpage.
Använder man något utav dessa så är det bara att rita tabellen som man vill ha med rader och kolumner, men om man ska använda ren HTML så blir det en annan femma.
Taggarna som används när man använder när man gör tabeller är dessa:
<table></table>
Dessa taggar bestämmer vart början och slutet på din tabell ska vara.
<tr></tr>
Dessa taggar lägger till en ny rad i din tabell.
<td></td>
Dessa taggar lägger till en ny kolumn i din tabell.
Så när denna kod används kan det se ut på detta sätt:
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
Denna kod skapar en tabell med en rad och två kolumner.
Källa: Hämtad från Carlsson, Christer: Webbdesign DTR 1210. År 2002 Finland. Förlag: WS Bookwell OY
Jag har aldrig gjort en hemsida som jag känt mig nöjd med som inte innehåller tabeller, i mitt tycke så är det en viktig del som dom flesta hemsidor behöver för att få struktur.
Det som kan vara en nackdel med tabeller är att det inte behöver se likadant ut i alla webbläsare, det kan funka perfekt i en och se konstigt ut i en annan.
Tabeller är relativt simpelt att använda, speciellt om man använder ett layoutprogram som t.ex. Adobe Dreamweaver eller Microsoft Frontpage.
Använder man något utav dessa så är det bara att rita tabellen som man vill ha med rader och kolumner, men om man ska använda ren HTML så blir det en annan femma.
Taggarna som används när man använder när man gör tabeller är dessa:
<table></table>
Dessa taggar bestämmer vart början och slutet på din tabell ska vara.
<tr></tr>
Dessa taggar lägger till en ny rad i din tabell.
<td></td>
Dessa taggar lägger till en ny kolumn i din tabell.
Så när denna kod används kan det se ut på detta sätt:
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
Denna kod skapar en tabell med en rad och två kolumner.
Källa: Hämtad från Carlsson, Christer: Webbdesign DTR 1210. År 2002 Finland. Förlag: WS Bookwell OY
Start på Webbdesign blogg
Välkommen till denna blog som ska behandal olika ämnen inom kursen Webbdesign A.
