Betere methodes?

[Jeffroiscool]

Hey daar. Ik ben bezig met een website (mp3player) zodat je online muziek kan luisteren. Nu heb ik zo vaak gehoord: ROT OP MET TABELLEN EN IFRAMES. Ik zoek de beste methode om deze website te verbeteren: http://jeffro.no-ip.info/mp3player/

het is een template pagina met 2 includes: 1 voor shoutbox en 1 voor de mp3s die uit de database worden gehaald. Daaronder heb ik nog een iframe waarmee ik de mp3's afspeel (ik wil flash mp3 player omzeilen vanwege grote bugs >.>) dus alles wat uit de database komt geeft de mp3-url mee aan het gene dat afgespeeld moet worden maar ik wil als ik op bijvoorbeeld op pagina 2 druk wil ik niet dat hij de mp3 player meerefresht. Dit is heel irritant als mensen lopen te browsen.
Welke technieken kan ik het beste toepassen en heeft iemand nog goede tips hiervoor?

[Verwijderd]

(X)HTML + CSS voor opmaak, javascript voor je popups en php voor je backend.

Div's kun je dmv AJAX ook als iframes gebruiken alleen dan mooier

[ Voor 32% gewijzigd door Verwijderd op 15-06-2007 09:20 ]

[PolarBear]

Een tabel ansich is niet slecht hoor. Alleen een tabel voor opmaak wel. Maar als jij een overzicht wil geven van al je MP3's dan zou ik niet weten wat de betere aanpak is dan een tabel te gebruiken, eventueel in combinatie met AJAX.

[Jeffroiscool]

Dus wat is de beste manier voor een die php include van de mp3 database netjes in de pagina te zetten zoals je ziet valt er wat weg in de skin. Ik wil het zo netjes mogelijk houden. Javascript voor me popups hmm is idt wat de mensen willen? Ik wil dat ik zeg maar op 2 kan drukken maar dat de muziek blijft doorspelen mar als ik iframe voor die database gebruik ziet het er ver***** uit.

Hoe zouden jullie dit ongeveer aanpakken weet je?

[Kiphaas7]

Als ik nu snel in je broncode kijk zie ik al een aantal dingen die me opvallen, het hele idee van (x)html en css is om content en styling gescheiden te houden:

HTML:

<p align="center"><b><font size="+1">

<!-- SITE TITLE GOES HERE -->
Jeffro's MP3Player and Shoutbox!!
<!-- SITE TITLE BAR ENDS -->

</font></b></p>

Is 1 grote soep van styling en een beetje content. Kan je veel beter oplossen met een header tag (h1 want het is immers je titel):

HTML:

<h1>
<!-- SITE TITLE GOES HERE -->
Jeffro's MP3Player and Shoutbox!!
<!-- SITE TITLE BAR ENDS -->
</h1>

en als css (een aantal waardes zijn voorbeeld waardes):

Cascading Stylesheet:

h1 {
color: #000000;
font-size: 16px;
font-weight: bold;
text-align: center;
margin: 0px;
padding: 0px;
}

Hetzelfde geldt natuurlijk ook voor je body tag en al je andere tags: het is de bedoeling zoveel mogelijk styling in je css bestand te zetten. Ik zou eerst daarmee beginnen voordat je je hele html code omgooit, kan je mooi wat ervaring opdoen met deze "nieuwe" "stijl" van html schrijven, voordat je jezelf in de css layout wereld gooit, want daar is het niet echt leuk als je nog nooit met css gewerkt heb (zo te merken aan deze broncode). Als je css voor je layout gaat gebruiken moet je namelijk nogal rekening houden met uitzonderingen (kuch IE, kuch).

[ Voor 43% gewijzigd door Kiphaas7 op 15-06-2007 19:36 ]

[Kiphaas7]

Ai, ik zie nu ook net dat er helemaal niks van je html klopt: doctype defineren ergens halverwege? Not done.

Je kan beter eens een goeie html tutorial vinden voordat je hier voor betere methodes komt vragen denk ik zo.

[ Voor 33% gewijzigd door Kiphaas7 op 15-06-2007 19:41 ]

[Verwijderd]

Oops de html pagina is een template die ik heb gedownload van een site

Ik moet eens leren een mooie template te maken

Ik heb meer verstand van php dan van html

[Verwijderd]

ik zou zeggen, begin hier maar eens: een Beginner’s guide to CSS.

veel succes met deze nieuwe stijl van webdesign die toch echt de toekomst gaat, of eigenlijk al is.

[XangadiX]

wat is er mis met Flash voor mp3 ?! bugs liggen niet aan je platform, maar aan de programmeur (en als ik zie hoe je HTML schrijft... )

Ik zou je speler in een apart frame zetten en op je pagina alleen de controls zetten. Maar ja, dat is een flash oplossing