Je eigen homepage..  (1/2)

   

Ey,

misschien ben ik weer lomp met search, maar ik kan echt niks bruikbaars vinden.
Ik wil graag een eigen homepage. Kan ik mijn mixjes uploaden enzo.

Alleen ik heb geen idee hoe dit precies in zijn gang gaat.
Ik heb hier een pagina voor me over HTML, XHTML, CSS bla bla bla..

Maar wat is een goede code om te gebruiken.? Of hoe te beginnen, haha..
Zijn er geen programma's die dit doen, zodat je je beter kun bezig houden met de vormgeving.?

Ey

Er zijn meerdere wegen naar Rome. De meest gebruikte:

- Een statische site die je met de hand geschreven hebt (XHTML en CSS)
- Een statische site die je hebt laten schrijven door een zogenaamde WYSIWYG (What You See Is What You Get) editor, als Macromedia Dreamweaver.
- Een dynamische site die je met de hand geschreven hebt ( XHTML, CSS, PHP en vaak ook MySQL)
- Een hele energieke site met veel bewegende dingen, een zogenaamde Flash site. Gemaakt met SwishMAX of Macromedia Flash.

De tweede mogelijkheid is de simpelste, maar ook de saaiste. De eerste is goed te doen, als je gewoon even je best doet. Dat geldt ook voor de derde. De 4de mogelijkheid is de moeilijkste, tenminste: Je moet heel veel moeite doen wil je iets moois neer zetten.

Als ik jou was zou ik de derde mogelijkheid doen:
Begin met een index pagina in Xhtml, die je helemaal opmaakt met CSS. Zoveel mogelijk met CSS.. Je maakt een leuk menu, een leuke header enz. Pleur je allemaal in die index.
Daarna doe je met php een simpel pagina systeem. Navigatie systeem hoe je het ook wil noemen.
Mysql kan je ook nog doen, maar dat is niet nodig.

Met dit kan je wel aan de slag. Als je hulp wil: je kan het altijd ff vragen.

edit: k verveel me een beetje, dus asjeblieft: het PHP gedeelte.

---

Je links moeten verwijzen naar index.php?page=biografie

---

Op de plek van je content, dit script:
<?php
$page = $_GET['page'];
switch ($page) {
case biografie:
include('pages/biografie.html');
break;
case discografie:
include('pages/discografie.html');
break;
case contact:
include('pages/contact.html');
break;
default:
include('pages/home.html');
break;
}
?>

---

Nog ff een tip: Gebruik niet kladblok, maar een andere editor, zoals bijv. Notepad++. In deze editors zit een functie die je tekst kleurtjes geeft (klinkt raar, merk je vanzelf), hierdoor vind je fouten veel sneller.

Nog een note: Je hebt voor een site met php een host nodig die ook php heeft. Er zijn er genoeg, bijv Awardspace.com (gratis). Als je een php script hebt in je pagina, kan je dus ook niet meer lokaal testen. (lokaal = zonder het te uploaden)

Haha, bedank man.
Ik heb nu zo'n freeware HTML-Kit.
Werd dus aangeraden op die site, makkelijker dan kladblok.

Pff, ik weet niet waar ik aan begin haha..
Maar bedankt in ieder geval.
Het hoeft niet veel voor te stellen voor nu, maar gewoon duidelijk en dan het er is.

Tsja.. HTML kit. Opzich wel mooi spul hoor, maar er gaat niks boven handcoden. Ik zou zeggen, download Notepad++ en probeer het eerst eens met de hand.

Antoine88,

Maak eerst een mooi design, zet deze dan om naar HTML (xHTML bij voorkeur), dit kan vaak al snel via design programma's.

Gebruik CSS om de layout vorm te geven.

Gebruik daarna php of html om de teksten en code te plaatsen.

Indien je snel hulp nodig hebt, even een berichtje via msn (zoran[at]world-industries.org) en ik kom er asap aan

Handcoden, dus alles zelf typen.
Hele tijd <> <> <> gebruiken of is dat maar 1malig.?

Maak eerst een mooi desgin

 

gewoon op papier zeg maar.? Ik heb in ieder geval wel een idee wat ik wil.
Nice dat je asap klaar voor me wilt staan..
Maar het is vakantie, geen stress jonge..

[edit]
weetje wat, ik volg je advies gewoon op. notepad++ it is..

Poster: Antoine88
Handcoden, dus alles zelf typen.
Hele tijd <> <> <> gebruiken of is dat maar 1malig.?



gewoon op papier zeg maar.? Ik heb in ieder geval wel een idee wat ik wil.
Nice dat je asap klaar voor me wilt staan..
Maar het is vakantie, geen stress jonge..

[edit]
weetje wat, ik volg je advies gewoon op. notepad++ it is..

 

Handcoden is stuk netter dan wat de meeste programma's poepen

Design alsin eerst op papier en daarna uitwerken, wat wil je waar, hoe moeten de kleuren zijn, eventueel plaatjes maken dmv Photoshop etc.

Ik sta altijd asap klaar, its my job vakantie of niet.

Je kan ook Dreamweaver gebruiken voor coden, alleen dan niet in het design scherm zitten maar naar code gaan.

Zo zo.. lekker edit ceesietopc.Ik ga maar aan de slag.
Klad heb ik op papier.
Mag ik vragen wat jullie doen.? School, werk..
Ben wel benieuwd trouwens..

School + Werk
laatste jaar vwo en als werk draai ik een eigen ISP (webhosting en alles eromheen)

Ow netjes.
Dan, hoeveel om te hosten dan, kom ik gewoon bij jou. Al is dat nog ver weg..

Wat doe je dan met muziek..??

Notepad++ gepakt.
Hoe kan je nu een preview zien dan.??
Moet je zeker eerst opslaan ofniet.?

[edit]
nog een vraagje
ik wil zeg maar een scherm in een scherm

zoals hoe DJresource nu is, maar dan het grijze iets anders, bijv een foto ofzo
hoe bepaal je de grootet van dat schrem dan.?

Poster: Antoine88
Ow netjes.
Dan, hoeveel om te hosten dan, kom ik gewoon bij jou. Al is dat nog ver weg..

Wat doe je dan met muziek..??

Notepad++ gepakt.
Hoe kan je nu een preview zien dan.??
Moet je zeker eerst opslaan ofniet.?

[edit]
nog een vraagje
ik wil zeg maar een scherm in een scherm

zoals hoe DJresource nu is, maar dan het grijze iets anders, bijv een foto ofzo
hoe bepaal je de grootet van dat schrem dan.?

 

Denk niet dat Lead enzo daar blij mee zijn, aangezien er een mooie banner voor DJHosting is (waarmee zij DJR financieren).

Preview = opslaan en uploaden en je kan hem zien, sommmige programma's hebben ook een preview knop waarmee je niet op hoeft te slaan (zoals Dreamweaver)

Je kan met tables werken of met css (tables is een stuk makkelijker maar ziet er erg slordig uit in de code, al maakt dat weinig uit voor het design zelf) je kan met tables ook de width en height instellen

Poster: Antoine88
Ow netjes.
Dan, hoeveel om te hosten dan, kom ik gewoon bij jou. Al is dat nog ver weg..

Wat doe je dan met muziek..??

Notepad++ gepakt.
Hoe kan je nu een preview zien dan.??
Moet je zeker eerst opslaan ofniet.?

[edit]
nog een vraagje
ik wil zeg maar een scherm in een scherm

zoals hoe DJresource nu is, maar dan het grijze iets anders, bijv een foto ofzo
hoe bepaal je de grootet van dat schrem dan.?

 
als je in notepad hebt geschreven moet je nu opslaan. dat kan je alsvolgt: opslaan als>>>en nu moet je de extentie veranderen naar "alle files" en typ je bijvoorbeeld "index.htm". die ".htm" is belangrijk!

zoals dat grijze hier op dj resource kan je makkelijk maken met frames. Maar dat ga ik niet helemaal beginnen uitleggen :P daarvoor moet je eens een tutorial bekijken.


trouwens als je goed weet hoe je moet programeren, kan je dreamweaver gebruiken. Doe ik ook. heel gemakkelijk: hoef je niet alles meer te typen, maar sommige codes moet je aanpassen. daarvoor heb je dan het programmeren in de vingers

jonge, ik doe dit nu voor het eerst.
Ben nu bezig met een tutorial. Zoveel getyp..
Toevallig ben ik nu het punt van frames, haha.

[edit]
Ey,

wat is dat precies, als je bijv op home clickt of downloads dat je nieuwe informatie krijgt.
ik kan dat niet uit die tutorial halen.

Ik zou inderdaad ook beginnen met html/xhtml, maar dit doe je al. Dit is het makkelijkste en denk toch wel een beetje de basis.
Zelf wil ik graag css leren. Moet het ook kunnen ivm school, maar ik heb geen zin in die cursussen op internet. Daarna wil ik mij gaan verdiepen in asp.

Edit; Ik lees net dat men zegt dat je php niet lokaal kunt testen, klopt inderdaad.
Als je dit programmatje download http://www.wampserver.com/ (even links op het engelse vlaggetje klikken)
en installeert heb je een html en php server. Kun je alles snel local testen. Beter dan telkens uploaden.

Oke, phatte poep tutorial.
Ik kan nu alleen tekst maken. Leuke kleurtjes, grootte bla bla bla..

Bedank voor jullie hulp, ik zoek wel iemand die me kan uitleggen..

Ik ben zelf ook bezig met een tuturial. In die tutorial komen O.A. de volgende dingen aan bod:

XHTML:
- Links
- Plaatjes
- Koppen
- Tekst
- Tabellen
- Div's
CSS
- Algemene opmaak
- Complete site lay out
- plaatjes
PHP
- Een simpel navigatie systeem (klinkt nogal raar, maar met menu enzo..)
- Email script (contact formulier)

Zodra ie af is, post ik m in dit topic, oke?

Nog ff over die frames: Als je je site in xhtml en css only houdt, zijn frames handig. In het geval dat je toch naar php gaat, ga dan gelijk door naar div's. Zucht.. ik ga maar weer door aan die tutorial :P

Owja: Ik zit in de 3de van het middelbaar, en webdesign is gewoon een hobby van me.

Weet je wat jij zou moeten doen...een design maken in photosjop en dan hem helemaal afmaken met macromedia flash...wordt het een perfecte site...

Poster: dutchman
Weet je wat jij zou moeten doen...een design maken in photosjop en dan hem helemaal afmaken met macromedia flash...wordt het een perfecte site...

 
is nog niet zo eenvoudig hoor om een mooi design te maken met photoshop

whahaha...weet ik maar met wat tutorials kom je wel een heel end...

Poster: dutchman
Weet je wat jij zou moeten doen...een design maken in photosjop en dan hem helemaal afmaken met macromedia flash...wordt het een perfecte site...

 

Flash sites zijn ZO 1990

Als je sites goed kunt maken, kan je ver komen met gewoon een design en ajax/javascript..
Veel mooier dan flash.

whahahaha...er worden nog zat sites gemaakt met flash...dus ja zo ouderwets is het ookw eer niet.:P

Ze worden wel steeds minder populair. 100% flash sites vind ik niets. Hier en daar een animatie ok, maar dat is het dan wel.

Een design eerst in photoshop maken kan, maar een kleine schets is eigenlijk al voldoende.

Naar mijn idee zijn de mooiste sites te maken met een combinatie van allerlei zaker, zoals: PHP, flash, AJAX, CSS, XHTML, DHTML en Javascripts en weet ik wat niet allemaal meer. Het probleem echter is dat een hoop mensen teveel van een van de onderdelen gaan gebruiken waardoor de uitwerking niet mooi is.

Overigens kun je met alleen PHP en CSS al geweldige sites maken..

Veel afwisseling is goed, maar ff over het rijtje talen wat je noemde:
DHTML is een samentrekking van Javascript en CSS.

En in je site heb je toch een keer XHTML nodig, met alleen PHP en CSS redt je het niet :P

Poster: dutchman
whahaha...weet ik maar met wat tutorials kom je wel een heel end...

 
ik heb goed gezocht op google maar kon niet echt een goede tut vinden om speciaal websites te designe met photoshop, heb jij er miss een paar?

Met photoshop maak je geen websites. Het enige wat je daarmee doet is voor jezelf een schets maken van de layout die je wil gaan gebruiken. Het is wel handig om te doen, vooral bij ingewikkelde sites. Maar photoshop is niet ontwikkeld om complete sites mee te maken, tis wel perfect voor banners, animaties e.d.

Voor photoshop tutorials: good-tutorials