Archief - INFO: De complete webmaster gids

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
D

Dece

Legacy Member
HTML:


Wat?
Een uiterst gemakkelijke opmaaktaal die je vrij snel onder de knie hebt​



xHTML:
Wat?

Dit is de “verbeterde” versie van html, en zal de nieuwe richtlijn worden voor alle browsers. Deze taal is tevens makkelijk om aan te leren​
Links:

Engels:
​

Nederlands: ​
Nog geen nederlandstalige links toegevoegd!​

(x)HTML-validator:


D

Dece

Legacy Member
D

Dece

Legacy Member
PHP:

Wat?​

Deze scriptingstaal laat toe om dynamische pagina’s te maken! Tevens is het een van de meest gebruikte en geliefde taal om dynamische pagina’s aan te maken.​

Links:​

Engels:​



Nederlands:​



Manual in windows-help formaat:​


Enkele gratis scripts:​
D

Dece

Legacy Member
ASP(.net):

Wat?​

Ontwikkeld door microsoft, om tevens dynamische pagina’s te creëren.​

Links:​

Engels:​

http://www.devguru.com
http://www.w3schools.com/asp/default.asp
http://www.w3schools.com/aspnet/default.asp
http://www.loudasp.com/howto/
http://www.haneng.com/
http://www.coveryourasp.com/
http://www.learnasp.com/
http://www.asp101.com/
http://www.4guysfromrolla.com
http://www.asp.net/
http://www.aspsite.com/
http://www.activeserverpages.com/
http://www.asptoday.com/
http://www.aspin.com/
http://www.aspzone.com/
http://www.asp101.com/
http://www.aspxtras.com/
http://www.kamath.com/
http://www.aspwatch.com/
http://www.asptoolbox.com/
http://www.visualasp.com/
http://www.aspsites.com/
http://www.powerasp.com/
http://www.aspgeeks.com/
http://asp-help.com/
http://www.aspdeveloper.net/
http://www.asphome.com/
http://www.aspwire.com/
http://www.asphole.com/
http://aspforce.com/
http://www.aspalliance.com/
http://www.asptracker.com/
http://www.asplists.com/
http://www.aspmagazine.com/
http://www.aspfree.com/
http://stardeveloper.com (met volledig overzicht van de eigenschappen en methoden van de objecten)
http://www.tripleasp.net/
http://aspdll.com/com/
http://www.aspnl.com/aspnl/nl/
http://coveryourasp.com/
http://www.datawebcontrols.com/
http://www.devbuilder.org/
http://www.dotnetbips.com/
http://www.code101.com/
http://www.xmlforasp.net/​
D

Dece

Legacy Member
Flash:

Wat?​

Hiermee kan je van alles maken: van animaties tot dynamische sites!​

Links:​

Engels:​

tip: Inschrijven op de nieuwsbrief van Craig voor Flash Video tutorials (tnx to dêsh)​



Nederlands:​



sIFR:

Wat?​
Technologie voor custom typefaces in html pagina's door gebruik te maken van flashtechnologie.​


Links:​
D

Dece

Legacy Member
Forums:

Vooraf:​

U kan deze fora niet installeren op u telenet/skynet webspace aangezien deze geen server-side scriptingstalen ondersteunen.​

Gratis:​

PHP:​


ASP:​



Betalend:​

PHP:​



Prehosted:​

D

Dece

Legacy Member
Hosting:

betalend:​

http://1-eurohost.com
http://www.prodius.be/
http://www.abcweb.be
http://be-hosted.be/
http://www.benesol.be/
http://www.combell.be/
http://www.decawebhosting.be
http://www.digitalus.be/
http://www.discountasp.net/
http://www.dommel.be/
http://www.dutchzone.be/
http://www.fairhosting.be/
http://www.fusehost.net/
http://www.host.sk/ (eenmalig $29 te betalen)
http://www.hostingcentral.be/
http://www.hostlounge.be/
http://www.hostorange.com/
http://www.ihosting.be
http://www.linuxsystems.be/
http://www.leaseweb.nl/
http://www.netpeople.be/
http://www.priorweb.be/
http://www.protagonist.be/
http://www.resellerplanet.net
http://www.root4ce.be/
http://www.sitehosting.be/
http://www.speedpacket.com/
http://www.sohosted.be/
http://www.solidweb.be/
http://www.systray.be/
http://www.tuxsolutions.com/
http://www.unix-solutions.be/
http://www.vrc.be/
http://www.wagoo.com/
http://www.web-storm.be/
http://www.webline.be/
http://www.webservice.be/
http://www.willux.be/
http://www.wsn.be/
http://www.web-mania.com/
​

gratis: (Deze hosts zijn meestal onstabiel,traag en bevatten reclame(pop-up,banners,…)) ​


UPDATE : 29/11/05
D

Dece

Legacy Member
Derden:




Genereer je eigen (flash)buttons:




Officiële handleiding voor de webmaster:



D

Dece

Legacy Member
Code-snippets:

(x)html:​

left scrollbar:​

Code: 
 <html> vervangen door <html Dir=RTL>

No-cache:​

Code: 
<meta http-equiv="expires" content="no-cache">

​

Meta-tag voor te redirecten:​

Code: 
<meta http-equiv="refresh" content="5;url">

waarbij de 5 staat voor het aantal seconden, en de url staat voor de url waarnaar er moet geredirect worden.

​

iframe updaten via een hyperlink:​

Code: 
<iframe scr="bestandspagina.html" frameborder="0" width="***px " height= "***px" name="iframe"scrolling="auto"></iframe>
de link:
<a href=&#8221;iframepagina.html&#8221; target=&#8221;iframe&#8221;>kijk de link opent zich in het iframe</a>

​

een link maken die de vorige pagina toont:​

Code: 
<a href="#" onclick="history.go(-aantal stappen)">keer terug</a>

​

Geen nedstat image tonen:​

Code: 
<span style="display:none">.......code.....</span>

​


Vertical rule:​


Code: 
<html>
<head>
<title>my vertical rulez</title>
</head>
<style type="text/css"> 

.vertRule { 
width: 3px; 
vertical-align: top; 
margin-left: 3px; 
margin-right: 5px; 
} 

</style> 
</head> 
<body>
hier <span class="vertRule" style="height:100%;border:3px gold inset;"></span> 
zie <span class="vertRule" style="height:100%;border:3px gold outset;"></span> 
je een<span class="vertRule" style="height:100%;border:3px olive groove;"></span> 
paar <span class="vertRule" style="height:100%;border:3px tan ridge;"></span> 
voorbeelden<span class="vertRule" style="height:100%;border:3px #c0c0c0 double;"></span> 
ervan
</body> 
</html>

​


CSS:​

Vertical rule:​

IE only
Code: 
body {
scrollbar-face-color : #******; 
scrollbar-highlight-color : #******; 
scrollbar-shadow-color : #******; 
scrollbar-3dlight-color : #******; 
scrollbar-arrow-color : #******; 
scrollbar-track-color : #******; 
scrollbar-darkshadow-color : #******;
}

​

kleuren van je links aanpassen:​

Code: 
a:link {color: #******; text-decoration: none}  
a:visited {color: #******; text-decoration: none}  
a:hover {color: #******; text-decoration: underline}
a:active {color: #******; text-decoration: none}  

mogelijke decoraties zijn:
none; underline; overline; blink; line-through

​

tekst laten inspringen bij het begin van een paragraaf:​

Code: 
p {
text-indent: ** px;
}

​


achtergrondsfiguur zowel horizontaal als verticaal centeren​

Code: 
body { 
background-image: url(......); 
background-position: center center; 
background-repeat: no-repeat; 
}

​


een tabel een 1px border geven​

Code: 
table {
border: 1px solid #******;
}

​


Afbeelding,... vast uitlijnen onafhankelijk van de resolutie​

Met een extern CSS-file:
Code: 
.positie_******* { 
position: absolute;
left: ***px;
top: ***px
/* left en top kan je eventueel ook vervangen door right en bottem */
height: ***px;
width: ***px;
}

Dit is de inhoud van de css
Dit is je html code
<html>
<head>
[b]<link rel="stylesheet" type="text/css" href="mncss.css" />[/b]
<title>mn eerste site met css files</title>
</head>
<body>
[b]<div class="positie_******">[/b]<wat code></wat code>[b]</div>[/b]
</body>
</html>
ik heb de dingen die je moet invoegen vetjes gezet!

Intern CSS:
Code: 
<html>
<head>
<style type="text/css">
.positie_content { 
position: absolute;
left: ***px;
top: ***px
height: ***px;
width: ***px;
}
</style>
<title>titel</title>
</head>
<body>
<div class="positie_content">kijk dit is mijn content pagina</div>
</body>
</html>

​


Horizontaal en verticaal centeren van zaken​

* width en height zijn de hoogte en breedte van het te centreren element
* margins > de helft van voorgaande waardes
CSS-file:
Code: 
.gecentreerd
{
position:absolute;
left:50%;
top:50%;
width:498px;
height:164px;
margin-left:-249px;
margin-top:-82px;
background-color:none;
}
HTML:
Code: 
...
<body>
<div class='gecentreerd'>
<img ... >
</div>
</body>
...


​


Javascript:​

RANDOM IMAGE​

Code: 
<script language="JavaScript" type="text/javascript">
<!--
image = new Array(2);
image[0] = "1.jpg";
image[1] = "2.jpg";
image[2] = "3.jpg";

index = Math.floor(Math.random() * image.length);
document.write("<img src='" + image[index] + "' />");
// -->
</script>

​

IMAGE MOUSEOVER:​



Code: 
<html>
<head>
<script language="javascript">
var img1 = new Image();
img1.src = "493.jpg";
var img2 = new Image();
img2.src = "494.jpg";

function verander(name){
document[name].src = "494.jpg";
}

function terug(name){
document[name].src = "493.jpg"; 
}
</script>
</head>
<body>
<img src="493.jpg" name="pic1" onmouseover="verander('pic1')" onmouseout="terug('pic1')">


​

Image preloader: (thx to( =X=RaVen=))​

Code: 
//------------------------------------------------ 
/* JavaScript file Copyright */ 
/* Written by Johan Janssens (=(X)=RaVen=) 2003 */ 
//------------------------------------------------ 

/* Deze functies worden enkel in index.htm gebruikt dus zitten in een aparte .js file */ 

//----------------- 
// Preload Script | 
//----------------- 
var arrPreload = new Array( // De array met de preloadbar animatie voor in de statusbalk 
"[| ]" , 
"[|| ]" , 
"[||| ]" , 
"[|||| ]" , 
"[||||| ]" , 
"[|||||| ]" , 
"[||||||| ]" , 
"[|||||||| ]" , 
"[||||||||| ]" , 
"[||||||||||]" ); 

// Alle images die in de site voorkomen 
var arrImg = new Array( 
"img1.gif" , 
"img2.gif" , 
"img3.gif" , 
"img4.gif" , 
"img5.gif" , 
"img6.gif" , 
"img7.gif" , 
"img8.gif" , 
"img9.gif" ); 

var iAantalFotos = arrImg . length ; // Het aantal images in de array 
var arrGeladenImg = new Array( iAantalFotos ); // Een array om de ingeladen images in te zetten 
var iTel = 0 ; // Globale teller 

function laadImg () { // Alle images inladen en in een array steken 
for ( i = 0 ; i < iAantalFotos ; i ++) { 
arrGeladenImg [ i ] = new Image (); 
arrGeladenImg [ i ]. onload = imgGeladen ; 
arrGeladenImg [ i ]. src = "img/" + arrImg [ i ]; 
} 
} 

function imgGeladen () { // Als er een prentje ingeladen is, moet het in de array 
iTel ++; 
toonVooruitgang (); 
} 

function toonVooruitgang () { 
var tekstvak = document . getElementById ( 'preload' ); 
with ( Math ) { //Berekening van de stand van de progressbar 
iProcent = round (( iTel * 100 )/ iAantalFotos ); 
iIndex = ceil ( iProcent / 10 )- 1 ; // Positie van de preloader 
} 
// Voortgang tonen in de statusbalk 
tekstvak . innerText = "De afbeeldingen worden nu ingeladen: " + arrPreload [ iIndex ] + " " + iProcent + "%" ; 
if ( iTel >= iAantalFotos ) { // Als hij klaar is 
iTel = 500 ; // stoppen 
tekstvak . innerText = "Alle afbeeldingen zijn met succes ingeladen!" ; 
} 
} 

In de html zet je dan: < span id = "preload" ></ span > 
En dan komt daarin dus de tekst
D

Dece

Legacy Member
FAQ:

Ik heb een website, hoe plaats ik deze op het web?:​

Het online zetten van een pagina of een file heet uploaden .
Heb je een abonnement bij telenet: http://users.pandora.be/cakeman/cakeman/tutorials/pandorasite/
Heb je een abonnement bij skynet: http://users.skynet.be/fa677101/adsl/
​

Als ik een forum wil installen op mn pandora webruimte wordt deze niet weergegeven ​

en daar kunnen wij ook niets aan doen! Pandora ondersteunt nu eenmaal geen php! Dit verklaart jouw probleem.
De oplossing is simpel: Een (al dan niet betalende) host zoeken die wel php/asp/mysql ondersteunt. Dan zal het forum wel goed weergegeven worden
​

Ik ben nieuw in html, met welk programma begin ik het beste??? ​

Een programma is slechts een programma maw het doet slechts wat er van hem verlangt wordt! Als je een goede code wilt hebben die in alle browsers correct weergegeven wordt moet JIJ de nodige kennis van html/css hebben! Dit zal vrij veel tijd in beslag nemen, maar het resultaat zal er wel mogen zijn. Nadien kan je nog zien of je een WYSIWYG(What You See Is What You Get)-editor nodig hebt!
Verder:
stel uzelf eerst de vraag: hoe mooi moet mijn site zijn. Wilt ge een professionele site, lees b, anders a.
a:
-frontpage is iets typisch voor beginners, misschien kunt ge dat ook gebruiken. De code is afschuwelijk, maar dat zult gij u niet zoveel aantrekken dan. Frontpage werkt heel instinctief, net zoals dreamweaver, een andere wysiwyg editor.
-gebruikt text links, of via www.flamingtext.com kun je je eigen knoppen genereren. Wel een tip
b:
lees b.a als ge een normale site wilt maken, lees b.b als ge een flash site wilt maken.
b.a :
-Leer photoshop, of een gratis alternatief, the gimp. (zoek op google, of kijk in de gfx sticky voor de download link). uiteindelijk zulde (imo tbh) wel naar PS moeten overstappen, iedere wannabe-pro die ik ken werkt met PS. Oh, dit leren duurt trouwens een half jaar ofzo, minstens.
-Leer ondertussen (afwisseling moet er zijn, anders zijde opgebrand voordat ge het kunt) xhtml met css. ( www.w3schools.com is dé beste site. www.cssref.be mag er ook wel zijn)
- Maak uw eerste layout, wees zelf critisch en vraag mening aan anderen, ervarener volk, die u op de zwakheden wijzen.
-Ge kunt nu met een beetje geluk een bitmap site maken, het beste is echter om nu op stap b.b over te gaan. Of leer php, asp en dergelijke om uw site inhoud dynamisch te maken
b.b:
-Leer photoshop en illustrator
-Leer flash, onthoud dat flash het beste met vectoren werkt (dat gene dat illustrator maakt dus, ge kunt ook zelf in flash tekenen, misschien nog beter)
-Ge kunt nu met een beetje geluk een flash only site maken, het beste is echter om nu op stap b.a over te gaan
thx to ieps
​

Ik wil een leuke site maken, waar vind ik animated gif's ​

animated gif's = letterlijk gif voor een beginnerssite! Probeer zo statisch mogelijk te werken! Leer een grafisch programma zoals photoshop! Daarin maak je met een aantal eenvoudige zaken een goede website! Ook hier kruipt tijd in, maar denk aan het gezegde: &#8220;Rome wasn't build in 1 day&#8221;
​

Is mijn site beter als ik ze in notepad maak ​

het is natuurlijk een leuke test voor jezelf om te zien hoeveel kennis je hebt, maar persoonlijk vind ik dat je beter een veredelde versie van Notepad gebruikt!
Voordelen hiervan:
  • de kleuren geven aan of je al dan niet een tag vergeten hebt
  • je hoeft niet te saven om het resultaat te bijken

​

Waar vind ik zo een veredelde versie van kladblok? ​

In de post hieronder :p

​

Ok ik heb photoshop layout, hoe zet ik dat nu om in html ​

open imageready en slicen maar! Probeer zo verstandig mogelijk te slicen! Dat zal van pas komen aangezien je je code van imageready MOET deleten en opnieuw maken

​

Ik krijg parse errors op mn dynamische pages? Wat doe ik verkeerd? ​

Een veel voorkomde fout bij beginners is een ; vergeten!
Verder kan je ook afgaan op de regel die meegedeeld wordt! Maar ook dit is geen referentie. Dus controleer al je voorgaande en volgende regels ook best even.​

Tutorials:

webdesign related tutorials ​


Inloggen op telenet webspace (Spacy2003) ​


Hoe plaats ik iets op mijn Skynet ADSL webspace (Zero Grav)​


Irritante problemen:

Notepad Encoding​

Als je in Notepad je file saved, kan je onder "Encoding" kiezen voor ANSI, UNICODE en UTF-8 (soms nog anderen).
Wanneer je hier UTF-8 kiest, zullen er 3 chars in de file komen (daar gezet door notepad zelf) die door de webserver/php als output gestuurd worden.

Testcase:
- Voer dit in in Notepad:
PHP: 
<?php
session_start();
?>
- File -> Save As
- Kies bij Encoding "UTF-8"
- Save als UTF8-test.php
- Laad in je webserver.

Je zal de warning te zien krijgen.

Oplossing:
Neem onder "Encoding" ANSI of gebruik een andere editor dan Notepad.

Tnx to ecko & miche
D

Dece

Legacy Member
Andere handige links:

Genereer je eigen latijnse dummytekst : ​

Maak snel windows-style menu's:​

MSDE (onder bepaalde voorwaarden gratis lite versie van MS SQL Server) :​

Color matchers :​

zet rgb om naar hex:​
D

Dece

Legacy Member
Varia:

clantemplates:​
www.clan2site.com
Hierop kan je gratis en voor niks je eigen clansite opzetten en creeeren.
Het is in een handomdraai gebeurt
​

www.clantemplates.com
Hier kan je gratis templates gaan downloaden om je eigen site de grafische pracht te geven dat je zelf niet kan.
​



Google for dummies:​

Bidding sites:​
Wat misschien ook handig kan zijn voor mensen die een website willen maar geen ervaring hebben of geen tijd om die ervaring op te doen: BIDDING-SITES! Webdesign is meestal immens duur indien het door bedrijven gebeurt en is dus voor velen onder ons niet haalbaar. Daarom is het vaak aangewezen te beroepen op studenten of freelancers... (ook voor programmers/scripters op zoek naar werk kan dit handig zijn)
Deze biddings-sites zijn niet enkel voor webdesign, database en dergelijke. Ook software of andere scripts kunnen er gepost worden

Deze bidding-sites worden bezocht door programmers die de geposte projecten nagaan en een bod doen (zo laag mogelijk, op zo'n korte termijn als mogelijk). Als je dus een website wil laten maken zonder al de spaarcenten aan te spreken kan je best hier een kijkje nemen:

- www.scriptlance.com (beste volgens mij. zeer actieve en met een rating-systeem)
- www.rentacoder.com
- www.scriptwork.net
- www.contractedwork.com

​

Installing PHP 4.x under windows 2003 server .net with IIS 6.0​

Genereer online je meta-tags​
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan