Avatar billede rkhdk Nybegynder
05. maj 2002 - 16:22 Der er 34 kommentarer og
3 løsninger

guide til at lave et design/hjemmeside

nu må jeg se at få taget mig samme til at LÆRE at lave et ordenligt design/hjemmeside.
jeg har ellers fået et godt tilbud fra en der vil lave det.. meget fristende ;o)

jeg har siddet og lavet et skitse til det design jeg vil have, men da jeg ikke er den bedste til HTML (kan lidt men ikke det store!), jeg kender intet til ASP,PHP eller andet.

jeg har Frontpage 2002 og Dreamweaver MX Trail
jeg har bruget FP til de HP'er jeg har lavet... men da flere mener at det er SKOD! så har jeg hentet Dreamweaver MX trail.. men jeg kender INTET til Dreamweaver..

det jeg gerne vil lære er: i den rækkefølge
1 => faste størrelse på HP (800*600)
2 => HP'en skal være 100% komperibel med Oprera, Mozilla, Netscape,  og IE
2 => iframes eller hvad de frames nu hedder. (HP'en skal deles op i 2 dele)

de guider, skal enten være til FP eller dreamweaver MX

der vil komme flere spm. hen af vejen.. men det er bare for at komme igang..

BTW. jeg afsløger ikke mit design endnu ;o)
Avatar billede rkhdk Nybegynder
05. maj 2002 - 16:25 #1
afsløre ;o)
Avatar billede gizmo-gizmo Nybegynder
05. maj 2002 - 16:25 #2
... Jeg vil råde dig til at lære HTML fra starten. Det ville være en RIGTIG god ide. Hvis du vil det, så kan du læse på www.html.dk .. det er en smaddergo' side
Avatar billede Slettet bruger
05. maj 2002 - 16:27 #3
1. Lav det i tabeller der skaleres efter vinduets bredde. Ikke alle kører med maksimerede vinduer.

2. Lav din side, test i disse browserer og lær pr erfaring hvad der skal til for at det virker i dem. Men et godt udgangspunkt er kun at lave gyldig HTML. Så kan du justere udseendet senere.

3. Drop frames, de er sikkert unødvendige på din side.

4. Drop DW og brug Notesblok. Evt. HomeSite som er en mere "traditionel" editor.

5. Lav dit design i PhotoShop, skfit til ImageReady, klip siden i småstykker med sliceren, gem som HTML. Så er du sikker på at det holder 100%.
Avatar billede rkhdk Nybegynder
05. maj 2002 - 16:27 #4
gizmo => hmm lære HTML fra bunden.. jeg har en uge til at lave denne side..
og jeg har prøvet forskellige guider til at lære HTML.. men går i stå efter 10min..
Avatar billede Slettet bruger
05. maj 2002 - 16:28 #5
Du kan ikke lære at lave en ordentlig side på en uge. Kolde facts.
Avatar billede tommyf Nybegynder
05. maj 2002 - 16:30 #6
Nummer 2 er meget svær. Der skal du måske overveje, at følge lidt med i de spørgsmål OleBole deltog i førhen - det var hans speciale.

Det du skal tænke på er f.eks rammer ikke ser ens ud i IE/Opera/NS. En border der er usynlig i IE er det ikke nødvendigvis i NS.

Jeg vil anbefale http://www.w3schools.com/
Udover nogle gode tutorials har W3Schools nogle let overskuelige tabeller, hvor du kan se, hvilke browsere der forstår de enkelte kommandoer:
http://www.w3schools.com/css/css_reference.asp
Avatar billede gizmo-gizmo Nybegynder
05. maj 2002 - 16:30 #7
At lave en ordenlig hjemmeside kræver flere år. Hver gang man laver en ny hjemmeside bliver man bedre. "øvelse gør mester" ...

Men den side har en deadline bliver du jo nødt til at bruge de midler du har. Så kan du ikke nå at lære noget nyt.

Tjaaa.. du skal sige til dig selv: "jeg VIL lære det" ... når man først lige kommer igang går det let
Avatar billede brevkasserne Nybegynder
05. maj 2002 - 16:31 #8
For at lave et ordenligt design er det næsten nødvendigt at kunne HTML.
Måske ikke så meget for selv at kunne skrive alle koderne, men derimod fordi man først rigtig har fået indsigt i design af sider osv. når man er på det stadie at kunne HTML udenad.
Men som el_barto siger så lav hele designet i dit favorit grafik-program (PhotoShop, Paint Shop Pro osv.) og derefter "skær" billederne ud.
Til sidst kan du sætte det hele sammen i en .html-side.
Avatar billede rkhdk Nybegynder
05. maj 2002 - 16:31 #9
el_barto =>
1 => hmm maybe
2 => det kunne jeg evt.
3 => maybe..
4 =>notepad.. hmm kan ikke lide notepad, da jeg ikke kan se designet in real time..
5 => skal til at lære PhotoShop, mig der er grafiksspasser ;o)
Avatar billede brevkasserne Nybegynder
05. maj 2002 - 16:32 #10
Jeps, det er faktisk let så snart man får taget sig sammen til det.
Jeg fattede heller ikke en bønne for ca. 1½ år siden. Nu kan jeg både HTML, ASP, PHP, CSS og JavaScript (og muligvis nogle andre) næsten udenad.
Simpelthen fordi jeg har tæsket mig selv igennem det.
Avatar billede and.vang Nybegynder
05. maj 2002 - 16:34 #11
Et alternativ til www.html.dk kunne være www.webcafe.dk, OGSÅ en smaddergo' side! Jeg er dog enig med Gizmo om at du bør lære HTML helt fra bunden. Jeg startede også i Frontpage hvor jeg redigerede min hjemmesider 100% WYSIWIG (what you see is what you get), men da jeg så senere begyndte at lære selve egentligt html fandt jeg ud af hvor dårlig og sjusket kode FP skriver. Jeg ville gerne gå over til GoLive, men det er bare skidedyrt! Lige for tiden bruger jeg notesblok, ganske enkelt for at slippe for Frontpage's kode. Dreamweaver er meget populært, så det kan du sikkert godt bruge, men lær html!! Prøv - når du har lært det - at tage vis kilde på en hvilken som helst side, og se om du kan forstå det hele. Det har jeg selv brugt som træning, og har virket ret godt!

Morale: Lær html!

/Anders :)
Avatar billede brevkasserne Nybegynder
05. maj 2002 - 16:34 #12
Ang. det at programmere i NotePad (bruger selv EditPlus som ligner NotePad meget) så kan du da sagtens se det "real-time". Bare åben din browser og find siden frem.
Herefter opdatere du bare (tryk på F5) når du har lavet nogle ændringer i NotePad og gemt det.
Avatar billede and.vang Nybegynder
05. maj 2002 - 16:35 #13
16:31:34 kontra 16:31:34, næææh hvor sjovt!
Avatar billede tommyf Nybegynder
05. maj 2002 - 16:37 #14
rkhdk >> NotePad er ubrugelig, jeg fatter ikke at folk anbefaler det. Man får 100gange mere ud af, at bruge en af de små Editors, som kan downloads gratis fra www.activedeveloper.dk . Bare det at de farver de forskellige koder, samt indeholder diverse små hjælpefunktioner er en stor hjælp. EasyASP tror jeg er god (såvidt jeg husker).

Jeg må indrømme, at jeg bruge Notepad lige nu, men det er mest fordi jeg ikke har fået taget mig sammen, til at downloade en lille editor.
Avatar billede gizmo-gizmo Nybegynder
05. maj 2002 - 16:40 #15
ja, lad vær med at bruge notepad/workpad. Brug et lille program som tommyf siger. Jeg bruger selv editplus... www.editplus.com

At få den til at vise farver gør det hele meget nemmere
Avatar billede rkhdk Nybegynder
05. maj 2002 - 16:41 #16
jeg sagde det med en uge pga. jeg rejser om en uge og få en helveds masse at tænke de næste 5 uger (svendeprøve!)..
og jeg er så træt af det gamle design på www.krogh-hansen.dk at der bare måtte ske noget NU, jeg skal ikke rigtigt lave så meget her den næste uge..
Avatar billede and.vang Nybegynder
05. maj 2002 - 16:44 #17
Det er rigtigt, Notepad ER ikke verdens smarteste editor, men den arbejder stabilt og destruerer ikke noget kode (vel sagtens fordi det i princippet ikke ER en html-editor). Derfor ville jeg også gerne skifte til GoLive men...$$$...
  Jeg kan dog kun følge dig i at en egentlig editor er klart at foretække, og jeg bruger også kun lige notepad som nødløsning, men jeg har faktisk masser af editorer på lager. Man skal jo bare lige tage sig sammen....
Avatar billede rkhdk Nybegynder
05. maj 2002 - 16:46 #18
gizmo => editplus er jo kun tekst baseret.. html kode er mere eller minder sort snak for mig ;o)
Avatar billede and.vang Nybegynder
05. maj 2002 - 16:48 #19
Når du nu har deadline om en uge, så kunne du jo downloade pprøveversionen af GoLive på www.adobe.com. Det tog mig en times tid at sætte mig ind i de simpleste ting af programmet, og det er bare supergodt!! Men prøveversionen holder kun i 30 dage, og så skal der penge på bordet...
Avatar billede tommyf Nybegynder
05. maj 2002 - 17:11 #20
rkhdk >> Jeg vil tillade mig at komme med en 5punktsplan:

1) Ned i brugsen og køb 3 kasser cola + kaffe + chips (hvis du køber i de mængder jeg har angivet, bør du også købe en ny tandbørste + tandpaste)
2) Få ryddet op på computeren, lave en mappe med de programmer du skal bruge til webudvikling, herunder:

- EasyASP (editor):
http://activedeveloper.dk/download/default.asp?mode=showdownload&id=192
- EyeDropper (så kan du let afgøre hvilken farvekoden der hører til en farve):
http://activedeveloper.dk/download/default.asp?mode=showdownload&id=155
- SizeOmatiz (så kan du se siden i forskellige skærmopløsning ekstrem let):
http://activedeveloper.dk/download/default.asp?mode=showdownload&id=148
- WebSpeed (tjek hvor langtid det tager at hente siden med et almindelig 56kb modem):
http://activedeveloper.dk/download/default.asp?mode=showdownload&id=365

De skal ligges sådan, at det er _meget_ nemt, at få fat på dem.

3) Gå gennem diverse tutorials www.w3schools.com (tad dig sammen).

4) Lav små sider i HTML. Find evt. inspiration på internettet. Det er tilladt at hugge javaapplets fra www.dynamicdrive.com (men ladvære med at overdrive med dem)

5) Prøv, at lave dit nye design.


Du har cirka 23 besøgende i ugen, så det er vel ikke den store forskel hvornår der kommer et nye design? Dette her vil du lærer så meget mere af.
Avatar billede Slettet bruger
05. maj 2002 - 17:38 #21
De 4 funktioner tommyf anbefaler findes alle i HomeSite 4.x og 5.x. Dog er programmet ikke gratis.
Avatar billede rkhdk Nybegynder
05. maj 2002 - 18:16 #22
EasyASP virker ikke.. dødt link når man vil Downloade!
hvor finder jeg HomeSite trail?
Avatar billede gizmo-gizmo Nybegynder
05. maj 2002 - 18:19 #23
http://www.editplus.com/ep2setup-en.cgi

det er hvad jeg foreslår :))))
Avatar billede rkhdk Nybegynder
05. maj 2002 - 18:21 #24
gizmo => det er også den jeg har installeret.. manger den WYSIWIG som jeg er afhænig af!
Avatar billede gizmo-gizmo Nybegynder
05. maj 2002 - 18:22 #25
nå, okay...

den der er i homosite, den er altså meget begrænset
Avatar billede rkhdk Nybegynder
05. maj 2002 - 18:23 #26
gizmo  => jeg fatter alligevel ikke det tekst der står der.. derfor WYSIWIG
Avatar billede hmm10 Nybegynder
05. maj 2002 - 21:14 #27
html, asp, php... = Notesblok
Avatar billede tommyf Nybegynder
05. maj 2002 - 21:44 #28
"html, asp, php... = Notesblok"
Hvad kan Notesblok som de gratis editore ikke kan?

4 fordele ved de gratis editors frem for Notesblok:

1) Disse indeler kommandoerne i farvekoder, så det er lettere, at overskue.
2) De kan huske hvor man sidst åbnede/gemte en fil.
3) De har de mest benyttede kommandoer indbygget som knapper, så man hurtigt kan få indsat f.eks et billede.
4) De har ofte linjenummerering, så når du får en fejlbesked kan du hurtig finde linje 412 - i Notesblok skal du selv tælle ned til linje 412.

Kom så med 4 ting, der gør Notesblok bedre end de gratis editors som findes.
Avatar billede gizmo-gizmo Nybegynder
05. maj 2002 - 21:48 #29
Man kan downloade denne editor:

http://www.tsw.dk/redirect.php4?id=15

Den er dansk, og er næsten identisk med homesite. Og det bedste er, at den er HELT gratis!! :)
Avatar billede pelkjaer Nybegynder
05. maj 2002 - 21:50 #30
Kan absolut kun anbefale dreamweaver mx. De indlæg der siger at dw ikke er en ordenlig text-editor er forkerte. Homesite er nemlig indbygget i den nye mx.
Avatar billede spiers Nybegynder
06. maj 2002 - 12:51 #31
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/website.htm

Her er en guide til at lave en hjemmeside i Photoshop, og så klippe den op i ImageReady, og til sidst importere den til DreamWeaver.

Versågod.

Alt hvad du bad om.

//Spiers
Avatar billede and.vang Nybegynder
06. maj 2002 - 14:01 #32
Tommyf, jeg kan ikke nævne fire ting der gør Notesblok bedre end en alle de gratis editors. Notesblok er meget simpel, men man KAN skrive html i den. Faktisk bruger jeg heller ikke Notesblok til andet end at lægge indhold på mit site. Inden prøveversionen af Golive udløb havde jeg lavet hele designet i det. Så længe det kun er ganske få småting der lige skal rettes, så synes jeg at notesblok er helt fin. Men til at opbygge et helt design vil jeg fuldt ud give dig ret i at den næsten er det værste man kan bruge...næstefter FronPage :)

Til eksterne stylesheet-filer er Notesblok gud! De tager alligevel ingen tid at skrive.

/Anders
Avatar billede gizmo-gizmo Nybegynder
06. maj 2002 - 14:07 #33
and.vang -> Til eksterne stylesheets... nope nope, der er den ikke god. Brug TopStyle lite. Det er et lille program som er beregnet til at lave stylesheets i. Det rykker.

Jeg kan ikke se hvad der taler for notesblok.. ? nævn bare 1 god grund. At den er mere simpel, det er ikke en god grund, om igen :)
Avatar billede tommyf Nybegynder
06. maj 2002 - 19:29 #34
gizmo-gizmo >> Den brugte jeg også engang,  godt program. Har lige downloadet den der TSW'er, den er faktisk ret god - tror det er den, jeg vil benytte fremover :o)
Avatar billede gizmo-gizmo Nybegynder
06. maj 2002 - 19:32 #35
TommyF -> ja, det er nu ret godt :-) ... Han siger selv han bare har kigget efter homesite, men det gør jo ingenting. Et ganske gratis program. Underligt at folk ikke vil benytte det, i stedet for at "betale" en masse penge for programmet.
Avatar billede and.vang Nybegynder
06. maj 2002 - 20:18 #36
Gizmo-gizmo>>> Jo, den er god. Jeg kan godt lide notesblok til css! Simpel kan sagtens være en god grund. Der er ufatteligt meget der er for avanceret, uden at der egentlig er brug for at de er det. Min gode grund for at jeg bruger Notesblok til lidt småting må være at man har et dejligt overblik, og er fuldtændig sikker på hvad der står i ens kode! Har prøvet TopStyle, men jeg gad ikke sætte mig ind i det, for det tager alligevel ingen tid at skrive stylesheets i Notesblok...altså, for mig. Skal vi ikke slutte af med at sige at det er et spørgsmål om smag og behag. Jeg kan godt lide nr det er simpelt en gang imellem!

/Anders :)
Avatar billede rkhdk Nybegynder
07. maj 2002 - 17:09 #37
jeg har *desværre* en indrømmelse..

jeg fik et tilbud på at få lavet designet, så jeg selv kunne klare resten..

og jeg sagde JA til det.. men jeg skal jo stadig redigere og opsætte resten.. så det er da en en begyndelse..

jeg vil prøve det editore I har linket til.. bare for at prøvet noget andet end Frontpage..

men jeg Takker for jeres "hjælp".. ;o)
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
Kategori
Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.

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