Avatar billede Slettet bruger
03. august 2006 - 20:44 Der er 32 kommentarer og
1 løsning

Hjemmeside design

Hej nu har jeg prøvt i 5 år at lave nogle hjemmsider som skal se flot ud som jeg selv laver fra bunden men der har enu ikke lykkes mig men så nu vil jeg spøger her på eksperten.dk om der er nogle store hjemmeside nørter som kan hjælpe mig hvordan jeg laver en pæn hjemmside fra starten og vilken programmer som jeg kan bruge så håber at der er nogle folk som vil hjælpe mig :)
Avatar billede old-faithful Praktikant
03. august 2006 - 20:55 #1
Der er mange forskellige metoder. Selv synes jeg man får bedst kontrol og kreativitet, hvis man først udtænker sig et design uden at tænke på kode, og dernæst laver det i et billedbehandlingsprogram som billedfil.

Derefter kan du bruge en "image slicer" (eller f.eks. den i Photoshop) og så lave siden ud fra billedet.

Med andre ord, tænk design før du tænker kode. (sådan foretrækker jeg det i hvert fald). Selvfølgelig skal de små detaljer også være i orden, og man skal vælge farver der passer sammen (og ikke er for skrigende, medmindre det passer ind i det konkrete tema).

// Old-Faithful™
Avatar billede Slettet bruger
03. august 2006 - 21:14 #2
Oka tak :) jeg har også tængt mig at lave det i billede men hvordan får laver jeg et billede desigen som virker fin sådan at man køre musen over et billede og så der ikke kommer den der menu op med at man vil gemme billede eller andt hvordan undgåre man den hvis man vil have billede desigen ?
Avatar billede keysersoze Ekspert
03. august 2006 - 21:17 #3
først og fremmest synes jeg at man skal lære sine begrænsninger at kende - man kan ikke nødvendigvis både designe og programmere. Har man først valgt retning hvis ikke man kan overskue begge dele så er det hele faktisk ret lige til;

vælger du design så er primært photoshop og sekundært illustrator mest nødvendigt. Resten er ren og skær kunnen.

vælger du programmering behøver du i bund og grund ikke mere end notepad - kan du ikke opbygge kode i notepad mener jeg det bliver meget svært at lave god og overskuelig kode og det gælder både klientside (html, javascript) og en serverside (asp, php, .net). Når først man kan det kan man begynde at bruge lidt hjælp - fx HomeSite til asp/php og visual studio til .NET.

Database er lidt et kapitel for sig selv - igen behøves ingen programmer ud over selve databasen, men en hjælpefrontend (access, sql server management alt efter databasen) gøre arbejdet meget lettere.

Sidste del er ting som fx flash - til dette kræves måske en tredietype person og et tilhørende program.
Avatar billede keysersoze Ekspert
03. august 2006 - 21:18 #4
jeg forstår ikke helt hvad du mener med det billede? lægger du bare et billede ud på nettet eller sætter du det ind med html-kode?
Avatar billede Slettet bruger
03. august 2006 - 21:21 #5
Jeg har prøvt en gang hvor jeg hade lavet et billede som skul bruges som desigen men det gik i vasken forde være gang man kørt musen over desigen billede kom den der boks op i venster hjørne af billede op hvor man kan gem billede eller andt så det gjore at det ikke virket optimalt hvordan gøre man at den kommer væk for så er det en god idee at lave en hjemmeside med billede desigen :)
Avatar billede old-faithful Praktikant
03. august 2006 - 21:27 #6
Du bruger formentlige Internet Explorer så? :-)

Det er meget almindeligt at den boks kommer op. For at undgå den, kunne du i stedet for at lægge billedet ind i f.eks. en tabels forgrund, lægge det ind som baggrund. Baggrundsbilleder giver nemlig ikke den der menu.

// Old-Faithful™
Avatar billede keysersoze Ekspert
03. august 2006 - 21:28 #7
det er udelukkende fordi du viser billedet direkte i browseren i stedet for at sætte det ind med html.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
</head>

<body>

<img src="billede.jpg">

</body>
</html>
Avatar billede Slettet bruger
03. august 2006 - 21:31 #8
Oka men når jeg nu smider det ind som baggrundsbillede hvordan tilføjer jeg så teks ind i billede så når ander personer kommer ind på min hjemmside så det ikke liger forskudt over det hele teksen ?
Avatar billede mclemens Nybegynder
03. august 2006 - 21:34 #9
Med hensyn til den billede menu så kig på
http://www.eksperten.dk/spm/723189
Avatar billede keysersoze Ekspert
03. august 2006 - 21:36 #10
med al respekt - det du spørger om er virkelig grundlæggende, så i stedet for at give dig færdige løsninger tror jeg du kunne få enormt meget ud af at kigge på html-delene på www.html.dk, www.w3schools.com, www.activedeveloper.dk og www.netcoders.dk
Avatar billede Slettet bruger
03. august 2006 - 21:37 #11
OKa men så er det jo bare om jeg kan finde ud af og lave html koden om så den passer til min hjemmside og billede
Avatar billede mclemens Nybegynder
03. august 2006 - 21:38 #12
^ - Lyt efter hvad keysersoze siger, start op med læsning...
... Når du rammer panden imod en mur så er det jo blot et spørgsmål...
- Man bliver "desværre" ikke god til at kode iløbet af en dag...
Avatar billede mclemens Nybegynder
03. august 2006 - 21:39 #13
[ OKa men så er det jo bare om jeg kan finde ud af og lave
html koden om så den passer til min hjemmside og billede ]
... Den fangede jeg ikke? Hvad henviste den
til mit link eller keysersoze's eksempel?
Avatar billede mclemens Nybegynder
03. august 2006 - 21:41 #14
Mit link er to alternativer...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<meta http-equiv="Imagetoolbar" content="no">

</head><body>

</body></html>





eller:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>


</head><body>
<img src="billede.jpg" galleryimg="no">
</body></html>
Avatar billede Slettet bruger
03. august 2006 - 21:42 #15
det link du sendt til mig hvor jeg kan læse om hvordan man fjerne den menu over billede der er en kode man skal smide ind så er det bare om jeg kan finde ud af og bruge den
Avatar billede mclemens Nybegynder
03. august 2006 - 21:42 #16
... og når du laver sider så brug en fuld doctype istedet for den korte keysersoze kastede ... det er vigtigt at IE ikke er i quirks når du går igang ellers får du et forkert billede af css ... (IE i quirks kan håndteres - men det er ikke altid sjovt)
Avatar billede Slettet bruger
03. august 2006 - 21:51 #17
Oka jeg vil prøve kender du / i et godt free ware program som kan lave hjemmside i jeg bruger 1 st page 2000 men den vil ikke lige som jeg vil selv om den kan nogle fede ting men hvis i kender nogle gode nogle så vil jeg gerne prøve dem :)
Avatar billede mclemens Nybegynder
03. august 2006 - 21:53 #18
Tilbage til spørgsmålet:
Hvis du har prøvet på at lave professionelle websites
i 5 år uden at være kommet nogen vegne rigtigt så kan
der være vel op til 4 årsager ... jeg vælger at remse alle 3 ting op:

1. Du har ikke læst om hvordan man laver ting - du har hentet markup fra forskellige kilder og tillært dig det lidt af sig selv. (denne metode er hård og virker ikke for alle).

2. De ting du har læst har været forkert eller du har fået et forkert billede af hvad der sker ...

3. hvis du blot har brugt en visuel editor uden at sætte dig ind i det bagvedliggende.

4. Du har ingen interesse i emnet og vil ikke bruge
dit liv eller en god del af din fritid på det... (lyder voldsomt, men indtil man har styr på det er det godt med intensiv indlæring - hvis man får op i det selvfølgelig)


- - - Når så der er de punkter ved jeg selvfølgelig ikke hvilket punkt der er mest rammende i dit tilfælde (5 år er lang tid). Jeg tror nok punkt 2 og 3 rammer bedst.

Det har også været tilfældet for mig tidligere. Jeg har selv i starten lært en masse om html ved at kigge i frontpage's html output. Og så pillet alt det fra jeg kunne. Det gælder alle mellemrum, tabulatorer og afstande for at lave den så let som muligt (tænk '98 - '99 og 28,8kb). Den del med at minimere markup har hængt ved, jeg har dog været dybt glad efter jeg lærte php sidste år... (jeg skiftede frontpage ud med notesblok i '99)

Konklusion: Du mangler grund viden - og der er tre måder: Læs på w3c. Læs på forskellige tutorials som keysersoze's links. Eller køb et par bøger.

Mvh, Clemme :)
Avatar billede mclemens Nybegynder
03. august 2006 - 21:55 #19
Update, kender ingen editorer ud over frontpage
- og jeg tror du skal ned på markup niveau og rode lidt
for at lære det grundlæggende - uden det bliver du ikke koder.
... designer m.v. og andre betegnelser er ok - men en koder
bør have styr på hvad output hans program genererer og hvorfor.
Avatar billede Slettet bruger
03. august 2006 - 21:56 #20
Nej jeg har ikke prøvet at lave professionelle hjemmsider men har prøvet at lave flotte men det har jeg ikke kun så jeg har bare stjålt desigen fra ander og det gider jeg ikke mere nu vil jeg godt lav min egen hjemmeside
Avatar billede old-faithful Praktikant
03. august 2006 - 22:13 #21
Jeg synes du skulle lære det med WYSIWYG til at starte med. Dvs. relativt lette programmer hvor man umiddelbart kan se hvad man laver rent visuelt og ikke som (for en begynder) uforståelig kode. Efterhånden vil du så kunne (og få brug for at kunne) kigge i koden og ændre deri.

Nogle gratis WYSIWYG programmer er:
  • NVU: http://www.nvu.com/index.php
  • FrontPage Express (light-udgave af Frontpage): http://www.sph.emory.edu/PAMM/IH552/fpx.html

Det bedste råd: Vær nysgerrig, eksperimenter og prøv dig frem!

Mht. til billeder kan du i nævnte programmer lave tabeller ("table") hvori du kan indsætte billedfilerne. Det giver lidt mere kontrol.

// Old-Faithful™
Avatar billede keysersoze Ekspert
03. august 2006 - 22:14 #22
igen synes jeg at du skal splitte det hele meget op - der er forskel på design og kode. Hverken det ene eller det andet lærer man bare sådan lige - og mange kan kun mestre én kategori... og man mestrer vel at mærke slet ingen af dem uden først at lære noget om emnet inden man går i gang.

Som sagt er de ting du har spurgt om hidtil meget meget grundlæggende og du vil med meget stor sandsynlighed få løst dine nuværende problemer hvis du i første omgang læser på de angivne links og dernæst leger med det du har læst om inden du forsøge at lave den store forkromede løsning.
Avatar billede mclemens Nybegynder
03. august 2006 - 22:15 #23
At stjæle et design fra en anden er lavt - og ulovligt
afhængig af hvad / hvor meget der lægger i ordet stjålet...
(grænsen går typisk ved inspiration) - jeg tror ikke jeg kan
sige mere end jeg har sagt ... Men når du har hapset kan grunden
også være nr. 4 og så skal du spørge dig selv om du egentlig nyder
at sidde og hamre pixels rundt på et bræt for at få puslespillet til at gå op.

... 5 år er lang tid at bruge på en ting hvis man ikke brænder for det...
så hvis du brænder for det så, læs, læs, læs... og sæt dig ind i html, css
og så et serverside scripting sprog og evt. noget javascript bagefter...
(tilsidst kommer erfaring, og jeg har ikke meget mere erfaring end dig
da jeg kun har kodet '98 - '01 samt '05 - nu ... hmm, jeg brænder
lidt men der har selvfølgelig også været varmt de sidste par dage :/
Avatar billede mclemens Nybegynder
03. august 2006 - 22:16 #24
Synes lige vi skal huske denne linje:
[ Hej nu har jeg prøvt i 5 år ]
Avatar billede mclemens Nybegynder
03. august 2006 - 22:20 #25
... men prøv et nyt program som henvist af Old Faithfull :o)
- forandring fryder men kig i koden og læs lidt om det...

som keyser siger så er der to ting design og kodning ...
jeg er nok mest interesseret i kodning - og paint er
heller ikke det sjoveste program at lave grafik i ...
Avatar billede Slettet bruger
03. august 2006 - 22:44 #26
mclemens: Så download Gimp.
Avatar billede mclemens Nybegynder
03. august 2006 - 22:49 #27
Hmmm, læser lige lidt om det
- det kan kun være bedre end
paint... Tak for hintet :o)
Avatar billede mclemens Nybegynder
03. august 2006 - 22:52 #28
Joh, den ryger nok ind
på maskinen i weekenden :)
Avatar billede keysersoze Ekspert
03. august 2006 - 23:00 #29
paint.net - også et super lækkert program med mange ligheder til photoshop.
Avatar billede mclemens Nybegynder
03. august 2006 - 23:15 #30
http://www.getpaint.net/ bookmarked
... sikke meget jeg skal kigge på ...
Avatar billede keysersoze Ekspert
13. september 2006 - 11:38 #31
lukketid?
Avatar billede old-faithful Praktikant
16. november 2006 - 23:42 #32
Der sker vist ikke mere i denne tråd. Lukketid?
Avatar billede mclemens Nybegynder
17. november 2006 - 01:12 #33
God ide med lukketid :)

Ingenting til mig, men tak for forslaget om at bruge
Gimp (den virker fint) og tak for forslaget om paint.net
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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