Hjælp med/til design af websid 21-03-06 17:53 : peque 21-03-06 19:24 : sofus.dk 21-03-06 19:26 : molokyle 21-03-06 23:40 : docjacobsen 22-03-06 06:18 : molokyle 22-03-06 09:08 : johnnyp 22-03-06 10:25 : molokyle 22-03-06 10:28 : molokyle 22-03-06 11:02 : johnnyp 22-03-06 13:28 : johnnyp 22-03-06 17:16 : molokyle 30-03-06 12:38 : johnnyp 30-03-06 15:11 : molokyle 30-03-06 15:18 : molokyle

Hjælp med/til design af websid Fra : johnnyp Vist : 650 gange 100 point Dato : 21-03-06 17:45

Hej.. Jeg vil gerne have gode råd - link - hjælp til at lave et design til webside som ligger tæt op af www.sug.dk der skal ikke være nogen for for webhandel/shop og farvevalget skal nok også være anderledes, så det er kun selve opsætningen af siden. Håber at der er nogen der kan hjælpe. mvh JohnnyP

Kommentar Fra : peque Dato : 21-03-06 17:53

Jamen hvis du gerne selv vil i gang - så for din egen skyld - http://www.html.dk Der lærer man det basiske og så kan man selv gå videre

Kommentar Fra : sofus.dk Dato : 21-03-06 19:24

www.steenmartinsen.dk Der ligger 100 webdesigns Skulle du mangle flere så sig til.

Kommentar Fra : molokyle Dato : 21-03-06 19:26

Jeg må med sorg i sinde meddele dig at omtalte design er svært forældet når det kommer til selve HTML koden Det er lavet med tabeller og og en mænde javascript, hvor 'trenden' nu om dage går mod XHTML til indholdet (= tekst, billeder, baggrunde, filmklip, lyd mm. Altså; hvad?) på siderne og intensiv brug af CSS til layout på siderne (=hvorhenne og hvordan?). Javascript bueges i de tilfælde som omhandler; hvornår? En god begynder-guide finder du her : http://www.hjemmesideskolen.dk/ </MOLOKYLE>

Kommentar Fra : docjacobsen Dato : 21-03-06 23:40

eller et lille non-profit bureau, der kan hjælpe, tror jeg er: http://wannasite.org

Kommentar Fra : molokyle Dato : 22-03-06 06:18

Hvis du i forvejen ved lidt om webdesign kan du kigge på disse CSS layout-teknikker : http://www.cssplay.co.uk/layouts/index.html Det er simpelthed sådan man gør Der er lidt flere her: http://www.glish.com/css/ ..hvor du også kan læse lidt om hvordan, hvorfor og selve 'teknikken' </MOLOKYLE>

Kommentar Fra : johnnyp Dato : 22-03-06 09:08

Hej Tak for alle kommentarerne, som jeg vil kikke nærmere på de nkommende dage. Til Molokyle: Har brugt lidt tid på http://www.cssplay.co.uk/layouts/index.html , som virker meget interessant og hvor det ser ud som om der noget jeg kan bruge, men mangler lige at finde ud af hvordan får koderne frem. Er det noget med at bruge " vis kilde " og så kopiere det over i notesblok ??. Eller har du et godt råd ???. Er godt klar over at det kun gælder de ting hvor der er givet tilladelse til at bruge dem. mvh Johnnyp

Accepteret svar Fra : molokyle Modtaget 100 point Dato : 22-03-06 10:25

Vis kilde er korrekt Du skal dog vide, hvilke kodelinier du skal kopiere fra, så du kan sætte ind og rette til på egne sider. Eks. på siden : http://www.cssplay.co.uk/layouts/threecol.html nås eksemplet ved at gå til : http://www.cssplay.co.uk/layouts/3cols.html Der ingen copyright betingelser og du skal bruge koden: Kode <style type="text/css"> html, body {margin:0px; padding:0px; background:#eee; font-family:verdana; font-size:12px;} /* The header and footer */ .headfoot {display:block; height:70px; background:#08a; color:#fff; text-align:center; padding:5px;font-size:30px;} /* This bit does all the work */ #container {position:relative; display:block; background:#0ac; border-left:200px solid #aa8; border-right:200px solid #a8a;} #inner {display:block; margin-left:-200px; margin-right:-200px; padding:5px;} #left {float:left; position:relative; width:200px; left:0px;} #right {float:right; position:relative; width:190px; right:0px;} #center {margin-left:200px; margin-right:200px; position:relative; display:block; height:1%;} .clear {clear:both;} /* Just to extend each column */ #inner a:visited, a {color:#000; text-decoration:none; cursor:default;} #inner a span {display:none;} #inner a:active, #inner a:focus {color:#fff; text-decoration:none; background:transparent; cursor:default;} #inner a:active span, #inner a:focus span {display:block;} a:visited, a {text-decoration:underline; cursor:pointer;} a:hover {text-decoration:none; cursor:pointer;} em {font-weight:bold;} </style> ..som er stylesheetet. (X-)HTML delen er så: Kode <div class="headfoot">Header</div> <div id="container">    <div id="inner">       <div id="left"><a href="#"><em>CLICK</em> here to make the left column the longest<span>this is the left column<br />this is the left column<br />this is the left column<br />this is the left column<br />this is the left column<br />this is the left column<br />this is the left column<br />this is the left column</span></a></div>       <div id="right"><a href="#"><em>CLICK</em> here to make the right column the longest<span>this is the right column<br />this is the right column<br />this is the right column<br />this is the right column<br />this is the right column<br />this is the right column<br />this is the right column<br />this is the right column<br />this is the right column<br />this is the right column<br />this is the right column<br /></span></a></div>       <div id="center"><a href="#"><em>CLICK</em> here to make the middle column the longest<span>this is the middle column<br />this is the middle column<br />this is the middle column<br />this is the middle column<br />this is the middle column<br />this is the middle column<br />this is the middle column<br /></span></a></div>                 <div class="clear"></div>    </div> </div> <div class="headfoot">Footer<br />NOTHING could be simpler...!</div> ..og det er begge dele noget du må bruge ...og nødvendigvis må rette i til dit eget formål. (Farver, tekst, positioner mm.) Et mere avanceret design af samme type med banner, 3 spalter og sidefod finder du her : http://www.alistapart.com/articles/holygrail Lær mere om CSS på de link peque og jeg har angivet tidligere. Eller på : http://www.w3schools.com/css/default.asp Happy coding.... </MOLOKYLE>

Kommentar Fra : molokyle Dato : 22-03-06 10:28

Næsten samme 'ting' finder du på dansk her : http://webdesign101.dk/ Det er en god idé at købe Jørgen Farum Jensens bøger. De er billige (200 kr.) og er meget pædagogisk og informativt opbygget. Jeg bruger dem selv som opslagsværker </MOLOKYLE>

Godkendelse af svar Fra : johnnyp Dato : 22-03-06 11:02

Tak for svaret molokyle. Nu TROR jeg, at jeg er med. Så jeg klør på og vender evt. tilbage, hvis der skulkle opstå " problemer ". mvh Johnny

Kommentar Fra : johnnyp Dato : 22-03-06 13:28

Molokyle: Du må meget gerne sende flere link som du mener kan bruges til design af website også hvis du skulle have link der vedrørre design af logo m.m.. På forhånd tak !! JohnnyP

Kommentar Fra : molokyle Dato : 22-03-06 17:16

Ok. ..og du spø'r bare </MOLOKYLE>

Kommentar Fra : johnnyp Dato : 30-03-06 12:38

</MOLOKYLE> Har siden besvarelse af spørgsmålet, været på nettet for at finde flere links og har da også fundet nogle. MEN hvor er der også meget sk..t i mellem. Så vil blive glad hvis du skulle få lyst til at fremsende nogle af sikkert mange gode links du har. På forhånd tak

Kommentar Fra : molokyle Dato : 30-03-06 15:11

Link til hva' ? Til CSS ?: 1.) http://www.bluerobot.com/ 2.) http://www.csszengarden.com/ 3.) http://www.meyerweb.com/ 4.) http://www.cssplay.co.uk/ 5.) http://www.w3.org/Style/CSS/ ...men så er vi ude over 'begynderstadiet' </MOLOKYLE>

Kommentar Fra : molokyle Dato : 30-03-06 15:18

Al anden Webudvikling beskrives bedst 'under én hat' på disse sites: 1.) http://www.w3.org/ 2.) http://www.alistapart.com/ 3.) http://academ.hvcc.edu/~kantopet/old/index.php 4.) http://www.w3schools.com/ 5.) ...og denne udmærkede danske 'huskeseddel' : http://www.html-faq.dk/ </MOLOKYLE>

Du har følgende muligheder

Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål. Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.