Dreamweaver

Status
Niet open voor verdere reacties.
J

justtrytohelp

Gebruiker
Lid geworden
22 mei 2007
Berichten
113
Hallo allemaal.

Laat alleen een reply hier please als je me kan helpen.
Ik heb een vraag over dreamweaver.
Ik heb voirige week deze vraag gesteld en ik kreeg paar antwoorden maar ik snapte het niet.
Ik heb nu een week lang op google gezocht maar niks gevonden.

Ikmaak design in photoshop en vervolgens doe ik deze in dreamweave zetten * met background image invoegen *.
Maar dit is mijn huidige probleem waar ik gewoon niet uit kom:
Hoe kan ik instellen dat je bij bijna elke resolutie de site goed ziet.
Dit wil zeggen:
Bij 800 x 600 zie je hem goed
bij 1024.768 zie je hem goed
Als je hem minimaliseert zie jehem we lgoed.
Ik snap echter neit hoe ik zon sit emaak want al sik dit probeer en ik verklein mijn scherm of zet resolutie lager dan word alles te groot en valt site zowat uit elkaar.
Ik hoo pech tdat u mij kan helpen

Met vriendelijke groet

Maikel
 
je moet je website bijv. gewoon 800px (eigenlijk 780, omdat je ook nog een scrollbalk hebt)breed maken. Fixed dus.
Dan is hij te zien op een klein scherm (800x600) en een groter scherm. Dit kan je doen met tabellen die je een vaste waarde geeft in pixels of met verschillende divs.
 
justtrytohelp zei:
Hallo allemaal.

Laat alleen een reply hier please als je me kan helpen.
Ik heb een vraag over dreamweaver.
Hoe kan ik instellen dat je bij bijna elke resolutie de site goed ziet.
Dit wil zeggen:
Bij 800 x 600 zie je hem goed
bij 1024.768 zie je hem goed
Als je hem minimaliseert zie jehem we lgoed.

Maikel
Klik om te vergroten...

Als ik goed begrijp maak je de site met een schermresolutie van 800 x 600. Als je daarvoor kiest kan je zorgen dat bv iemand die een schermresolutie van 1024 x 768 pixels heeft ingesteld toch je site behoorlijk te zien krijgt. Stel dan je site op in frames waar je een linker en rechterframe maakt die je instelt op relative = 1 pixel. Maar er zijn tegenwoordig nog maar weinig personen die een schermresolutie van 800 x 600 gebruiken. Je site maak je best in 1024 x 768.
Hopelijk heb je aan deze uitleg iets.
Mvg
 
Vermits je met vaste plaatjes werkt zul je de door Rimsic gegeven oplossing moeten volgen.
Dit is "The American Style"

Dus je content centreren, een containerdiv gebruiken.
En daar je site inzetten.

:cool:
 
kgebruik deze code:

Stap 1: Plak onderstaand script in de <head> van je site.

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function Is() {
var agent = navigator.userAgent.toLowerCase();
this.major = parseInt(navigator.appVersion);
this.minor = parseFloat(navigator.appVersion);
this.ns = ((agent.indexOf('mozilla') != -1) &&
(agent.indexOf('spoofer') == -1) && (agent.indexOf('compatible') == -1) && (agent.indexOf('opera') == -1) && (agent.indexOf('webtv') == -1));
this.ns2 = (this.ns && (this.major == 2));
this.ns3 = (this.ns && (this.major == 3));
this.ns4 = (this.ns && (this.major == 4));
this.ns6 = (this.ns && (this.major >= 5));
this.ie = (agent.indexOf("msie") != -1);
this.ie3 = (this.ie && (this.major < 4));
this.ie4 = (this.ie && (this.major == 4) &&
(agent.indexOf("msie 5.0") == -1));
this.ie5 = (this.ie && (this.major == 4) &&
(agent.indexOf("msie 5.0") != -1));
this.ieX = (this.ie && !this.ie3 && !this.ie4);}
var is = new Is();
function layerObject(id,left,top,visibility) {
if (is.ie5||is.ns6){
this.obj = document.getElementById(id).style;
this.obj.left = left;
this.obj.top = top;
this.obj.visibility = visibility;
return this.obj;}
else if(is.ie4) {
this.obj = document.all[id].style;
this.obj.left = left;
this.obj.top = top;
this.obj.visibility = visibility;
return this.obj;}
else if(is.ns4) {
this.obj = document.layers[id];
this.obj.left = left;
this.obj.top = top;
this.obj.visibility = visibility;
return this.obj;}}
function layerSetup() {
backgroundLyr = new layerObject('backgroundLayer', 0,0,'visible');}
function findSize() {if(is.ns4 ||is.ns6) {available_width=innerWidth;
available_height=innerHeight;
layerSetup();} else if(is.ie4 || is.ie5) {available_width=document.body.clientWidth;
available_height=document.body.clientHeight;
layerSetup();}}
function winResize() {
if(is.ns4 ||is.ns6||is.ie4||is.ie5) {history.go(0);}}
// End -->
</script>

Stap 2: Plak onderstaand script in de <body> van je site (helemaal bovenin).

<BODY onLoad="findSize();" onResize="winResize()">


Stap 3: Plak onderstaand script ook in de <body> van je site.

<div id="backgroundLayer" style="position: absolute; width: 28; height: 15; z-index: 1; left: 0; top: 0; visibility: hidden">

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if(is.ns4 || is.ns6) {available_width = innerWidth;available_height = innerHeight;}
else if(is.ie4 || is.ie5) {available_width=document.body.clientWidth;available_height=document.body.clientHeight;}
if(is.ie4 || is.ie5 || is.ns6 || is.ns4) {image1_width = (available_width * 1.00);
image1_height = (available_height * 1.00);
var image1 = '<img src="Jitske1.jpg" width="' + image1_width + '" height="' + image1_height + '">';
document.write(image1);}
// End -->
</script>
</div>
Klik om te vergroten...
 
kgebruik deze code:

Stap 1: Plak onderstaand script in de <head> van je site.

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function Is() {
var agent = navigator.userAgent.toLowerCase();
this.major = parseInt(navigator.appVersion);
this.minor = parseFloat(navigator.appVersion);
this.ns = ((agent.indexOf('mozilla') != -1) &&
(agent.indexOf('spoofer') == -1) && (agent.indexOf('compatible') == -1) && (agent.indexOf('opera') == -1) && (agent.indexOf('webtv') == -1));
this.ns2 = (this.ns && (this.major == 2));
this.ns3 = (this.ns && (this.major == 3));
this.ns4 = (this.ns && (this.major == 4));
this.ns6 = (this.ns && (this.major >= 5));
this.ie = (agent.indexOf("msie") != -1);
this.ie3 = (this.ie && (this.major < 4));
this.ie4 = (this.ie && (this.major == 4) &&
(agent.indexOf("msie 5.0") == -1));
this.ie5 = (this.ie && (this.major == 4) &&
(agent.indexOf("msie 5.0") != -1));
this.ieX = (this.ie && !this.ie3 && !this.ie4);}
var is = new Is();
function layerObject(id,left,top,visibility) {
if (is.ie5||is.ns6){
this.obj = document.getElementById(id).style;
this.obj.left = left;
this.obj.top = top;
this.obj.visibility = visibility;
return this.obj;}
else if(is.ie4) {
this.obj = document.all[id].style;
this.obj.left = left;
this.obj.top = top;
this.obj.visibility = visibility;
return this.obj;}
else if(is.ns4) {
this.obj = document.layers[id];
this.obj.left = left;
this.obj.top = top;
this.obj.visibility = visibility;
return this.obj;}}
function layerSetup() {
backgroundLyr = new layerObject('backgroundLayer', 0,0,'visible');}
function findSize() {if(is.ns4 ||is.ns6) {available_width=innerWidth;
available_height=innerHeight;
layerSetup();} else if(is.ie4 || is.ie5) {available_width=document.body.clientWidth;
available_height=document.body.clientHeight;
layerSetup();}}
function winResize() {
if(is.ns4 ||is.ns6||is.ie4||is.ie5) {history.go(0);}}
// End -->
</script>

Stap 2: Plak onderstaand script in de <body> van je site (helemaal bovenin).

<BODY onLoad="findSize();" onResize="winResize()">


Stap 3: Plak onderstaand script ook in de <body> van je site.

<div id="backgroundLayer" style="position: absolute; width: 28; height: 15; z-index: 1; left: 0; top: 0; visibility: hidden">

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if(is.ns4 || is.ns6) {available_width = innerWidth;available_height = innerHeight;}
else if(is.ie4 || is.ie5) {available_width=document.body.clientWidth;available_height=document.body.clientHeight;}
if(is.ie4 || is.ie5 || is.ns6 || is.ns4) {image1_width = (available_width * 1.00);
image1_height = (available_height * 1.00);
var image1 = '<img src="Jitske1.jpg" width="' + image1_width + '" height="' + image1_height + '">';
document.write(image1);}
// End -->
</script>
</div>
Klik om te vergroten...
 
Site altijd goed

De breedte van de site kun je inderdaad het beste 780 houden maar maak dan een tabel aan. Met tabellen kun je alle kanten op. Maak een tabel van 780px breed en centreer deze (tabel selecteren en dan bij align=>centre) geef deze tabel als achtergrond de layout die je hebt gemaakt. Bij grotere resolutie wordt dit dan keurig in het midden geplaatst en bij kleinere resolutie (800x600) istie precies goed. Daarna kun je in de hoofdtabel weer andere tabellen aanmaken zodat je precies alles kunt plaatsen waar je het wilt hebben....
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan