initialen en tekstblokken

Garcia · 22 mei 2010, 16:21

dag allemaal, ik ben Luc uit Mechelen.
Ik krijg het namelijk niet voor mekaar!
Ik wil bv deze tekst in mijn website
Gebruikers van het internet......enz
De G moet veel groter,dus heb ik een plaatje aangemaakt jopg bestand
(kan met paint hé of een map die ik heb(voorbeelden)
Wat krijg ik te zien? De tekst,maar de G ontbreekt en in de plaats een kader met kruisje?
Even de code laten zien,stuk weggelaten
<img src="/plaatjes/plaatje.G.jpg" alt="" witdh="49" height="60" border="0"> ja verder</td>
Wat ik ook verander na img src alles blijft hezelfde!
Kan iemand mij volgen en helpen
Gr Luc

defietser · 22 mei 2010, 18:02

Luc,
Het enige wat ik kan bedenken is dat je plaatje niet staat waar je het in je code haalt of de naam van het plaatje is niet correct.

Code: Selecteer alles

<img src="/plaatjes/plaatje.G.jpg"

Volgens U is de image source /plaatjes/plaatje.G.jpg er moet ergens iets niet kloppen.

Maak van je plaatje gewoon eens plaatje_G.jpg en upload het dan naar je map plaatjes, ook rekening houden met de hoofdlettergevoeligheid (Plaatjes en plaatjes) is niet dezelfde map en (Plaatje_G.jpg is ook niet hetzelfde als plaatje_G.jpg) op de server, dat kan werken op pc maar op je server moet het correct zijn.
Je kan ook een span style gebruiken om je eerste letter van een woord groter te maken

Code: Selecteer alles

<span style="font-size:30px"> G</span>ebruikers van het internet

Mvg
Defietser

Garcia · 22 mei 2010, 18:16

dag Fietser, bedankt,ikga het nakijken

Luc

ultddave · 22 mei 2010, 18:52

Gebruikers van het internet

Een bestaat niet. Het moet:

Gebruikers van het internet

zijn. De attribuut "class" moet enkel gebruikt worden als je er ook een waarde aan gaat toekenen.

Bijvoorbeeld:

Gebruikers van het internet

Waarbij je dan gebruikt maakt van een CSS class genaamd "groteletters". (In de veronderstelling dat je die hebt aangemaakt in een stylesheet bijvoorbeeld)

Enkel het woordje "class" toevoegen heeft geen nut, en is zelfs in overtreding met de XHTML 1.1 doctype. (Genereert 8 errors)
Foto; http://img52.imageshack.us/img52/2359/v ... errors.png

Hoe dan ook,, een tag gebruiken is inderdaad beter dan een foto.

Mvg,
Dave

Garcia · 23 mei 2010, 08:51

dag allemaal,
Great,het werkt met span style te gebruiken.Wauw!!
Als jullie tijd hebben laat me dan eens weten hoe je die grote letter beter plaatst. Namelijk ze staat te ver naar beneden? ebruikers
G
een ander punt is dat ik bij het derde blok die ook zou moeten beginnen met grote letter,ergeen grote letter komt te staan,misschien vind ik het zelf wel.Ik geef dezelfde waarde in bv 30px.
Zou het kunnen dat de spacies tussen de blokken te klein is?
Maar ik ben zeer tevreden!
Garcia

defietser · 23 mei 2010, 11:24

Hieronder heb je dan een vb met een span style en span class. Er zijn twee styles gemaakt InlineStyle en kleur (met een class kan je meerdere atributen toevoegen aan een item zoals kleur, onderlijnen,border enz... )voor het gemak even in head gezet. normaal maak je externe stylesheet en laad je die in elke pagina voor het gemak hoef je maar eenmaal iets te veranderen in de stylesheet en het is aangepast in iedere pagina.

Code: Selecteer alles

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.InlineStyle {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #F00;
	border: 2px solid #00F;
}
.kleur {
	color: #00F;
}
-->
</style>
</head>

<body>
<span class="InlineStyle">D</span><span class="kleur">ag allemaal</span>,<br />
<span style="font-size:36px">G</span>reat,het werkt met span style te gebruiken.Wauw!!
Als jullie tijd hebben laat me dan eens weten hoe je die grote letter beter plaatst. <br />
<span style="font-size:36px">N</span>amelijk ze staat te ver naar beneden? ebruikers Geen ander punt is dat ik bij het derde blok die ook zou moeten beginnen met grote letter,er geen grote letter komt te staan,misschien vind ik het zelf wel.Ik geef dezelfde waarde in bv 30px.
<br />
<span style="font-size:36px">Z</span>ou het kunnen dat de spacies tussen de blokken te klein is?
Maar ik ben zeer tevreden!<br />

<span style="font-size:36px">G</span>arcia
</body>
</html>

Mvg
Defietser

ultddave · 23 mei 2010, 12:53

Zou het kunnen dat de spacies tussen de blokken te klein is?

Die kan je handmatig aanpassen. Als je 2 blokken zou hebben. Dan kan je ofwel de margin-bottom van de bovenste blok verhogen. Ofwel de margin-top van de onderste blok verhogen.

Daardoor wordt de spatie tussen 2 blokken groter.

Hier is een voorbeeld (gebruik makend van defietser zijn code): http://errorplanet.com/test/test.html
Met de code:

Code: Selecteer alles

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<style type="text/css"> 
<!-- 
.InlineStyle { 
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
   font-size: 36px; 
   font-weight: bold; 
   color: #F00; 
   border: 2px solid #00F;
} 
.kleur { 
   color: #00F; 
} 

.groteLetters {
	font-size: 36px; 
   	font-weight: bold; 
}

.blok {

	margin-bottom: 50px;
}

--> 
</style> 
</head> 

<body>
	<div class="blok">
		<span class="InlineStyle">D</span><span class="kleur">ag allemaal</span>,<br/> 
		<span style="groteLetters">G</span>reat,het werkt met span style te gebruiken.Wauw!! 
		Als jullie tijd hebben laat me dan eens weten hoe je die grote letter beter plaatst. <br /> 
	</div>
	<div class="blok">
		<span class="groteLetters">N</span>amelijk ze staat te ver naar beneden? Een ander punt is dat ik bij het derde blok die ook zou moeten beginnen met grote letter,er 		geen grote letter komt te staan,misschien vind ik het zelf wel.Ik geef dezelfde waarde in bv 30px. 
		<br/> 
	</div>

	<div>
		<span class="groteLetters">Z</span>ou het kunnen dat de spacies tussen de blokken te klein is? 
		Maar ik ben zeer tevreden!<br/> 
		<span class="groteLetters">G</span>arcia 
	</div>
</body> 
</html>

Hier heb ik 4 blokken waarbij er tussen 1 en 2 veel spatie zit. Ook tussen blok 2 en 3 zit er veel spatie. En tussen 3 en 4 zit er geen spatie.

De blokken worden aangeduid door er <div> tags rond te plaatsen.

Mvg,
Dave

Garcia · 23 mei 2010, 18:10

Dag allemaal,
Heb de code van defietsergebruikt en het werkt.Zie nu pas dat er nog hulp is aangebodenIk bedank jullie beide voor zoveel moeite
Wil de tweede manier ook uitproberen,
hET IS HEEL WAT HOOR! De cursus die ik volg is van NTI Belgie.
Toch niet zo duidelijk en niet helemaal bij gewerk; ben nog maar in de helft natuurlijk.Maar als ik het zo bezie en jullie oplossingen,dan denk ik dat het meer is voor mensen met aanleg voor wiskunde.
Als je zo een hele site moet maken.
Is na deze cursus het niet beter dat ik Drupal of Dreamw cs4 of 5 ga volgen? Dreampweaver is duur natuurlijk,tenzij ik een studentenversie koop met mijn dochter haar kaart! De vraag is of ze dat nagaan als je een site voor iemand anders maakt?Drupal 6 is ook niet zo eenvoudig denk ik?
Vele groeten en jullie veel succes
Garcia

kris.gua · 25 mei 2010, 08:34

Dag Garcia,

In de meeste scholen wordt inderdaad alleen dreamweaver gegeven, en dat is inderdaad heel duur. En naar 't schijnt ook niet zo eenvoudig om te leren. Ik ken de cursus die u volgt niet, en weet niet hoe die opgevat is.

Ik volg nu cursus in Ivoran Kapellen, waar je websites leert maken zonder dure programma's. Alle programma's die we gebruiken zijn gratis en legaal downloadbaar. De cursus wordt gegeven in modules van een half jaar: eerste module de basis: html en css, daarna PHP of Javascript, ... (Als je al genoeg van de basis kent, kan je na een ingangsproef ineens één van de andere cursussen volgen. In september begint er een cursus Javascript op donderdagavond)

Het is inderdaad niet gemakkelijk, maar doenbaar. (En als het mij lukt, dan is het ook voor de meesten te doen.)

Ik ben zelf begonnen met de cursus van seniorennet, en heb dan verder geleerd met cursussen die ik van internet downloadde. Het heeft lang geduurd voor ik een school vond waar les gegeven werd om zelf de website te maken in html, css, PHP, javascript, enzovoort.

We krijgen "voorbeeldscripts" en leren die aanpassen. Zelf helemaal schrijven zit er niet in, maar wel leren begrijpen hoe zo'n script opgebouwd is, en dat helpt veel.

De lessen zijn zo opgevat dat je meestal theorie krijgt voor de pauze en na de pauze mag oefenen of aan je website kan werken, en hulp vragen aan de leraar.

Ik weet niet of die mogelijkheid ook in de buurt van Mechelen bestaat, maar anders is het misschien wel te overwegen of het de de verplaatsing niet waard is.

De info over deze lessen vind je op www.ivoran.be. Ik hoop dat dit niet als reclame beschouwd wordt. Maar ik heb zelf zo lang gezocht voor ik deze mogelijkheid vond, dat ik deze informatie toch wil delen.

Groetjes,

Kris

Succes, op wat voor manier dan ook!

ultddave · 25 mei 2010, 14:12

Alle programma's die we gebruiken zijn gratis en legaal downloadbaar.

Een gratis WYSIWYG editor die kan concureren met Dreamweaver? Welke mag dat dan zijn?

Mvg,
Dave

kris.gua · 25 mei 2010, 14:54

Sorry, ik heb me blijkbaar niet duidelijk uitgedrukt: het gaat niet om een WYSIWYG editor, maar om programma's die het gemakkelijker maken om je website te maken. Je moet de scripts dan natuurlijk nog wel zelf schrijven of kopiëren en plakken. (Ik dacht dat ik dat gezegd had, en het dus duidelijk was dat het geen wysisyg programma's waren, maar zo duidelijk was het dus toch niet. )

