Photoshop template -> Dreamweaver

Stel hier je vragen over website codering (html, css, php, etc) en het maken en bewerken van websites

Moderators: Gloomy, Walter, Mittch

Photoshop template -> Dreamweaver

Berichtdoor Wickedd op za jun 27, 2009 10:26

Hallo,
ik heb een template gemaakt voor een gaming clan op Call of Duty 4.
Nu is er 1 probleempje..
Ik wil dat template in Dreamweaver importeren en DAAR de text erin zetten.
Maar hoe doe ik dat. Eerst probeerde ik dat met die text layers maar dat werkt ook niet echt handig ! Als ik dan eventjes op een andere pc met een ander beeldscherm keek hoe het daarop uitzag stond het layer opeens 20 centimeter van z'n eigen positie af.
Dat werkt dus ook niet !
Hoe kan ik dat dan doen dat je niet alles als een afbeelding hebt ( Dat vind ik crap uitzien. )
Cheers !
- Wickedd.
< Ohja ! Hier het template, laat even weten wat men er van vind.. Ik ben niet geweldig in photoshop ofzo :P => Afbeelding >

Wickedd
 
Berichten: 4
Geregistreerd op: za jun 27, 2009 10:14

Re: Photoshop template -> Dreamweaver

Berichtdoor Gloomy op za jun 27, 2009 11:15

leer html... das de enige oplossing om een goeie website te maken.
HTML is de basis van elke website en als je een website gaat maken i dat ook het eerste wat je moet leren
WYSIWYG editors ( what you see is what you get editors) werken nooit optimaal en raad ik dus ook totaal af om een website mee te maken. ze zien der altijd in elke browser anders uit.

gelukkih is html een vrij eenvoudige taal om te leren en staan der genoeg cursusjes op internet ^^
Gloomy
 
Berichten: 2233
Geregistreerd op: ma feb 25, 2008 10:32

Re: Photoshop template -> Dreamweaver

Berichtdoor skydevil op za jun 27, 2009 13:22

Wil je html goed leren ga naar deze site:

http://www.sceneone.nl/ (deze link mag toch wel?)
skydevil
 
Berichten: 412
Geregistreerd op: vr jun 20, 2008 21:47

Re: Photoshop template -> Dreamweaver

Berichtdoor Wickedd op za jun 27, 2009 14:28

Dus met HTML kan ik over die afbeelding heen text zetten ?
Cheers,
- Wickedd
Wickedd
 
Berichten: 4
Geregistreerd op: za jun 27, 2009 10:14

Re: Photoshop template -> Dreamweaver

Berichtdoor Walter op za jun 27, 2009 14:31

Het is niet zo dat je geen links naar andere sites mag plaatsen, zeker niet. Als het goede nuttige links zijn dan is dat zeker oke.
Het ging me er meer om dat het geen spam gelegenheid moet worden, en dat er vaak binnen de site (ander topic, tutorials etc) al een hoop info / oplossingen te vinden zijn.

Overigens vind ik jouw link nou niet de beste. Er zijn veel betere gratis curussen op internet te vinden; http://www.mijnhomepage.nl/htmlcursus/l ... rzicht.php bijvoorbeeld.

En ja, je kunt het beste html leren en niet met die photoshop/dreamweaver combinatie aan de gang gaan. Zoals gezegd wordt dat niet in elke browser goed ondersteund (of beter gezegd, de browsers ondersteunen prima html, maar er wordt verkeerde input gegeven; het ook zo bekende probleem met ie/ff)
Walter
Site Admin
 
Berichten: 728
Geregistreerd op: zo jul 08, 2007 22:39

Re: Photoshop template -> Dreamweaver

Berichtdoor Wickedd op za jun 27, 2009 19:54

En wat kan ik dan het beste gebruiken.
Ik heb enige basis kennis van HTML
Is CSS Niet beter daarvoor of is dat alleen voor style sheets ?
Cheers,
- Wickedd
Wickedd
 
Berichten: 4
Geregistreerd op: za jun 27, 2009 10:14

Re: Photoshop template -> Dreamweaver

Berichtdoor Gloomy op za jun 27, 2009 21:52

laten we het zo zeggen:

html is puur de structuur van de site.
en html zelf heeft beperkte opmaak mogelijkheden.
voor mooie goed ondersteunde, goede kwaliteit opmaak: css
Gloomy
 
Berichten: 2233
Geregistreerd op: ma feb 25, 2008 10:32

Re: Photoshop template -> Dreamweaver

Berichtdoor skydevil op za jun 27, 2009 22:05

Je gebruikt normaal HTML voor de "basis" van de webstite en je gebruikt css om je website mooi te maken.

Dus html is de basis voor een website en met css maak je het uiterlijk van de website;)
skydevil
 
Berichten: 412
Geregistreerd op: vr jun 20, 2008 21:47

Re: Photoshop template -> Dreamweaver

Berichtdoor Wickedd op za jun 27, 2009 23:24

Conclusie:
Hoe / Wat kan ik het beste gebruiken om een soort laag over de afbeelding heen te krijgen waar ik text in kan voeren ?
Cheers,
- Wickedd
Wickedd
 
Berichten: 4
Geregistreerd op: za jun 27, 2009 10:14

Re: Photoshop template -> Dreamweaver

Berichtdoor Gloomy op zo jun 28, 2009 09:46

HTML alleen kan het al mee
hier hoe je het met html / css doet
Code: Selecteer alles
<div style="background-image:url(link afbeelding); width: breedte afbeelding;  height: hoogte afbeelding;">
blablabla je tekst
</div>


=)
in html zou ik omdat je netbegint je website uit tables laten bestaan.
Code: Selecteer alles
<table>
<tr>
<td width="breedte" height="hoogte" background="link afbeelding">
tekstje hierin
</td>
</tr>
</table>
Gloomy
 
Berichten: 2233
Geregistreerd op: ma feb 25, 2008 10:32

Re: Photoshop template -> Dreamweaver

Berichtdoor Walter op zo jun 28, 2009 12:02

Je gebruikt normaal HTML voor de "basis" van de webstite en je gebruikt css om je website mooi te maken.

Werk niet alleen met css om de website mooi te maken (opmaak elementen), maar ook om de website zelf te ontwerpen, denk aan div's ipv tables, etc. Dat is beter.
Ook kun je het beste alle eigenschappen (color, width etc) in een extern css bestand zetten en in het html/php bestand zelf alleen de div's of classes aangeven. Wil je dus goed beginnen met een website, leer dan html en gelijk css :) (achteraf alles omzetten naar css elementen, daar komt meestal weinig van :P)
Walter
Site Admin
 
Berichten: 728
Geregistreerd op: zo jul 08, 2007 22:39

Re: Photoshop template -> Dreamweaver

Berichtdoor Gloomy op zo jun 28, 2009 13:35

zeker gelijk in maar om het beide meteen te combineren?
denk dat het handig is om eerst goed HTML te kunnen voordat je je aan divs waagt. die dingen zijn nog al omslachtig soms
denk aan 3 divs in elkaar om 4 divs op rij te krijgen zonder inline functie te gebruiken

Code: Selecteer alles
<div>
     <div style="float:left;">
         <div style="float:left;"> vak 1</div>

         <div style="float:right;">vak 2</div>
    </div>
    <div style="float:right;">
         <div style="float:left;"> vak 3</div>
         <div style="float:right;">vak 4</div>
    </div>
</div>


als je daar mee een hele layout moet maken en dan ook nog tekst moet uitlijnen etc. dan wordt het aardig wat ervaring gebruiken
Gloomy
 
Berichten: 2233
Geregistreerd op: ma feb 25, 2008 10:32

Re: Photoshop template -> Dreamweaver

Berichtdoor Walter op zo jun 28, 2009 15:32

Klopt, is soms lastig, vandaar ook 'wil je goed beginnen...' Heb je er niet de tijd voor, dan kun je beter met html starten inderdaad. Alleen leidt dat er meestal toe dat mensen blijven bij tabellayouts en dat vind ik ook zo zonde.
Walter
Site Admin
 
Berichten: 728
Geregistreerd op: zo jul 08, 2007 22:39

Re: Photoshop template -> Dreamweaver

Berichtdoor skydevil op zo jun 28, 2009 21:39

Ik ben ook een beetje begonnen en ik heb er voor gekozen om helemaal niet met tables te gaan werken. Ik heb de hele vakantie de tijd, dus ik denk dat het wel gaat lukken .

Trouwens nu we het toch over HTML hebben. Waar kan ik alles het beste in maken ? gewoon kladblok of een speciale HTML editor ? zo'n editor heb ik al eens geprobeerd, maar vond het niet echt werken.
skydevil
 
Berichten: 412
Geregistreerd op: vr jun 20, 2008 21:47

Re: Photoshop template -> Dreamweaver

Berichtdoor Gloomy op ma jun 29, 2009 04:00

ik werk eigenlijk met dreamweaver om maa 1 reden.
niet omdat je beneden kan zien hoe je site deruit ziet ( want dat werkt voor geen kont) maar door de automatische invul functies
nooit meer codes die je verkeerd typt etc want je selecteerd het begin en je drukt op enter.
je ziet het aan de kleuren ook meteen of je alles goed afgesloten heb of niet.
en als je erg netjes te werk gaat. werkt het ook handig met divs.

daarnaast een zekere aanrader om iig te proberen. het programma stylizer
het is een programma speciaal voor CSS opmaak. je zet een verwijzing naar een CSS document in je html bestand. geeft alle delen class namen
en je kan alles realtime opmaken met CSS terwijl je links ziet hoe het er in IE7 en firefox uitziet zonder telkens op te hoeven slaan.

heb je wel de ultimate versie nodig want met de basic versie kan je geen reet hehe
Gloomy
 
Berichten: 2233
Geregistreerd op: ma feb 25, 2008 10:32


Volgende

Keer terug naar Vragen over Webdesign en codering (html, css, php, ...)

Wie is er online

Gebruikers op dit forum: Geen geregistreerde gebruikers en 0 gasten

cron