Scholieren.com forum

Scholieren.com forum (https://forum.scholieren.com/index.php)
-   Software & Hardware (https://forum.scholieren.com/forumdisplay.php?f=20)
-   -   Mijn homepage : help ! (https://forum.scholieren.com/showthread.php?t=484271)

N*A*Shezbaernon 21-05-2003 10:51
Mijn homepage : help !
 
Ik ben in het weekend een boekje over HTML gaan lezen en ... ja ... vond het wel interessant ... is er mee geeindigd dat ik een eigen homepage in elkaar heb gezet :)

Natuurlijk zeer trots op mezelf, want mijn eerste poging en al zo gelukt, al zeg ik het zelf, zelfs online zetten ging prima, alleen dan ... die vervloekte plaatjes !

Ze willen maar niet laden, wat natuurlijk heel mijn design en mijn werk vern*ukt :mad:

Is daar iets te aan te doen ?
Ik heb gif's en jpg's, wat waarschijnlijk ook de snelheid verlaagt omdat het niet maar een soort is, maar kan ik met een of andere programma jpg's naar gif's converteren ? Ik heb CorrelDraw geprobeerd en die heeft het wel gedaan, alleen lukt het geen andere programma die gifjes te openen (wat niet zo handig is).

Dus ... hoe zorg ik er voor, dat mijn plaatjes geladen worden ?

Heeeeeeeeeeeeeel erg bedankt :)

Triloxigen 21-05-2003 11:37
Zou je de source eens kunnen postenm?

N*A*Shezbaernon 21-05-2003 11:58
[SIZE=1]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.1//EN">
<HTML>
<HEAD>
<TITLE>The Truth of ... Dying to Be Skinny</TITLE>
<META NAME="Robots" CONTENT="Noindex,follow">
<style>
body, html {
scrollbar-track-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #000000; }
</style>
<script>
<!--
if (window.Event)
document.captureEvents(Event.MOUSEUP);
function nocontextmenu()
{
event.cancelBubble = true
event.returnValue = false;
return false;
}
function norightclick(e)
{
if (window.Event)
{
if (e.which == 2 || e.which == 3)
return false;
}
else
if (event.button == 2 || event.button == 3)
{
event.cancelBubble = true
event.returnValue = false;
return false;
}
}
document.oncontextmenu = nocontextmenu;
document.onmousedown = norightclick;
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
//-->
</script>
</HEAD>
<BODY BGCOLOR=BLACK TEXT=RED LINK=BLACK ALINK=BLACK VLINK=BLACK>
<A HREF="Inleiding.html" TARGET="Main"><CENTER><IMG SRC="Inleiding-button.gif" ALT="Inleiding button"></A>
<A HREF="Eetstoornissen.html" TARGET="Main"><IMG SRC="ES-button.gif" ALT="Eetstoornissen button"></A>
<A HREF="Fantasy.html" TARGET="Main"><IMG SRC="Fantasy-button.gif" ALT="Fantasy button"></A>
<A HREF="DromenUitleg.html" TARGET="Main"><IMG SRC="Dromen-button.gif" ALT="Dromen button"></A>
<A HREF="Lyrics.html" TARGET="Main"><IMG SRC="Lyrics-button.gif" ALT="Lyrics button"></A>
<A HREF="AboutMe.html" TARGET="Main"><IMG SRC="AboutMe-button.gif" ALT="About Me button"></A>
<A HREF="Fotografie.html" TARGET="Main"><IMG SRC="Gallery-button.gif" ALT="Gallery button"></A>
<A HREF="MyDiary.html" TARGET="Main"><IMG SRC="MyDiary-button.gif" ALT="My Diary button"></A>
<A HREF="TheOnes.html" TARGET="Main"><IMG SRC="TheOnes-button.gif" ALT="The Ones button"></A>
<A HREF="Links.html" TARGET="Main"><IMG SRC="Links-button.gif" ALT="Links button"></CENTER></A>
<P><CENTER><img src="http://www.sweb.cz/root/counter?
user=Shi-NaYne&pad=yes&len=6&pic=odb">
</BODY>
</HTML>

Bijvoorbeeld ... hier heb ik de grootste problemen mee, dat wilt HELEMAAL niet laden. In IE dan, Opera doet het prima, maar dat gebruikt bijna niemand

Triloxigen 21-05-2003 12:22
Zet alles even tussen de [code] tags :)
En werken via de nieuwe html regeltjes i fijner/beter
(oa alles kleine letters en overal " omheen).

De enigste reden die ik zie waarom plaatjes niet geladen worden is simpelweg omdat ze niet op de plaats staan waar jij naar verwijst

N*A*Shezbaernon 21-05-2003 12:35
Citaat:
McLaren schreef op 21-05-2003 @ 13:22:
Zet alles even tussen de [code] tags :)
En werken via de nieuwe html regeltjes i fijner/beter
(oa alles kleine letters en overal " omheen).

De enigste reden die ik zie waarom plaatjes niet geladen worden is simpelweg omdat ze niet op de plaats staan waar jij naar verwijst
Ze worden wel geladen, alleen duurt het veel te lang ... Waar is dat [code] tag goed voor ?

dafelix 21-05-2003 12:40
probeer bij SRC=" volledige path op te geven (is altijd aan te raden btw) dus niet "blaat.jpg" maar "http://worldwideweb.blaat.dot/slash/blaat.jpg"

Spacey 21-05-2003 12:49
Citaat:
dafelix schreef op 21-05-2003 @ 13:40:
probeer bij SRC=" volledige path op te geven (is altijd aan te raden btw) dus niet "blaat.jpg" maar "http://worldwideweb.blaat.dot/slash/blaat.jpg"
daar ben ik het niet mee eens. Dat is nergens voor nodig en maakt je site alleen maar minder portable.

wel handig trouwens op je plaatjes in een parte dir te gooien
images ofzo. maakt het wat overzichtelijker voor jezelf.

N*A*Shezbaernon 21-05-2003 13:10
Citaat:
Spacey schreef op 21-05-2003 @ 13:49:
daar ben ik het niet mee eens. Dat is nergens voor nodig en maakt je site alleen maar minder portable.

wel handig trouwens op je plaatjes in een parte dir te gooien
images ofzo. maakt het wat overzichtelijker voor jezelf.
Inderdaad ... ik had eerst wel absolute links, maar dat is zo onhandig als wat. Bovendien, ik heb het uitgeprobeerd, maar de ladingssnelheid wordt daar niet groter op.

En ja, handig zou het wel ja, en daar gebeurt vast wat mee, maar onoverzichtelijkheid is niet mijn grootste probleem ;)

Triloxigen 21-05-2003 13:31
Citaat:
N*A*Shezbaernon schreef op 21-05-2003 @ 14:10:
Inderdaad ... ik had eerst wel absolute links, maar dat is zo onhandig als wat. Bovendien, ik heb het uitgeprobeerd, maar de ladingssnelheid wordt daar niet groter op.

En ja, handig zou het wel ja, en daar gebeurt vast wat mee, maar onoverzichtelijkheid is niet mijn grootste probleem ;)
die [code] is goed voor dat de opmaak leesbaar blijft..
hoe ziet de strcutoor van je webpagina eruit>?

Dr HenDre 21-05-2003 14:00
je moet geen fouten maken met hoofdletters. Iets wat ik ook heb gedaan. De meeste hosters zijn *unix dus blaat.JPG is anders dan Blaat.jpg en anders als blaat.jpg. effe goed opletten hoe je bestanden heten en waarheen je linkt

N*A*Shezbaernon 21-05-2003 14:50
Citaat:
Dr HenDre schreef op 21-05-2003 @ 15:00:
je moet geen fouten maken met hoofdletters. Iets wat ik ook heb gedaan. De meeste hosters zijn *unix dus blaat.JPG is anders dan Blaat.jpg en anders als blaat.jpg. effe goed opletten hoe je bestanden heten en waarheen je linkt
Nee das' wel OK, anders zouden die plaatjes nooit verschijnen, maar dat doen ze wel ... alleen pas na een halve eeuw en dat maakt de website gewoon onbruikbaar.

N*A*Shezbaernon 21-05-2003 14:51
Citaat:
Bootsman123 schreef op 21-05-2003 @ 15:11:
En wat ik ook zou doen is een aparte map aanmaken zodat je het overzichtelijk houdt.
Daar gaat het niet om ... dat lost mijn probleem niet op !

N*A*Shezbaernon 21-05-2003 14:59
Citaat:
McLaren schreef op 21-05-2003 @ 14:31:
die [code] is goed voor dat de opmaak leesbaar blijft..
hoe ziet de strcutoor van je webpagina eruit>?
Een introductiepagina die doorlinkt naar Home, die is in drie frames verdeeld, bovenaan een met de naam van de pagina, links een soort menu met buttons (die twee veranderen niet) en de rest hoofdframe waar de buttons verschillende subpagina's heen doorlinken. In de subpagina's zijn hier en daar links naar nog lagere niveaus, die dan in aparte vensters openen.

Of bedoelde je dat niet :o

Enlightenment 21-05-2003 15:27
Hoofdlettergevoelig. Mijn advies is om al je images lower case te doen, dus: blaat.jpg plaatje.gif etc.

Nog een paar tips:
  • Schrijf de tags en elements ook lowercase, dus niet: <IMG SRC="blah.jpg" ALT=""> maar: <img src="blah.jpg" alt="">. De volgende generatie HTML (XHTML) is hoofdlettergevoelig, lowercase aanleren is daarom slim.
  • Zorg dat je HTML pagina altijd geldig HTML is. Dit kun je laten checken door een HTML validator, zoals:
    validator.w3.org
    (hier je URL opgeven)
  • Je hebt nog geen charset in je <head> .. </head> staan, dit is wel vereist. Dus voeg het volgende toe:

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  • Gebruik als het kan geen frames, gebruik tabellen om je pagina te verdelen in menu en content enzo
  • Gebruik CSS (Cascading Style Sheets) om je opmaak te regelen, zoals kleur, lettertype, grootte enzo. Dit is wel even wennen, kun je doen als je een keer je pagina gaat updaten (herschrijven) als je wat meer weet.
  • Lees de tutorials en references op www.w3schools.com om goed HTML en CSS te leren.
Verder veel succes en plezier met je page! Als je zelf HTML hebt geschreven, heb je je website echt helemaal zelf gemaakt! Wees trots op jezelf. :)

* ^_^ * 21-05-2003 15:39
als je de link naar je site geeft kunnen we de dingen beter checken (bijvoorbeeld de grootte van je fotos etc).

btw je kan trouwens beter van GIF naar JPEG dan van JPEG naar GIF. kan je met zelfs. mspaint doen. (www.burnallgifs.org)

N*A*Shezbaernon 21-05-2003 15:43
Citaat:
* ^_^ * schreef op 21-05-2003 @ 16:39:
btw je kan trouwens beter van GIF naar JPEG dan van JPEG naar GIF. kan je met zelfs. mspaint doen. (www.burnallgifs.org)
Zeker, maar het is dus de bedoeling dat de gif-plaatjes dynamisch zijn, en dat effect gaat een beetje verloren, lijkt mij, als ik daar jpg's van maak :rolleyes:

Enlightenment 21-05-2003 15:49
GIF naar JPEG? Waarom?

GIFs zijn goed in computer graphics met weinig unieke kleuren (en animated effecten). JPEG is goed voor foto's, waarin heel veel verschillende kleuren in voorkomen.

Harrie 21-05-2003 19:05
Citaat:
N*A*Shezbaernon schreef op 21-05-2003 @ 11:51:
Ik ben in het weekend een boekje over HTML gaan lezen en ... ja ... vond het wel interessant ... is er mee geeindigd dat ik een eigen homepage in elkaar heb gezet :)
whaa.. kun jij na een paar dagen zulke dingen typen? (y) :eek: :p

dafelix 21-05-2003 19:08
Citaat:
Harrie schreef op 21-05-2003 @ 20:05:
whaa.. kun jij na een paar dagen zulke dingen typen? (y) :eek: :p
euh... zo moeilijk is dat toch niet? Of ligt dat weer aan mij

Triloxigen 21-05-2003 19:09
Citaat:
* ^_^ * schreef op 21-05-2003 @ 16:39:
als je de link naar je site geeft kunnen we de dingen beter checken (bijvoorbeeld de grootte van je fotos etc).

btw je kan trouwens beter van GIF naar JPEG dan van JPEG naar GIF. kan je met zelfs. mspaint doen. (www.burnallgifs.org)
jij weet echt niet waar jer het over hebt of wel? :D:D

eddie 21-05-2003 19:13
Citaat:
Enlightenment schreef op 21-05-2003 @ 16:27:
Hoofdlettergevoelig. Mijn advies is om al je images lower case te doen, dus: blaat.jpg plaatje.gif etc.

Nog een paar tips:
  • Gebruik als het kan geen frames, gebruik tabellen om je pagina te verdelen in menu en content enzo
Hier ben ik het niet mee eens. Imo zijn tabellen bedoeld om gegevens te tonen op een eenvoudige manier. Ze zijn niet bedoeld om de layout van je pagina te bepalen. Hiervoor zou je imo CSS moeten gebruiken.

Enlightenment 21-05-2003 20:19
Citaat:
eddie schreef op 21-05-2003 @ 20:13:
Hier ben ik het niet mee eens. Imo zijn tabellen bedoeld om gegevens te tonen op een eenvoudige manier. Ze zijn niet bedoeld om de layout van je pagina te bepalen. Hiervoor zou je imo CSS moeten gebruiken.
www.fluffles.net

Hoe zou ik dit zonder <table>s kunnen doen? Niet dus. :)
En alle attributen van de tabbellen staat in mn style.css hoor.

Tabellen kun je perfect layout mee regelen. Frames kan erg vervelend zijn, b.v. dat de URL niet meeveranderd, en sowieso vind ik dat niet ander om te devven.

N*A*Shezbaernon 21-05-2003 23:24
Citaat:
Harrie schreef op 21-05-2003 @ 20:05:
whaa.. kun jij na een paar dagen zulke dingen typen? (y) :eek: :p
Ik ben een talent ;)

Of ben JIJ het niet :p

Triloxigen 22-05-2003 07:37
Citaat:
N*A*Shezbaernon schreef op 22-05-2003 @ 00:24:
Ik ben een talent ;)

Of ben JIJ het niet :p
Draait gewoon om inzicht hebben..
Na een avondje kun je het grootste deel wel begrijpen..

In de matrix1 lopen er allemaal vijfertjes door het scherm,
Neo vraagt "Kun je dat allemaal lezen" die andere dude (tank?) ie zegt "Nas een tijdje zie je gewoon alles, daar een brunette, daar een blonde vrouw".

Dat heb ik met HTML :)

eddie 22-05-2003 08:01
Citaat:
Enlightenment schreef op 21-05-2003 @ 21:19:
www.fluffles.net

Hoe zou ik dit zonder <table>s kunnen doen? Niet dus. :)
Replace all table with div :)


Citaat:
Enlightenment schreef op 21-05-2003 @ 21:19:

Tabellen kun je perfect layout mee regelen.
Tuurlijk kan het perfect. Ze zijn er alleen niet voor bedoeld. :)

Engadin 22-05-2003 14:16
Voor opmaak moet je altijd tabellen gebruiken,
omdat style scripts en frames door verschillende browsers anders geinterpeteerd worden en zo kan je site er dus anders uitzien, info kan niet leesbaar zijn of je hele site werkt niet meer

Mozilla Firebird Rulezzzzzzzzzzzzz

eddie 22-05-2003 15:49
Citaat:
Engadin schreef op 22-05-2003 @ 15:16:
Voor opmaak moet je altijd tabellen gebruiken,
omdat style scripts en frames door verschillende browsers anders geinterpeteerd worden en zo kan je site er dus anders uitzien, info kan niet leesbaar zijn of je hele site werkt niet meer
Dat ligt niet aan de site, maar aan de browser. Gebruik dus altijd een goede browser, zoals Opera.

Enlightenment 23-05-2003 14:22
Citaat:
eddie schreef op 22-05-2003 @ 09:01:
Replace all table with div :)
En hierdoor blijft de werking precies hetzelfde? Wat betekent DIV dan? W3Schools zegt:

The <div> tag defines a division/section in a document.

Dus zou idd wel daarvoor bedoeld zijn, terwijl <table>s bedoeld zijn om een rij informatie te ordenen.

Welk voordeel zou ik dan hebben bij het gebruik van DIV, afgezien van het feit dat hiervoor bedoeld is? Of is het puur een kwestie van perfectie?

eddie 23-05-2003 14:57
Citaat:
Enlightenment schreef op 23-05-2003 @ 15:22:
En hierdoor blijft de werking precies hetzelfde? Wat betekent DIV dan? W3Schools zegt:

The <div> tag defines a division/section in a document.

Dus zou idd wel daarvoor bedoeld zijn, terwijl <table>s bedoeld zijn om een rij informatie te ordenen.

Welk voordeel zou ik dan hebben bij het gebruik van DIV, afgezien van het feit dat hiervoor bedoeld is? Of is het puur een kwestie van perfectie?
Een beetje perfectie natuurlijk ;)
Maar ook dat sommige browsers veel problemen hebben met (veel) geneste tabellen (grote vertraging bij het renderen, vastlopers, etc)

Enlightenment 23-05-2003 15:50
Citaat:
eddie schreef op 23-05-2003 @ 15:57:
Een beetje perfectie natuurlijk ;)
Maar ook dat sommige browsers veel problemen hebben met (veel) geneste tabellen (grote vertraging bij het renderen, vastlopers, etc)
Als het minder efficient zou zijn, en <DIV> zich niet anders gedraagd dan <TABLE>, dan zet ik alles wel om. :)

Thanks voor de tip. :)

Trouwens, nog iets:

In HTML 3.2 kun je b.v.:
<table align="center"> doen. In HTML 4.01 is dit depricated. Ik kan nog wel <center> gebruiken, of CSS met text-align: center;, maar ik wil graag in CSS een hele tabel laten centreren, dus alle images en andere objecten. Hetzelfde gedrag dus als <center>. Weet jij of en hoe dit kan?

iamcj 23-05-2003 16:01
Citaat:
Enlightenment schreef op 23-05-2003 @ 16:50:
Als het minder efficient zou zijn, en <DIV> zich niet anders gedraagd dan <TABLE>, dan zet ik alles wel om. :)

Thanks voor de tip. :)

Trouwens, nog iets:

In HTML 3.2 kun je b.v.:
<table align="center"> doen. In HTML 4.01 is dit depricated. Ik kan nog wel <center> gebruiken, of CSS met text-align: center;, maar ik wil graag in CSS een hele tabel laten centreren, dus alle images en andere objecten. Hetzelfde gedrag dus als <center>. Weet jij of en hoe dit kan?
Ik werk met tabellen en divs omdat netscape 4.7 geen geneste divs aankan.

Een div heeft het grote voordeel dat je het kan positioneren waar je wil. Dus verschijnt de tabel waar je wilt in alle browsers.
2e grote voordeel is dat je niet meer met collspan en rowspan hoeft te werken.

Tabellen worden ook met minimale verschillen anders weergegeven in de verschillende browsers. Met uitklapmenu's kan dit erg lelijk zijn.

Warsocket 23-05-2003 17:27
Citaat:
N*A*Shezbaernon schreef op 21-05-2003 @ 15:50:
Nee das' wel OK, anders zouden die plaatjes nooit verschijnen, maar dat doen ze wel ... alleen pas na een halve eeuw en dat maakt de website gewoon onbruikbaar.
ligt misschien aan waar je ze gehost hebt

gewoon snelle server zoeken

kun je misschien ff posten waar ie nou staat

eddie 23-05-2003 19:42
Citaat:
Enlightenment schreef op 23-05-2003 @ 16:50:
In HTML 3.2 kun je b.v.:
<table align="center"> doen. In HTML 4.01 is dit depricated. Ik kan nog wel <center> gebruiken, of CSS met text-align: center;, maar ik wil graag in CSS een hele tabel laten centreren, dus alle images en andere objecten. Hetzelfde gedrag dus als <center>. Weet jij of en hoe dit kan?
offtopic:

als iets depricated is wil het zeggen dat het in toekomstige versies kan verdwijnen. Dus align="center" kan verdwijen.
<center> is ook depricated. Sterker nog: het bestaat niet meer sinds HTML 4.0. Aardigheidje van Netscape :)

Je zou dit moeten oplossen dmv de text-align: center;

Zie http://www.erikdokter.nl/test/test1.html.
Rode rand is de div, gele een <p></p> tag, zwart de tabel en groen de td.

De div heeft text-align: left|center|right;
De table heeft text-align: inherit en display: inline-table.
Kijk maar in de source :)

eddie 23-05-2003 19:57
Citaat:
bambix schreef op 23-05-2003 @ 20:52:
Nu werkt de link wel ;)
Tnx :)

Enlightenment 23-05-2003 22:14
Align is nog wel werkend in HTML 4.01 Transitional, maar niet meer in Strict. Deprecated is om de overgang te kunnen maken, tijd geven voor gebruikers om van achterhaalde technieken af te stappen. Maar als <center> deprecated is, wat is daarvoor dan de overige manier?

<table><tr><td>
<center>

Tekst
<img src="/blah.gif" alt=""> «-- plaatje

</center>
</td></tr></table>

Kijk alles id nu gecentreerd. Wat ik zou willen is dat ik met CSS zoiets kan doen:

<table style="align: center"><tr><td>

Tekst
<img src="/blah.gif" alt=""> «-- plaatje

</td></tr></table>

Maar dat gaat dus niet werken! Ik kan alleen text-align: center; doen en per plaatje over ander element centreren. En hoe moet ik een <table> of <div> centreren dan?

Ik zie nog niet de oplossing die ik hoopte te zien. :(

Ook vind ik het raar dat er geen CSS equivalent is voor de cellpadding en cellspacing argumenten, die NIET deprecated zijn in HTML 4.01 strict.

eddie 24-05-2003 19:04
div's zijn standaard block level elements. Wil je ze centreren zoals text, dan moet je display: inline (of inline-table) gebruiken.
Je moet gewoon spelen met deze CSS propertys.
Misschien dat je er een ander topic over kunt/wilt openen, omdat we nu we ver offtopic gaan.

Enlightenment 25-05-2003 04:34
Ik open wel topic als ik er echt mee wil beginnen.

Iig thanks voor je hulp. :)


Alle tijden zijn GMT +1. Het is nu 19:54.

Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.