enkele voorbeelden van programma's:
html-kit of nootepad++ (een editor, alternatief voor kladblok waarmee ik voordien werkte, volgens de cursus van seniorennet)
usb-webserver (om papina's in PHP in je eigen computer te bekijken, zonder ze eerst naar een server op te laden)
FastStone Image Viewer (om foto's aan te passen).

Een WYSIWYG-editor als Dreamweaver is er inderdaad niet, heb ik ook gehoord. Ik heb die nog nooit gebruikt (o.a. vanwege de prijs), dus ik kan er uit eigen ervaring niets over zeggen.

Het was alleen mijn bedoeling een alternatief te bieden aan wie zoals ik geen of zo weinig mogelijk geld wil/kan uitgeven om een website te maken.

Bedankt voor de opmerking! Er zouden er anders waarschijnlijk meer zijn met valse verwachtingen.

groetjes,

Kris

ultddave · 25 mei 2010, 15:16

Ah ok

. Inderdaad, ik had het verkeerd begrepen.

Notepad++ is inderdaad wel handig. Die gebruik ik ook veel.

usb-webserver heb ik nog nooit gebruikt. Wel WAMP server voor PHP en MySQL lokaal te testen.

Offtopic;
Ik ga me in de vakantie eens bezig houden met een basic PHP framework te maken, gebasseerd op het CodeIgniter framework; http://codeigniter.com/ . Dat framework is redelijk handig voor websites te maken via het Model View Controller systeem.

Maar een eigen framework is altijd handiger omdat je de code beter begrijpt en ook makkelijker kan aanpassen.

Als ik al een degelijke basis heb, zal ik het hier melden.

Het was alleen mijn bedoeling een alternatief te bieden aan wie zoals ik geen of zo weinig mogelijk geld wil/kan uitgeven om een website te maken.

Inderdaad, dat begrijp ik. Ik gebruik zelf ook geen dreamweaver trouwens.

Mvg,
Dave

kris.gua · 27 mei 2010, 15:18

Bedankt voor die info. Ik kende dat programma niet. Voorlopig heb ik geen tijd om het te bekijken, maar ben benieuwd naar uw ervaringen.

groetjes,

Kris

Garcia · 01 jun 2010, 22:17

[b] Best kris en co
Ik volg de cursus webdesign bij NTI .Meer dan 300blz A4 formaat.Veel voorbeelden die ,je kan kopieren en plakken of zelf maken.Het is heel wat en ik denk als ik als eindwerk,een website toch weer het boek moet gebruiken.Sta ik dan zoveel verder??
En al die benamingen op het einde van iedere les,je weet wel,charoff,defer enz,probeer het maar te onthouden!
Ik zelf gebruik PS pad om codes in te geven en ik vind het goed. Je kan op het eind controleren of hetr goed is.Dus errors en warnings hé
Dreamweaver moeilijk? Veel cursussen,ook gratis zoals gratis cursus.be geloofik en zelfstudie. be( dit is te betalen,maar je krijgt begeleiding voor een jaar)
Dreamweaver cs4 119 euro met studentenkaart.je zal wel iemand kennen die een kaart heeft. Ik weet niet hoe ze kunnen controleren indien je het gebruikt om winst te maken(voor bedijf bv)

veel succes iedereen Garcia[/b]