MySite
Korte introductie met html-pagina's en 'hun'
opmaak
Met de MySite applicatie kun je je webpagina's op het "internet" plaatsen.
Het is geen applicatie om je pagina's daadwerkelijk te maken.
HTML Editors
Website
Een website betaat uit een aantal pagina's die met elkaar in verbinding zijn.
Zo'n verbinding heet een hyperlink. Als je daarop klikt ga je naar een andere pagina.
Een HyperText Markup Language-pagina is (vaak) opgebouwd uit een 3-tal delen:
- HTML code
De tekst/informatie die je men wil tonen.
- CSS code
De opmaak/vormgeving van de pagina.
- Javascript code
De interactie met de onderdelen.
De html code
De html (= HyperText Markup Language) code is datgene wat bepaalt wat
je krijgt te zien in een webbrowser. Het is een taal om aan te geven in welke
vorm de inhoud getoont moet worden. Het is de bedoeling dat er geen
opmaak (= hoe ziet het eruit) aanwezig is. De html-tags
geven aan wat voor soort informatie er getoond gaat/moet/zal worden.
html code:
toon pagina
Tip: Bekijk de code van bovenstaande pagina via je webbrowser
De css code
De css (= Cascading Style Sheets) code is datgene dat bepaalt
hoe de html code er (uiteindelijk) uit komt te zien in een webbrowser.
Er is een (open)standaard - de syntax - maar niet alle browsers interpreteren
de code hetzelfde (http://www.w3.org
laat deze standaarden zien).
Javascript code
Met Javascript code - dit heeft niets te maken met Java Virtual
Machine - kun je je pagina interactief te maken. Het is een
afgeleide van de taal Java. Ook hier interpreteren de bestaande/bekende
browsers de code anders. Zo heeft Internet Explorer gedeeltelijk zijn "eigen"
Javascript, waar andere browsers proberen open standaarden te respecteren.
Leerzame/handige websites
Deze sites zijn in het engels.
- http://www.csszengarden.com
Deze site laat zien wat voor mooie resultaten je kunt bereiken mbv goede xHTML en CSS.
Er lijkt weinig te zien, totdat je op de links aan de rechterkant klikt. Dezelfde inhoud (content) met een steeds veranderende vormgeving!
- http://www.w3.com
Hier vind je informatie over allerlei web standaarden
Een organisatie die de standaarden 'beheerd'.
Grote bedrijven geven hun wensen/specificaties/voorkeuren en maken samen 'de' standaard voor HTML, CSS.
- http://validator.w3.com
Controleerd je gemaakte html code en geeft aan of deze correct is of waar eventuele fouten zitten
- http://www.automotivecenter.nl/diversen/utility/csscompressor/
Online (en offline) tool om je css code te comprimeren en/of mooi 'uit te schrijven'
- http://www.w3schools.com
Allerlei voorbeelden, (online) oefeningen en instructies over allerlei talen (xhtml, css, php, asp etc)
- http://tidy.sourceforge.net
Tooltje om je html code op te schonen en te controleren
- http://www.flos-freeware.ch/notepad2.html
Een andere "Notepad" om je code mee te bekijken/te bewerken. De code wordt met kleuren aangegeven om het lezen te vergemakkelijken. Perfecte applicatie om Notepad te vervangen.