Photoshop-Tutorials.nl - Photoshop Forum

[skydevil]

Ik heb dit onderwerp geopend, omdat ik nog een paar vraagje had over een site maken.

1. ik zou graag in mijn site willen dat als je op een knop druk je naar een andere pagina gaat. Moet ik dan die knop apart opslaan als .gif ? en dan kan ik de tekst er gewoon inzetten met html en het goed positioneren met css, toch ? Op sommige sites klik je namelijk op de tekst, maar dat wil ik dus niet.

2. Als ik mijn lay-out maak hoe groot zal ik die moeten maken ? ik zat te denken rond de 800px breed en de lengte ook 800px. Dan kan ik namelijk een achter-achtergrond maken en die over de hele pagina laten gaan en dan de achtergrond(van de lay-out) zelf centreren in het midden van de pagina. Dit is toch mogelijk?

3. Is er een site die gratis mijn site kan uploaden, zodat ik hem zeg maar ook even online kan hebben ?

Dit zijn mijn vragen voor nu, als ik begin met de site maken dan zullen er vast nog wel meer komen. Maar deze zijn nu belangrijk. Een goede voorbereiding is het halve werk

[Gloomy]

okey nou eventjes vraag voor vraag:
1. heb je maar 1 knop nodig of wil je een heel menu?
er zijn namelijk verschillende manieren. 1 is voor elke knop een afbeelding maken ( dus telkens weer aparte tekst erop zetten. opslaan en ernaast zetten in je pagina zodat je 5 verschillende afbeeldingen op rij krijgt), dit kost nogal wat dataverkeer in de zin van: als die afbeeldingen een beetje gedetailleerd zijn of groot, dan duurt het even voor ze geladen zijn ( zeker als er nog meer afbeeldingen op je site staan).
wat je ook kunt doen is 1 achtergrond maken. en daarop telkens dus die tekst zetten.ik heb bijv een menu gemaakt waarvan dit de code is.
hier is de HTML:

Code: Selecteer alles

   <div class="menutop menu">
      <ul>
         <li><a href="#">home</a></li>
         <li><a href="#">vakantiewoningen</a></li>
            <li><a href="#">cataloca</a></li>
            <li><a href="#">koopwoningen</a></li>
            <li><a href="#">tours</a></li>
            <li><a href="#">favorieten</a></li>
            <li><a href="#">projecten</a></li>
            <li><a href="#">lounge</a></li>
        </ul>
    </div>


en hier de CSS:

Code: Selecteer alles

div.menu
{
   width: 1024px;
   height: 31px;
   position: relative;
   margin: 0 auto;
   background-color: #0000FF;
   background-image:url(../images/menu/normal.jpg);
   text-align: center;
   background-repeat: repeat-x;
}
div.menu ul
{
   padding: 8px;
   margin: 0;
   text-align: center;
   overflow: hidden;
}
div.menu ul li
{
   display: inline;
   padding: 0px;
}
div.menu ul li a
{
   padding: 17px 30px 16px;
   margin: 0px;
   text-decoration: none;
   font-family: arial;
   font-size: 10pt;
   font-weight: bold;
   color: #FFFFFF;
}
div.menu ul li a:hover
{
   background-image: url(../images/menu/hover.jpg);
   background-repeat: repeat-x;
   background-position: 0px 9px;
}
div.menu ul li a:visited
{
   color: #FFFFFF;
   text-decoration: none;
}

het is misschien heel wat codeer werk en niet allemaal te begrijpen maar ik zal even kort uitleggen wat ik gedaan heb:
ik heb een balk gemaakt met een achtergrond erin ( die div)
vervolgens heb ik een luist gemaakt. bestaande uit een UL en dan vervolgens allemaal IL ertussen.
normaal komt dit netjes op een rijtje te staan als dit:

• linkje 1
• linkje 2
• linkje 3

alleen in mijn CSS heb ik gezegt dat alles naast elkaar moet.

in die LI heb ik dus een link staan. als je daar overheen gaat krijgt hij een achtergrond afbeelding.
dat zorgt ervoor dat waar je ook maar klikt. op die knop. je altijd raak klikt.

naja dit is dus 1 van de duizenden manieren. dus een beetje meer info is handiger
voor de andere vragen een nieuwe post xD

[Gloomy]

2. Als ik mijn lay-out maak hoe groot zal ik die moeten maken ? ik zat te denken rond de 800px breed en de lengte ook 800px. Dan kan ik namelijk een achter-achtergrond maken en die over de hele pagina laten gaan en dan de achtergrond(van de lay-out) zelf centreren in het midden van de pagina. Dit is toch mogelijk?

het beste is om hem te laten verbreden met de site mee. maarja sinds dat niet bij elk design kan zou ik zeggen 1024 x 768. dat is ongeveer de standaart die nu iedereen heeft.
kleiner kan altijd maar je moet er ook aan denken dat sommige mensen 1600x1200 draaien en dan is het scherm half leeg.

wat ik daarom meestal doe is een grote div maken waarin ik mijn site zet. en die vervolgens centreren zoals jij als zegt.
hoe je dit doet kan ik je desnoods uitleggen.


3. Is er een site die gratis mijn site kan uploaden, zodat ik hem zeg maar ook even online kan hebben ?

er zijn DUIZENDEN sites. maar geen 1 is echt goed.
De reden hiervoor is dat nooit iets gratis is. ze willen altijd iets trug. dit is meestal gedwongen reclame op je site.
er zijn enkele sites die het wel gratis doen en ipv jou bezoeker, jou gewoon 1 keer in de zoveel tijd wat reclame sturen.
daarnaast zijn gratis hosts nooit van goede kwaliteit. ze laden traag en je hebt meestal geen ondersteuning voor forums of wat dan ook.
gelukkig zijn er goedkope alternatieven voor een goede host. denk aan webreus
Voor 17 euro per jaar heb je een domein naam ( .nl) en een degelijke host voor beginners

[skydevil]

Ik zou eerst even iets duidelijker uitleggen wat ik met mijn eerste vrag bedoel.

Stel ik heb een lay-out en bovenin heb ik de navigatiebalk staan. In de navigatiebalk heb je allemaak kleinere knopjesen en als je daar op drukt dan ga je naar de volgende pagina. Bijvoorbeeld je hebt in de navigatiebalk staan: Home | E-mail | Gastenboek enz. dan wil ik voor elk van die dingen een aparte knop maken. Ik zal het nog makkelijker maken; Home is geen tekst, maar is alleen een knop met een huisje erop. Als je op dat huisje klikt dan ga ja dus naar home heen. Hoe maak ik zo'n knop ?

Ik snap in jouw code dat je een blak hebt gemaakt (1024px 31px). Vervolgens heb je een lijst gemaakt en deze horizontaal gezet. En dan heb je de tekst als link gemaakt en als je over die tekst gaat krijg je een plaatje ? Je hebt ook nog een soort uiklap menu gemaak van de vakantie woningen. Dit is wat ik uit jouw code kan halen.

Even kortsamenvatten wat ik wil: stel je hebt een vlak van 100px -100px met daarop een huisje (wat home moet voorstellen), dan wil ik dat je overal in dat vlak kunt klikken om door te gaan naar de pagina (in dit geval home).

vraag 2. Dus ik moet gewoon mijn lay-out 1024 bij 768 maken en dan kan ik hem met een div centreren, zodat de pagina altijd in het midden van het scherm komt. Als iemand dus een scherm heeft van 1024 bij 768 dan past ie precies op de pagina en anders komt de lay-out in het midden van het scherm met aan beide kanten een open ruimte waar niks is. (waar je dan bijvoorbeeld wel een soort achtergrond kan maken, zodat het niet wit is).

vraag 3. Het ging mij er alleen om dat ik hem zeg maar voor een weekje online kan hebben om hem zo aan mensen te kunnen laten zien en eventuele fouten er uit te kunnen halen. Als ik hem echt online wil hebben dan begrijp ik ook dat ik een betaalde host moet hebben.
Vraagje, je zegt dat erdan ook een forum bij zit, is dit bij bij elke zo? en dit is dan gratis ?

idd bedankt.

Ik ga vandaag een beetje uitdenken hoe alles eruit moet zien en hoe ik alles ga doen

[Gloomy]

gebruik deze code bij je afbeelding:

Code: Selecteer alles

<a href="link naar je andere pagina.html">
    <img src='link naar je afbeelding.gif' alt="beschrijving ( dus homeknop bijv)" />
</a>


de CSS code:

Code: Selecteer alles

img {
   border: none;
}


dat zorgt er als het goed is voor dat je geen blauwe rand om je afbeelding krijgt.

en dan voor meerdere link gewoon al die dingen naast elkaar plakken. eventueel nog:

Code: Selecteer alles

img {
        border: none;
        margin: 0;
        padding: 0;
}

[Gloomy]

2. ja indd.
stel je voor:

Code: Selecteer alles

<htmL>
<head>
</head>
<body>
<div class="total">
      <!-- hier code voor heeeeel je website-->

</div>
</body>
</html>


Code: Selecteer alles

div.total {
margin-left: auto;
margin-right: auto;
margin-top: 0px;

BODY, HTML {
margin: 0;
padding: 0;
border: 0;
}


bovenste deel CSS zorgt voor centreren en margin top is zodat er geen kleine ruimte boven zit.
onderste deel zorgt ervoor dat de automatische marges van IE en FF weg gaan.

[Gloomy]

3. forums worden bij veel hosts bij geleverd. gewoon een voorgeinstalleerd PHPBB forum. kan je automatisch selecteren.
dit is LANG niet bij elke site zo. maar bijv wel bij bravehost, awardspace en meer

je kan trouwens ook zelf een "servertje draaien"dan kan ej op je eigen PC een forum draaien.
voor meer info hierover zou je effe een nieuw topic moeten openen want dat word nogal een verhaal.
voordeel hiervan isd at je dan MySQL en PHP ondersteuning hebt ( wat je normaal niet hebt) door het programma WAMP