Avatar billede el-jacob Nybegynder
13. december 2004 - 00:49 Der er 4 kommentarer

hvordan laver man et/en layout/menu/overordnet ramme til en HP?

Ok dér... her kommer historien:

Her om 1 uge når jeg får juleferie fra 1. HHx, planlægger jeg at ville starte med at læse HTML.dk igennem da jeg vil lave en hjemmeside hvor at jeg vil holde styr på alle mine notater (hvad er nu det for noget :S - Ja ligesom lave mit eget lille interaktive leksikon da hele mit værelse + skoletaske ligger og flyder med papirer med brugbare facts på... derfor syntes jeg at det ville være totalt smart at opbevare dem på en hjemmeside i stedet... så er det så at jeg faktisk sådan har skimmet (var virkelig også kun en skimning) HTML.dk igennem én gang før og som jeg mindes står der ikke noget om hvordan man laver en/et layout/menu/overordnet ramme til en HP (ligesom exp.dk her har denne hersens blå én)...

... nå, men har så prøvet at finde og læse nogle tråde om emnet, men i de tråde beskriver de kun hvordan man gør hvis man har et af de der betalingsprogrammer... og sådan et har jeg ikke... (P.S. har Frontpage, men vil nægte at bruge det da jeg vil finde ud af hvordan man kan få f.eks. en gul prik på f.eks. et .jpg billede til at blive til en knap "pa den rigtige måde")...

nå, men her er hvad jeg mener for at forklare det helt tydeligt...
... Hvis jeg f.eks. har designet et/en layout/menu/overordnet ramme til en HP som dette .jpg billede: http://www.mainboard.dk/upload/files/layout01.JPG

hvordan får jeg så knapperne: http://www.mainboard.dk/upload/files/layout02.JPG (dem markeret med rødt) til at blive til "knapper"... du ved på et normalt .jpg sker der ingenting hvis at man trykker på de rødt markerede zoner, det er det jeg gerne vil have til at ske, at de kan føre videre til noget...

har som før sagt ikke mulighed for at købe programmer (så lad være med at skrive Photoshop & PSP) har brug for at vide om at det er noget man kan gøre i kode, eller få link til et freeware program og en guide hertil så at jeg kan lave disse knapper... det kunne f.eks. også være sådan et billede her: http://www.mainboard.dk/upload/files/layout03.JPG hvor at jeg så ville have følgende som knapper (det markeret med rødt): http://www.mainboard.dk/upload/files/layout04.JPG = det jeg vil hen til med de foregående to billeder er at sige at det ikke nytter at skrive "bare lav nogle små kasser og så sæt (f.eks.) 2 linjer imellem dem ved hjælp af enter (og så sig et eller andet med .img og href (er ikke god til det i nu... er derfor jeg skal læse i ferien))" da den metode jo ville blive pænt svær med ovenstående 2 billeder/eksempler...

ja det var vidst det... såe... "hvordan laver man et/en layout/menu/overordnet ramme til en HP med knapper og det hele"?

P.S. for lige at forklare det hele endnu tydelige for dem som skulle sidde tilbage og endnu ikke fatte mit spørgsmål så er et/en layout/menu/overordnet ramme til en HP for mig f.eks. sådan nogle her (taget fra nogle rigtige HP's)
1. (boligarmer.dk håber det er i orden med jer at jeg lige bruger jer som eksempel :)) http://www.mainboard.dk/upload/files/layout05.JPG
2. (silva.se håber det er i orden med jer at jeg lige bruger jer som eksempel :)) http://www.mainboard.dk/upload/files/layout06.JPG
(tilfældigt valgt fra min Firefox history)

håber i har forstået det nu... håber på at i kan hjælpe mig... har da trods alt været tidligt ude... en uge i forkøbet ;)

MvH El Jacob
Avatar billede doggy82 Praktikant
13. december 2004 - 02:39 #1
Hmm det er tydeligt at du ikke ved så meget endnu. Så jeg tror det bedste er at du læser videre på www.html.dk eller min foretrukne www.w3schools.com - men man kan ikke være verdensmester fra dag et. Du er nødt til at lære det fra bunden.

Ellers ang. spørgsmål 1:
Layouts sættes normalt op i tables. Er dog lettere og bedre i CSS, men det må du lige vente med at lære. Læs om layout med tables her:
http://www.w3schools.com/html/html_layout.asp
Når du så har lært det skal du lære at bruge css til layouts i stedet:
http://html.dk/artikler/00043/

Spørgsmål 2:
Dine knapper skal først klippes ud i seperate billedfiler. Så kan du lave noget lign:

<a href="http://www.google.dk"><img alt="link til Google" src="googleknap.jpg"></a>

Altså et img-tag inde i et a-tag.

MEN jeg vil foreslå dig at vente med grafikken, og starte med at lave det hele i ren html (og ccs) så du har tjek på det. Som sagt, man bliver ikke verdensmester fra dag et.

Ellers lækkert at du har taget dig tid til at lave en lang forklaring. Det er godt at se :)
Avatar billede doggy82 Praktikant
13. december 2004 - 02:46 #2
Altså, forstå mig ret, der er en masse grundlæggende ting du er nødt til at lære først. Men det er jo også spændende at lære. Og i starten kan man blive glad for selv de letteste ting man har lavet.

Og nogle hjemmesider skal jo heller ikke ha' alt muligt vildt grafik. Ofte kan det være pænere uden. Se f.eks. www.brucemaudesign.com
Avatar billede el-jacob Nybegynder
13. december 2004 - 13:43 #3
tak for svar doggy82... nej ved ikke så meget i nu... derfor jeg skal læse i juleferien... har indtil videre kun lavet en klamt designet hjemmeside i Frontpage her på skolen som jeg ikke vil give linket til... (ja den skulle lægges ud, det forlangte skolen (rimeligt skod da jeg ikke syntes den var færdig :S))...

... ser frem til mange flere svar... der er jo trods alt en hel uge til før jeg vil begynde...

P.S. doggy82 lange og gode (syntes jeg selv) forklaringer = mig ;D
Avatar billede el-jacob Nybegynder
15. december 2004 - 21:15 #4
hmm havde godt nok renget med nogle flere svar, men i har jo 2 dage i nu ;)

kom evt. også med nogle gode råd...

Vil også gerne have et link til en web editor (ikke WYSIWYG, men en lige som notepad/blok bare med linjetæller) som både kan bruges til Windows, Mac + Linux...

+ flere links :D
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester