Avatar billede morten_leth Nybegynder
06. marts 2003 - 12:39 Der er 30 kommentarer og
5 løsninger

tutural til hjemmeside lavning i photoshop 7

jeg ved godt der er en fandens masse link omkring det her men jeg kan ikke hitte rede i dem alle...
jeg er kommet til at sige til min faster at jeg gerne vil lave en hjemmeside til hende....
hun ved ikke hvad den skal omhandle og hun har ikke nogen billeder og jeg har ikke den store erfaring med kreering af hjemmesider.... men mener det godt kan lade sig gøre at lave det i adobe photoshop 7...
jeg har faktisk kun været med til at lave en hjemmeside og det var i frontapage...
så man kan vel godt kalde mig noob på dette område håber der kommer nogen svar/ links...

det må godt være nogen jeg kan printe ud jeg har nemlig ikke net derhjemme så jeg kan ikke se det derhjemmefra..
Avatar billede human Nybegynder
06. marts 2003 - 12:40 #1
Avatar billede jakobclausen Nybegynder
06. marts 2003 - 12:41 #2
Avatar billede jakobclausen Nybegynder
06. marts 2003 - 12:41 #3
Avatar billede morten_leth Nybegynder
06. marts 2003 - 12:41 #4
jamen jeg ved det godt men jeg kan som sagt ikke hitte rede i alle de der links...
Avatar billede morten_leth Nybegynder
06. marts 2003 - 12:42 #5
og prodic er dum at printe fra...
Avatar billede jakobclausen Nybegynder
06. marts 2003 - 12:42 #6
Avatar billede human Nybegynder
06. marts 2003 - 12:43 #7
Så køb dig en bog? :o)
Avatar billede morten_leth Nybegynder
06. marts 2003 - 12:44 #8
vil gerne men har ikke råd... =)
og de der links er da ikke specifikt til hjemmeside kreering...
Avatar billede jakobclausen Nybegynder
06. marts 2003 - 12:45 #9
morten_leth >> Jamen det er da rigtigt at der findes utrolig mange hjælpe sider, men jeg kan da ikke råde dig til andet end at surfe rundt blandt dem, og finde nogen som du synes om, også bare ligge dem ind under foretrukne.

Det er hvad jeg har gjort, og synes det virker fint
Avatar billede human Nybegynder
06. marts 2003 - 12:45 #10
Prodic er en rigtig god side lige meget hvad du skal lave grafik til.

HVis du så gerne vi printe det ud så copy/paste det da i word eller noget :o)
Avatar billede hcma Novice
06. marts 2003 - 12:50 #11
Du vil da ikke lave din hjemmeside i PS7. Altså med hele teksten o.s.v.
PS7 er ikke en html-editor men et grafikpogram, hvori du kreerer/tilretter din grafik (det kan være sig både billeder, tegninger og andet interface o.s.v.)
Men hvis du søger nogle bøger/hæfter/øvelser o.s.v. om PS7 (eller PS6) og ImageReady, som er web-optimerings-delen, kan du med fordel gå op på biblioteket og se hvad de har. De plejer at have rigeligt til at starte med.
(Tips og tricks, Classroom In A Book, Photoshop6 Bogen o.s.v.)
m v h
HC
Avatar billede exp Juniormester
06. marts 2003 - 12:50 #12
Avatar billede morten_leth Nybegynder
06. marts 2003 - 12:55 #13
catbody>> jeg har ikke nogen anelse om hvordan jeg kan lave det så.... hvordan er dreamviewer med hensyn til sådan noget så???
Avatar billede exp Juniormester
06. marts 2003 - 12:59 #14
dreamweaver er okay - et af de bedre, men prøv istedet at lær det fra bunden

www.html.dk
www.echoecho.com
www.netcoders.dk
www.udvikleren.dk
06. marts 2003 - 13:02 #15
Hvad med at starte med at finde ud af hvad hjemmesiden skal indeholde, og ud fra det vælge hvordan du laver den.

Du starter her med at vælge værktøj (PhotoShop) for derefter at prøve at finde ud af, hvad dette værktøj kan bruges til. Det er en lidt utraditionel fremgangsmåde, som sætter en masse begrænsninger for dig.

PhotoShop er forøvrigt et grafik-program, som du kan bruge til grafikken på hjemmesiden, men du kan ikke lave det hele i PhotoShop. (som nævnt af Catbody)
Avatar billede morten_leth Nybegynder
06. marts 2003 - 13:08 #16
er der så ikke nogen der måske kan komme med tutrials der kan hjælpe mig med at lave en hp i eks. dreamviewer... eller sådan noget...
Avatar billede spe Nybegynder
06. marts 2003 - 13:18 #17
Til Dreamviewer er der et IDG-hæfte til under 100 kr. Det ville være et godt sted at starte der.

Hæfter om HTML fåes også fra 50 til 90 kr. stykket.
Avatar billede morten_leth Nybegynder
06. marts 2003 - 13:33 #18
jeg har lavet de tuturials der er på html.dk
men hvis der lige er en der har en tuturial til dreamviewer kan de så ikke smide den ind eller sådan noget...
Avatar billede michael-k Nybegynder
06. marts 2003 - 14:04 #19
Hvis du har lavet de tutorials på html.dk ved du sikkert også hvordan man laver et link og en tabel. Mere behøves du ikke da photoshop kan lave resten af koden. 
Det smarte ved photoshop er at du kan slice dit billede/design op og lade photoshop genere din html kode. 
Så er du enlig godt på vej, da du kun behøves at gå ind og ligge en tabel over dine billeder og lave links og indhold. 

Vil du have en dybere forklaring må du lige sige til :)
Avatar billede morten_leth Nybegynder
06. marts 2003 - 14:06 #20
hvis du gider det så må du meget gerne.... er også åben overfor et link eller 2
Avatar billede michael-k Nybegynder
06. marts 2003 - 14:23 #21
Okay det får du så. 

Slice genvejstast K  Er det du skal bruge og ikke mere :)  Slice værktøjet bruges til at opdele dit design i små billede filer, det vil sige at hvis du feks laver et design hvor der er et logo, en menu og et main vindue altså til tekst osv.  Deler du det op så logo har en slice, menuen deler du så op i flere da du sikkert har en masse link. Og en til main vindue.  Jeg smider lige et billede online om lidt så du kan se meningen med det. 

Derefter går du op i file og vælger save for web.  Her har du så mulighed for at ændre dine små billeder. Altså hvor mange farver der skal være i billedet og hvad format (gif) osv.    Når du har gjordt det, husk at få det til at fylde så lidt som muligt, er der tid til at få lavet noget kode.
Tryk på den sorte pil der er i din save for web menu og vælg den der hedder Output settings. Der kan du så styre hvordan din kode skal se ud. Men du skal nok koncentrere dig om at dine billeder bliver lavet om til baggrund det gør du i den hedder Background og vælg så Background i  View document as.  Og så skal du lige sørger for at den genere Table og ikke CSS. 

Når det er ordnet vælger du et navn  (minside.html) og trykker ok.  Nu har photoshop lavet hele dit html dokument, og lagt alle dine billeder ind i en mappe. Du mangler så bare at få lavet nogle links og få smidt noget indhold ind. 

Da du har delt din menu op i små billeder betyder det at du bare smider dine links ind i tabellen.    I main vinduet smider du dit indhold ind. 

Som sagt laver lige en hurtig illustration så du kan se hvad jeg taler om, da det godt kan være lidt svært at sidde og forklare uden billeder.  Tager lige 15 min
Avatar billede hcma Novice
06. marts 2003 - 14:23 #22
Lav dog din hjemmeside i FrontPage, som er et udmærket program.
Jeg administrerer selv 2 små webs ved hjælp af Frontpage2000, som er udmærket til mit behov.
De billeder og tegninger o.s.v. du så vil have ind på hjemmesiden, kan du med fordel tilrette i Photoshop.
Ang. Frontpage:  Lån hvad de har på biblioteket, især det lille hæfte fra IDG-forlag og suppler evt. med "HTML hæftet" for at få lidt mere at vide om kodning.
Avatar billede michael-k Nybegynder
06. marts 2003 - 14:31 #23
Her kan du så se hvordan jeg slicede et design op engang http://www.teamdesigner.dk/sliceeksempel.gif   
Som du kan se har jeg sliced så hver link for sin egen. Og da du så ligger billedet ind som baggrund er det bare at skrive teksten på linket i din tabel hvor billedet ligger :)   

Det er utroligt nemt dog skal du nok lave et par forsøg før det bliver som du vil have det. Men prøv at leg med de forskellige indstillinger i din save for web menu, photoshop smider faktisk en god gang kode ud, også valid kode, men det skal du nok ikke tænke så meget over i første omgang. 

Håber det lykkes for det :)
Avatar billede michael-k Nybegynder
06. marts 2003 - 14:33 #24
dig ikke det  sorry ;)
Avatar billede exp Juniormester
06. marts 2003 - 15:00 #25
Avatar billede morten_leth Nybegynder
06. marts 2003 - 14:53 #26
Avatar billede morten_leth Nybegynder
06. marts 2003 - 14:44 #27
Avatar billede michael-k Nybegynder
06. marts 2003 - 14:45 #28
Avatar billede michael-k Nybegynder
06. marts 2003 - 14:44 #29
Avatar billede morten_leth Nybegynder
06. marts 2003 - 14:37 #30
Avatar billede michael-k Nybegynder
06. marts 2003 - 14:42 #31
Avatar billede morten_leth Nybegynder
10. marts 2003 - 09:14 #32
jeg vil gerne have lov til at undsylde hvis jeg har fordelt pointene på en forkert måde eller på nogen måde fordelt pointene forkert... men jeg kan kun give dem efter hvad jeg kan huske for jeg kan ikke se noget af det der er skrevet...
Avatar billede michael-k Nybegynder
10. marts 2003 - 10:19 #33
Jeg klager skam ikke ;)  takker for point, håber du kunne bruge mit psp link :)
Avatar billede morten_leth Nybegynder
10. marts 2003 - 10:21 #34
det kunne jeg godt... så fik jeg lige lavet et banner nu jeg var igang... så det kunne jeg skam fint...
Avatar billede michael-k Nybegynder
10. marts 2003 - 10:39 #35
okay det jo lækkert. Du kan foresten også møde hende Lee der har lavet siden der, her på eksperten. Så det bare spørg løs i psp kategorien :)
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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