Pagina's

Status
Niet open voor verdere reacties.

Dezenaamdan

Gebruiker
Lid geworden
25 jun 2011
Berichten
76
Hoihoi!

Ik ben een beginner met HTML, en ik wil graag pagina's maken, maar hoe doe ik dat?

Ik heb al gelezen dat je blablablabla.html moet schrijven, maar dan staat er Pagina niet gevonden, of deze bestaat niet.

Help aub :)
 
in je eerste pagina moet je een link zetten naar de 2de pagina.
Dat kan op de volgende manier


je 2de pagina heet contact.html
HTML:
<a href = "contact.html">Link naar 2de pagina</a>

In het voorbeeld hiervoor gaan we ervanuit dat de 2de pagina in dezelfde pagina staat als de eerste.

Als het in de map "pages" zit dan wordt het:

HTML:
<a href = "pages/contact.html">Link naar 2de pagina</a>
 
Moet dat dan vanboven de pagina?
En hoe zet je dan elementen op die pagina?

Ik wil namelijk ;
bv. blog • about me
enz.

Maar dan moet je naar een andere pagina gaan, en dus niet op dezelfde pagina zetten.
 
Laatst bewerkt:
Open kladblok en zet er deze code in:

HTML:
<html>
<head>
<title> titel van de pagina </title>
</head>
<body>

<a href = "blog.html">blog</a> | <a href = "about.html">about me</a>

</body>
</html>
sla dit op als index.html (index.html = homepage)

Start vervolgens een nieuw kladblok venster op en zet daar deze code in.

HTML:
<html>
<head>
<title> blog pagina</title>
</head>
<body>
Dit is de Blog pagina.
<br />
oftewel blog.html

</body>
</html>

deze sla je in dezelfde map op als index.html

Dan maak je een derde aan met de volgende code:

HTML:
<html>
<head>
<title> About me</title>
</head>
<body>

Dit is de about me pagina
<br />
Oftewel about.html

</body>
</html>

vervolgens sla je deze ook op in de map waar blog.html & index.html staan.

Dubbelklik nu op index.html om je website te openen.
als het goed is staan daar nu 2 links met een pipe ertussen( pipe = |)
als je op blog drukt, zal blog.html (je blog pagina openen).
Hetzelfde geld voor about me.
 
En hoe kan ik pagina's in een html document zetten?
Ik werk met blogger html, hoe moet ik dat dan doen?
 
Ik begin te denken dat je het niet echt wilt snappen :p


Heb je gedaan wat ik zei in het vorige bericht ? (met de 3 notepad files die je .html noemt??)

Ik voeg hier een zip bij, van wat ik in het vorige bericht heb uitgelegd.


hier is de html nog een keer uitgelegd

HTML:
<a href = "link">tekst</a>

<a href = betekent dat je een LINK naar een pagina/bestand wilt invoeren
"" hetgeen tussen de haakjes is de link van de pagina / bestand
> met dit teken maak je de tag dicht.
tekst wordt dan de tekst die je op de pagina wilt laten verschijnen.
</a> met dit geef je aan dat je link hier eindigt (na 1 woord of zin, zodat niet alles een klikbare link wordt)

Bekijk bijlage Desktop.zip
 
Laatst bewerkt:
Jaa, ik snap het niet echt :p

Maar nu wel, denk ik

en ja ik heb dat gedaan, maar dan is dat op een andere pagina.
 
Uh? maar dan heb je wel een link dat je erop moet klikken, dat snap ik allemaal wel, maar als je dan op die link geklikt hebt, zegt ie pagina niet gevonden?
Ik wil een pagina maken, en dan tekst erop zetten?

Pfoeh, ik snap er niets van :(
 
Even terugkomend om mijn vorige uitleg


[CPP]
"" hetgeen tussen de haakjes is de link van de pagina / bestand
[/CPP]

en dan wat tussen de "" staat, is je nieuwe pagina (dus bijv. blog.html)

Om dan in blog.html een site te krijgen moet je alle code van je website ook in het 2de blad zetten, je verandert dan gewoon de inhoud (de tekst). en dan heb je een 2de pagina.

Als je even al je bestanden zou kunnen inpakken, dan kan ik het even voor je voordoen.
 
[CPP]
<html><head>
<title> Reflect Your Light </title><link rel="shortcut icon" href="http://static.tumblr.com/icz5xqv/vs4m43qg2/heart_01.png">

<link href='http://fonts.googleapis.com/css?family=Raleway:100&v1' rel='stylesheet' type='text/css'>

<style type="text/css">

#navbar-iframe {display: none;}
body{background-color: #ffffff; color: #707070; font-family: arial; font-size: 8pt;}
a:link,a:active,a:visited{font-family: arial; color: #888888; text-decoration: none; -webkit-transition-duration: .50s}
a:hover{color: #333; background:#f5f5f5;}
blockquote { text-align: left; border: #eee 1px solid; padding: 5px; background-color: #ffffff;}

.h1 {font: normal 18pt 'raleway'; color: #666666; text-transform: uppercase; letter-spacing: 2px; background-color: #f9f9f9;margin-bottom: 10px;}
.h2 {font: normal 13pt 'raleway'; color: #666666; letter-spacing: 1px; text-transform: uppercase; background-color: #f9f9f9; margin-bottom: 10px; }
.h3 {font: normal 15pt cambria, georgia; color: #666666; letter-spacing: 1px; font-style:italic; margin-bottom: 10px; background-color: #f9f9f9; }
.ban {font: normal 18pt 'raleway', cambria, georgia; text-align:left; color: #666666; letter-spacing: 1px; letter-spacing:2px; padding:5px; text-transform:uppercase; background-color: #f9f9f9; opacity: 0.95; filter: alpha(opacity=95); -moz-opacity:0.95; position:fixed; width:100%; -webkit-transition-duration: .50s;
box-shadow:0px 0px 15px #8C8C8C; -webkit-box-shadow:0px 0px 20px #8C8C8C; -moz-box-shadow:0px 0px 30px #8C8C8C; }

navipie { font: normal 9px cambria, georgia; text-align:center; color: #666666; letter-spacing: 1px; letter-spacing:2px; font-style:italic; text-transform:lowercase;}
.ban:hover {font: normal 18pt 'raleway', cambria, georgia; text-align:left; color: #666666; letter-spacing: 1px; letter-spacing:2px; padding:5px; text-transform:uppercase; background-color: #f9f9f9; opacity: 1.00; filter: alpha(opacity=100); -moz-opacity:1.00; position:fixed; width:100%; -webkit-transition-duration: .50s;}
toptop{font: normal 18pt 'raleway', serif, georgia; text-align:left; color: #666666; letter-spacing: 1px; text-transform:uppercase;}
headerone{font: normal 18pt 'raleway'; color: #666666; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px;}
.h2c {font: normal 6pt arial; letter-spacing:1px; color: #999999; text-align: right; text-transform:uppercase; margin-bottom: 10px; }

i, italic {color: #A7A7A7; font-family:"georgia";}
b, strong { color: #707070; }
img{border:none;}

</style></head><body><center>

<div class="ban">&nbsp;<a href="/"><toptop>REFLECT YOUR LIGHT</toptop></a> <navipie>❝ personal · photo · blog ❞ </navipie> &nbsp; | <navipie>

&nbsp; <a href="aboutme.html">about me</a> &nbsp; ·
&nbsp; <a href="http://www.twitter.com/xyanaaah" target="blank">twitter</a> &nbsp; ·
&nbsp; <a href="http://www.lovecaughtsoutfear.tumblr.com" target="blank">tumblr</a>&nbsp; ·
&nbsp; <a href="http://www.facebook.com/xYanaaa/" target="blank">facebook</a> &nbsp; ·
&nbsp; <a href="/" target="blank">etc</a>
&nbsp; ·
<a href="http://www.blogger.com/follow-blog.g?blogID=7569517648689271822" target="blank">follow</a> </navipie>
</div>

<center>
<br><br><br><br><br>
<table border="0" cellpadding="7" cellspacing="0"><tr>
<td valign="top" width="231px" style="padding-right:20px; padding-left:10px; font-size:8pt; color: #8B8B8B; line-height: 15px; background:#ffffff;">
<div class="h2">misses</div>
<img align="left" src="http://static.tumblr.com/icz5xqv/FfAm43pv7/11-.png"/>
<center>Hallo! Ik ben Yana! Een 13-jarig meisje uit België. Op deze blog kun je veel te weten komen over fashion en way, way more! Vergeet zeker me niet te volgen op Twitter, Facebook en Tumblr!
<br><br>
</center>
<div class="h2">Tumblr</div>
<div class='ji-tumblr-photos'><a id='ji-tumblr-url-Lovcaughtoufear-1' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-Lovcaughtoufear-1' src='' alt='' /></a><a id='ji-tumblr-url-Lovcaughtoufear-2' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-Lovcaughtoufear-2' src='' alt='' /></a><a id='ji-tumblr-url-Lovcaughtoufear-3' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-Lovcaughtoufear-3' src='' alt='' /></a><a id='ji-tumblr-url-Lovcaughtoufear-4' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-Lovcaughtoufear-4' src='' alt='' /></a><a id='ji-tumblr-url-Lovcaughtoufear-5' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-Lovcaughtoufear-5' src='' alt='' /></a><a id='ji-tumblr-url-Lovcaughtoufear-6' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-Lovcaughtoufear-6' src='' alt='' /></a>
</div>
<script type='text/javascript' src='http://lovecaughtsoutfear.tumblr.com/api/read/json?number=6&type=photo'></script>
<script type='text/javascript'>
document.getElementById('ji-tumblr-photo-Lovcaughtoufear-1').setAttribute('src', tumblr_api_read.posts[0]['photo-url-75']);
document.getElementById('ji-tumblr-url-Lovcaughtoufear-1').setAttribute('href', tumblr_api_read.posts[0]['url-with-slug']);
document.getElementById('ji-tumblr-photo-Lovcaughtoufear-2').setAttribute('src', tumblr_api_read.posts[1]['photo-url-75']);
document.getElementById('ji-tumblr-url-Lovcaughtoufear-2').setAttribute('href', tumblr_api_read.posts[1]['url-with-slug']);
document.getElementById('ji-tumblr-photo-Lovcaughtoufear-3').setAttribute('src', tumblr_api_read.posts[2]['photo-url-75']);
document.getElementById('ji-tumblr-url-Lovcaughtoufear-3').setAttribute('href', tumblr_api_read.posts[2]['url-with-slug']);
document.getElementById('ji-tumblr-photo-Lovcaughtoufear-4').setAttribute('src', tumblr_api_read.posts[3]['photo-url-75']);
document.getElementById('ji-tumblr-url-Lovcaughtoufear-4').setAttribute('href', tumblr_api_read.posts[3]['url-with-slug']);
document.getElementById('ji-tumblr-photo-Lovcaughtoufear-5').setAttribute('src', tumblr_api_read.posts[4]['photo-url-75']);
document.getElementById('ji-tumblr-url-Lovcaughtoufear-5').setAttribute('href', tumblr_api_read.posts[4]['url-with-slug']);
document.getElementById('ji-tumblr-photo-Lovcaughtoufear-6').setAttribute('src', tumblr_api_read.posts[5]['photo-url-75']);
document.getElementById('ji-tumblr-url-Lovcaughtoufear-6').setAttribute('href', tumblr_api_read.posts[5]['url-with-slug']);
</script>

<br><div class="h2">agenda</div>
<div style="border-bottom: 1px dotted #eeeeee; font-size: 10px; font-style: italic;"><d><b>06/15</b></d> Meet up with my cat</div>
<div style="border-bottom: 1px dotted #eeeeee; font-size: 10px; font-style: italic;"><d><b>06/16</b></d> Go out on a picnic with my cat</div>
<div style="border-bottom: 1px dotted #eeeeee; font-size: 10px; font-style: italic;"><d><b>06/17</b></d> Have a party with my cat.</div>
<div style="border-bottom: 1px dotted #eeeeee; font-size: 10px; font-style: italic;"><d><b>06/18</b></d> Give my dog a bath</div>
</div><br><br>

<div class="h2">musings</div>
<center> pink. purple. green. blue. teal. orange. red. yellow. black. white. grey. burgundy. lilac. you. and. you. all. about. you. here. i. dont. know. what. you. want. just. be. creative. with. your. stuff. copying. is. for. losers. with. no. originality.
</center>

<br><div class="h2">twitter</div>
<center><script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 8,
interval: 6000,
width: 220,
height: 194,
theme: {
shell: {
background: 'transparent',
color: '#8C8C8C'
},
tweets: {
background: 'transparent',
color: '#737373',
links: '#8C8C8C'
}
},
features: {
scrollbar: true,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
}
}).render().setUser('xYanaaah').start();
</script></center>
</div>

<br><br><div class="h2">mail</div>
<center>
<a href="mailto:behappybeproud@hotmail.com"><img src="http://static.tumblr.com/icz5xqv/PWjm43p58/public_mochakari_dot_com__mail.png" /></a>
</center>

<br><br><div class="h2">Banners</div>
<center><a href="http://pastelmocha.blogspot.com/ title="Personal Photography Blog By Kari ♥"><img src="http://i977.photobucket.com/albums/ae260/ChizzleBam/Lindas_stuff/tsu_car_ee.gif" border="0" width="210px;"/></a></center><br>

<center><marquee behavior="scroll" direction="up" height="155">
<a href="http://pastelmocha.blogspot.com/" title="Personal Photography Blog By Kari ♥" ><img src="http://i.imgur.com/okwtM.png" width="210px;"/></a><br>
<a href="http://pastelmocha.blogspot.com/ title="Personal Photography Blog By Kari ♥"><img src="http://i977.photobucket.com/albums/ae260/ChizzleBam/Lindas_stuff/tsu_car_ee.gif" border="0" width="210px;"/></a><br>
<a href="http://pastelmocha.blogspot.com/" title="Personal Photography Blog By Kari ♥" ><img src="http://i.imgur.com/okwtM.png" width="210px;"/></a><br>

<div id="about" style="display: none;">
<div class="title">About Me</div><br>
<center><img src="http://data.whicdn.com/images/30802239/tumblr_m5rdz6ENyF1qaa74no1_500_thumb.jpg"width="450"/><br>
<br>
<center>
This is for your biodata.
</center>
<br>
</div><br><br>
</marquee></center><br><br>
<div class="h2">disclaimer</div>
Layout made by <a href="http://pastelmocha.blogspot.com/">tkh</a>. Removing any credit is shunned upon. Please keep credits intact, only dummies would remove them. You aren't a dummy right?
<br><br>
Add your end of the disclaimer here, be nice, firm, assertive etc etc yada yada yay blogging.<br><br>
</td>

<td valign="top" width="640px" style="font-size:8pt; color: #868686; line-height: 15px;">
<blogger>
<div class="h1"><headerone>&nbsp; <$BlogItemTitle$></headerone></div>
<$BlogItemBody$>

<div class="h2c">&nbsp; <BlogItemCommentsEnabled> <a href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>>
<$BlogItemCommentCount$> comments (+) </a>
</BlogItemCommentsEnabled></div>

</div></div></blogger><br></div>


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

<center><OlderPosts><a href=<$OlderPosts$>>< O L D E R P O S T</a> </OlderPosts> <NewerPosts><bebne>|</bebne> <a href=<$NewerPosts$>>N E W E R P O S T ></a></NewerPosts></center>
<br><br>
<div style="background-color: #f9f9f9; opacity: 0.95; filter: alpha(opacity=95); -moz-opacity:0.95; "><br>
<center>© Layout made by <a href="http://pastelmocha.blogspot.com/">tkh/mk</a>. Removing any credit is shunned upon. Please keep credits intact, only dummies would remove them. </center>
<center> You aren't a dummy right? Have a nice blogging day or something! <a href="http://omo-chu.blogspot.com" target="bank" title="Resource 1"/>♥</a>
<a href="http://thefadingnight.blogspot.com/" target="bank" title="Resource 2"/>♥</a>
<a href="http://menami-avatars.livejournal.com/" target="bank" title="Resource 3"/>♥</a>
<a href="http://bluebraid.livejournal.com/" target="bank" title="Resource 4"/>♥</a></center><br>
</div>


</body></center>
</html>
[/CPP]

Was dit wat je nodig had ? :}
 
Laatst bewerkt:
Dat is precies wat ik nodig had.


Hier is de zip: Bekijk bijlage blog.zip

Als je goed kijkt heb je nu 2 pagina's (eentje noemt index.html, de andere noemt aboutme.html)

in je code staat al een menu:
HTML:
&nbsp; <a href="aboutme.html">about me</a> &nbsp;  · 
&nbsp; <a href="http://www.twitter.com/xyanaaah" target="blank">twitter</a> &nbsp;  · 
&nbsp; <a href="http://www.lovecaughtsoutfear.tumblr.com" target="blank">tumblr</a>&nbsp; · 
&nbsp; <a href="http://www.facebook.com/xYanaaa/" target="blank">facebook</a> &nbsp; ·
&nbsp; <a href="/" target="blank">etc</a>
&nbsp;  ·

zoals je ziet bij de eerste link staat
<a href = "aboutme.html" .... etc.

dat aboutme.html LINKED dus naar de pagina aboutme.html in dezelfde map als waar index.html staat.
 
Maar hoe kunnen de andere mensen dat zien? Het menu? Het staat toch in mijn bestanden, en niet in hun? :)
 
Hoi Dezenaamdan en mastermindzh,
O la la! - Misschien speelt hier Een Groot Misverstand! :eek:

Dezenaamdan zegt in nummertje #5:
En hoe kan ik pagina's in een html document zetten?
Ik werk met blogger html, hoe moet ik dat dan doen?

Als dat betekent dat het een blogspot.com website is, dan is die alleen online te maken en aan te passen, en kan je zelf niet direct bij de code komen of zelf een pagina uploaden.
  • Wat je dan nodig hebt is geen html-kennis, maar de gebruiksaanwijzing en tips om zo'n blogspot-site op orde te krijgen.

Maar mastermindzh gaat er geloof ik van uit dat je zelf de html maakt (thuis, met een html-programma), en dat je die pagina's vervolgens naar het plekje van de site kunt uploaden met een upload=programma (waarmee je toegang tot de server van de website kunt krijgen).
Met blogger werkt dat dus niet zo ...

Er staan in je "CPP-code" ook dingen die geen gewone html zijn, maar die opdrachten zijn aan de blogger-server (bijvoorbeeld: <$BlogItemCommentCount$>).
  • Blogger maakt gebruik van een "template", een sjabloon waar alles in moet passen; en heeft speciale manieren om iets als een menu of links op te roepen en verbindingen te maken tussen pagina's (of onderdelen daarvan).
Eigenlijk is het een "CMS" (= Content Management Systeem) met eigen regels.

Ik ben bang dat daardoor de suggesties van mastermindzh niet kunnen werken.
En dan snap ik ook je vragen als "Maar hoe kunnen de andere mensen dat zien? Het menu? Het staat toch in mijn bestanden, en niet in hun? :) "
Dat klopt dan helemaal: dan zou je thuis iets maken, wat niet op de site zelf staat, en wat je er met het blogger-systeem ook niet op kunt krijgen. :confused:
En klopt het ook dat mastermindzh niet snapt dat jij het niet snapt: jullie zitten op een ander spoor!

Dus mijn hamvraag is: is het inderdaad een site bij blogspot.com?
  • En als niet, dan heb ik helemaal niets gezegd. ;)

Met vriendelijke groet,
CSShunter
___________
PS:
Ik zou heel erg voorzichtig zijn met persoonlijke gegevens op internet te zetten, daar zitten allerlei gevaarlijke kantjes aan. Dus nooit je echte naam + achternaam, en nooit je adres/woonplaats. En nooit met dezelfde (nick)naam bij verschillende sociale media/forums, enz.: uit combinaties kan ontzettend veel info gehaald worden.

Door wat dingen te combineren weet ik in de gauwigheid al:
  • waar je woont,
  • hoe oud je bent (en dat je twee weken geleden jarig was: nog gefeliciteerd!),
  • hoe je er uit ziet,
  • dat je afgelopen 13 juni een test-site bij blogspot hebt neergezet,
  • wat je echte blogspot-site-in-aanbouw is,
  • dat je op 5 maart f*cking Bored was,
  • met wie je wel eens zou willen trouwen,
  • wie je klasgenoten op de basisschool waren,
  • dat je lid bent van een ..vereniging, enz. enz.

Voor je het weet staan er 5.000 aanbidders :love: met een bos rozen bij je op de stoep! (en dat is dan de prettige variant) ;)
 
Laatst bewerkt:
Wow, wat eng dat je dat allemaal weet .. :eek:
Bedankt om dat even te zeggen, zo weet ik ook al weer dat ik extra op moet letten ..

Nu, ja, ik werk met blogger, (blogspot) maar, ik heb dan op een site een layout met html gedownload, maar dan moest je eerst naar klassieke sjabloon gaan, om die html aan te passen, maar hoe kan ik dan pagina's maken? ..
 
Laatst bewerkt:
Ik ben een beginner met HTML, en ik wil graag pagina's maken, maar hoe doe ik dat?

Ik heb al gelezen dat je blablablabla.html moet schrijven, maar dan staat er Pagina niet gevonden, of deze bestaat niet.

Help aub :)

Ja post 5 is er bij mij doorgeschoten :p! ik ben de hele tijd vanuit deze gaan reageren :p (en dus pure html)

Ben bang dat ik met blogger 0 ervaring heb :p Ik blog niet graag :p

Excuses en succe smet de vraag :D!

misschien dat je iets aan deze link hebt? http://info-blog.nl/2010/02/nieuwe-feature-blogger-paginas-aanmaken-in-blogger/
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan