v5 syns jeg da er en klar forbedring. Ser du har benyttet deg av ekstern css nå, men jeg savner div class fortsatt da.
Skal innrømme at det eneste jeg gjorde var "Vis kilde", og jeg vet at det kan være mangelfull informasjon på det, men Blackspot har et poeng:
1. Se på oppsettet hans, han har til og med plass på siden (margen) til å gi deg gode råd og veiledning - og ennå ser det ryddig og pent ut! Her har han truffet det gyldne snitt ganske godt for leseren som besøker siden din
2. Skygger kan være fint i mange tilfeller, men fordi ikke alle benytter seg av samme type nettleser, kan farge-fade av typen skygger o.s.v. rett og slett være stygt - og ødelegger derfor helhetlig inntrykk på webside for noen, andre bryr seg ikke om det hvis informasjonen er bra nok. Her skal du allerede ha målgruppen din ferdig definert.
3. Les Blackspots gode råd om boksen "nyheter" og dette med endring av form.
God webdesign serverer nyhetene eller informasjon til leseren på et sølvfat, og jo mindre anstrengelser (bevegelse av hodet, scroll, forandring av bakgrunn etc) du klarer å "servere" jo mer lettlest blir siden din!
Dette er veldig viktig og synes du bør rette en stor takk til Blackspot for rådet - jeg ville gitt ham "Bestått" i et aftenkurs i webdesign nesten utelukkende for det poenget. Det er utrolig mange som misser på dette punktet - fordi de
a) ikke klarer å begrense informasjonsmengde (scroll er vel og bra, men for mye av det gode er ikke bra! Et par scrolls som max mener jeg, eventuelt vurder en "neste" knapp nederst.) og
b) de personlig ikke legger merke til hvor forstyrrende for informasjonen som serveres leseren
Dette er mer et irritasjonsmoment som du bør notere deg hvis denne nettsiden din skal inneholde bilder. Jeg skal forsøke å forklare litt, men ser at innlegget mitt blir for langt til å gå grundig nok igjennom det, så jeg forkorter det til det absolutt minimale:
Posisjonering av div-container (beholdere)
Du har sikkert sett på endel nettsider, kanskje til og med lastet de ned og kikket litt på hvordan de er bygget opp. Legg merke til en liten image-fil de kaller for
blank. Denne image-filen er gjerne i gif-format, og har flere bruks-områder, bl.a. til bakgrunn eller!!! posisjon:
blank.gif behøver ikke være annet enn en bitteliten kvadrat, transparent eller i den ønskede bakgrunnsfargen. Posisjonerer du denne kvadraten på nettsiden din
inni div-beholderen din, kan du line opp hver enkelt div-inndeling under hverandre så det kommer i form og linje - dårlig forklart, håper du forstår.
Et vanlig bruk av denne blank-gif er å ha den foran beholder-overskriften din (f.eks: nyheter) og dermed "line" opp disse under hverandre (håper du forstår - dette blir altfor langt innlegg). Denne gif-imaget synes ikke for leseren, kun for "design-purpose", i dette tilfellet posisjonering av div. Jeg viste deg en metode med float-box i en annen lenke også - mange måter å benytte seg av
blank på.
Hvis jeg skulle rådet noen, så ville div vært av de siste elementene å eksperimentere med, fordi det generellt sett kan bli vanskelig å orientere seg når forandringer skal tilføyes eller trekkes fra nettsiden din. Før, når det var vanlig med modem av den analoge typen, var div for internet explorer surfere en verdifull teknikk på en nettside for den korte opplastingstiden. I dag tar det ikke så forferdelig lang tid med enkle tabeller, og posisjons + orienteringsmessig er dette en grei start for de som ønsker en nettside fort ferdig oppegående, og i tillegg vil åpne opp for forandring på nettsiden.
Input av koder i annet enn html, det være seg php, javascript, cgi etc er også enklere fordi du kan gi et av tabell-elementene en unik id, det være seg mest <td>-elementet, må jeg tilføye.
Æsj, det ble for langt innlegg - jeg stopper her, og bare påpeker at der du med div-class sparer deg selv for mye arbeid i forhold til div-id (ihvertfall hvis du ønsker å bruke blank.gif som posisjons-teknikk), så er det ingen som biter deg hvis du bruker litt tabeller på nettsiden din (kan fint brukes med div, virker som du kan php - den brukes ofte med tabeller så det er jo bare å følge dens prinsipper. Php har jeg forstått genererer html-koder med hjelp av dets geniale kodespråk, og benyttes mye brukt i database-sammenheng, og der blir det stort sett alltid vist i tabell-form, så tabeller er ikke fy-fy, bare ikke bruk det uvettig. En scroll som Blackspot nevner er også enklere å sette inn i en tabell enn en div container. Men bevares, god utvikling - nå håper jeg å se litt mer av hva informasjon vi skal serveres, deretter skal også jeg være med å ta et standpunkt.
EDIT:
Alstå, vurder:
- DIV CLASS
- TABLE
- blank.gif (minste mulige kvadrat kun for å posisjonere, om ønskelig kan kvadraten gjøres større og med style background repeat funksjon så har du bakgrunn, på samme viset som du kanskje har gjort for de "skyggene", men dropp det - som sagt, de vises forskjellig fra nettleser til nettleser)
EDIT IGJEN:
Rakk ikke å skrive no om bilder ser jeg, vi tar det når den tiden kommer da
NB! DIV er det samme som LAYER for Mozilla (Netscape) surfere, en annen ting til at du bør kombinere med tabell
Sist endret av paranoy; 22. desember 2007 kl. 15:45.