WEBDESIGN. html tags. Neem de grondbeginselen van html door via de online cursus op de informaticasite of via instruct-online
|
|
- Henriette ten Wolde
- 8 jaren geleden
- Aantal bezoeken:
Transcriptie
1 WEBDESIGN html tags HTML is de taal waarop internetsites gebaseerd zijn. Bij het onderdeel webdesign maken we gebruik van een van de bovenstaande webeditors die ons helpen bij het (automatisch) creëren van html-code. Maar voor een goed inzicht en ook voor het kunnen maken van handmatige aanpassingen is enig inzicht van html van groot belang. Om een webpagina te maken heb je niet meer nodig dan het programma kladblok (notepad of notepad++) en wat kennis van html. html-code met kladblok Open maar eens kladblok en type de volgende html-code: <title>hallo wereld!</title> Hello, World! <img src="images/aardbol.gif"> Sla daarna het tekstdocument op onder de naam wereld.html in de werkmap (en dus niet onder de naam wereld.html.txt - let op het verschil, zorg ervoor dat de bekende bestandsextensie niet verborgen worden op je computer). Sluit daarna kladblok af. Maak in de werkmap een map images aan en plaats in die map een animated gifje van een draaiende aardbol onder de naam aardbol.gif (zo n plaatje kun je wel op Internet vinden). Open het document met internet explorer. Je ziet je 'eerste' handgemaakte html-pagina ;-) een cursus html Neem de grondbeginselen van html door via de online cursus op de informaticasite of via instruct-online Neem je tijd voor de cursus en ontdek 'de geheimen' van html webdesign met html pagina 1
2 Een html document moet minimaal uit de volgende codes bestaan, om een pagina als HTML document weer te kunnen geven : <title>hier de titel</title> Hier een overzicht van de meest gebruikte tags bij het maken van een HTML pagina: Structuur HTML-pagina <title>titel pagina</title> Inhoud pagina Structuur HTML-pagina met Frames <title>titel pagina</title> <frameset rows="20%,50%,30%"><frame src="framepagina1.html"><frame src="framepagina2.html"><frame src="framepagina3.html"></frameset> Indeling HTML-pagina Nieuwe alinea Regeleinde Horizontale lijn Opmaak Vet Cursief Typewriter Verdana Opmaak & layout Koppen Lettergrootte Basislettergrootte Relatieve lettergrootte Tekst in vast formaat (Wat je typt dat wordt getoond door browser) Tekstkleur Achtergrondkleur Afbeeldingen Afbeelding opnemen Hoogte en breedte opgeven Alternatieve tekst Achtergrond <p> <br> <hr> <b>vet</b> <i>cursief</i> <tt>typewriter</tt> <font face="verdana">verdana</font> <h1>grote kop</h1> <h6>kleine kop</h6> <font sixe="x"> Tekst met lettergrootte x</font> <basefont sixe="x"> <font sixe="+x"> Tekst met standaard lettergrootte plus x</font> <pre> Jouw tekst </pre> <body text="kleurwaarde">... <body bgcolor="kleurwaarde">... <img src="plaatje.gif"> <img src="plaatje.gif" width="x" height="x"> <img src="plaatje.gif" alt="tekst"> <body background="plaatje.gif>... webdesign met html pagina 2
3 Hyperlinks Naar webserver Naar bestand Ankers Positie vastleggen Naar positie in andere pagina Naar positie op zelfde pagina De meest gebruikte html tags <div>, <span> en <layer> <table> <frameset> <center> <br> <script> Formulieren <input> We maken eerst een naaminvulformulier <input type="text" name="naam"> Door van input type "text" te maken geef je aan dat hier gewoon tekst geschreven kan worden. Er zijn veel meer mogelijkheden voor input. <a href=" <a href="bestand.html">naar bestand</a> <a name="positie"> <a href="pagina.html#positie">naar positie</a> <a href="#positie">naar positie</a> Deze tag is saai maar je moet er veel gebruik van maken. Deze tag komt aan het begin van elke HTML-pagina. Uiteraard sluit je deze tag zo: Hierna volgen alle acties. De gegevens die op het scherm worden weergegeven staan tussen de en de tags. Tussen deze twee tags stel je ook de achtergrondkleur en de tekstkleur in voor de hele pagina en gebeurtenisprocedures die tijdens het laden van de pagina worden uitgevoerd. Met behulp van de volgende tag wordt bijvoorbeeld een zwarte pagina met zilveren tekst gemaakt. <body bgcolor="black" text="silver"> Gebruik de tags <div> en <span> voor CSS-positionering om de tekst te plaatsen en te verschuiven, het filteren van tekst of het weergeven en verbergen van bepaalde gebieden op een pagina. Als je een breedte instelt, maak je een kolom. Div-tags lijken erg veel op span-tags. Het enige verschil is dat een div op een eigen regel begint en een span nauw verwant kan zijn met een andere tekststroom. Als je van Netscape Navigator gebruikmaakt moet je de tag <layer> gebruiken. Net als de tags <div> en <span> stelt deze tag gebieden in voor de weergave, maar in tegenstelling tot deze tags is het in Netscape Navigator mogelijk de inhoud op dynamische wijze aan te passen. Deze populaire tag biedt een uitstekende manier om kolommen te maken die relatief ten opzichte van elkaar zijn gepositioneerd. Tabellen zijn nuttig voor het uitlijnen van gegevens, het maken van kolommen met verschillende uitlijnen en voor het weergeven van gegevens uit databases. De bijbehorende tags zijn: <thead>, <tbody>, en <td> Als je meer dan één URL tegelijk wilt weergeven of als je een pagina in een gedeelte met een inhoudsopgave en een gedeelte met inhoud wilt opdelen moet je gebruik maken van frames. Onthoud dat je een frame niet in de tag kunt plaatsen. Door een frame een naam te geven, kun je er naderhand eenvoudig naar verwijzen. Verwante tags zijn: <frame> en <iframe> Deze tag bestaat al heel lang. Je kunt ervan gebruik maken als je een element op een pagina wilt centreren. Br is de afkorting van Break, de tekst die erop volgt wordt op een nieuwe regel voortgezet. Met behulp van deze tag kun je lege regels tussen elementen plaatsen. Hij komt van pas bij het maken van alinea's, bij het scheiden van tekst en afbeeldingen of om gewoonweg wat ruimte te bieden wanneer die nodig is. Deze tag doet niet veel, hij fungeert als rustplaats voor achtergrondgeluiden, stijlbladen, scripts en titels. Als je een van deze elementen nodig hebt moet je een tag voor de tag plaatsen. Wat veel mensen wel denken maar niet waar is is dat de tag verplicht is! Dit is echter niet zo. Deze tag is de sleutel tot alle interactiviteit op je pagina. Plaats je scripts tussen <script> tags. Zorg er dat je de parameter language instelt op "vbscript" als je geen gebruik maakt van "javascript". Maak gebruik van de syntaxis met for/event om scripts in te stellen die gebeurtenissen afhandelen bij activex-bedieningselementen. Een formulier maken in HTML. In HTML is het alleen mogelijk het formulier te maken, wil je de gegevens doorsturen naar bijvoorbeeld je adres dan zul je andere programmeertalen moeten gebruiken bijvoorbeeld PHP, ASP of CGI. Mogelijkheden voor input: "text", "radio", "checkbox", "submit", "password" webdesign met html pagina 3
4 Radio <input type="radio" name="geslacht" value="ik ben een man!"> Man <br> <input type="radio" name="geslacht" value="ik ben een vrouw!"> Vrouw Door achter "radio" checked te zetten geeft de browser deze ronde knop alvast weer als aangeklikt. Checkbox <input type="checkbox" checked name="fiets"> Ik heb een Fiets<br> <input type="checkbox" name="auto">ik heb een Auto Door achter "checkbox" checked te zetten geeft de browser de checkbox alvast weer als aangeklikt. Submit mailen.php dit is een php-bestand dat de gegevens doorstuurt naar bijvoorbeeld een adres. <form name="input" action="mailen.php" method="get"> Jouw naam: <input type="text" name="naam"> <input type="submit" value="submit"> De value van "Submit" mag veranderd worden. Dit is namelijk de tekst die op de knop verschijnt, je kunt er ook "Verstuur" neerzetten. Password: <input type="password" name="naam"> <br> Paswoord: <input type="password" name="paswoord"> Vul nu maar eens iets in. Je snapt meteen waarom het password heet! Dropdown menu <select name="automerken"> <option value="volvo">volvo <option value="saab">saab <option value="fiat" selected>fiat <option value="audi">audi </select> Man Vrouw Ik heb een Fiets Ik heb een Auto Jouw naam: Paswoord: Fiat Submit De value wordt doorgestuurd en de naam achter de value> staat in het menu. Je kunt dus andere gegevens door laten sturen dan er werkelijk te zien zijn. Achter Fiat staat selected, daarom wordt Fiat als standaard bovenaan gezet! Fieldset Fieldset is een border om de tekstvlakken. Zie voorbeeld: <fieldset> <legend> Maten: </legend> Hoogte<input type="text" size="3"> Breedte <input type="text" size="3"> </fieldset> Tabellen <table border="1" width="60%" cellspacing="0"> < td>4</td> Maten: Hoogte: Tabellen zijn zeer makkelijk voor de lay-out van je website Breedte: webdesign met html pagina 4
5 <h4>met een normale border:</h4> <table border="1" width="50%"> <h4>met een dike border:</h4> <table border="8" width="50%"> <h4>met een zeer dikke border:</h4> <table border="15" width="50%"> Opmaak of Lay-out Enkel tips Zorg voor juiste kleuren. Neem kleuren die je zelf mooi vind en die bij elkaar passen. Het ligt ook aan het onderwerp van de website. Is het een funwebsite dan mogen de kleuren natuurlijk ook wel wat flitsender dan bij een serieuze website. Maar houd het wel duidelijk. Is je website serieus bedoeld houd de lay-out dan rustig en duidelijk! Enkele tips voor een goede lay-out: - Zorg dat alles goed leesbaar is. - Maak de pagina rustig. Niet te flitsend en rustig voor de ogen. - Zorg dat de links over de hele website hetzelfde zijn. Doe dit bijvoorbeeld met CSS. - Kleur de scrol balk. De meeste mensen vinden een grijze maar saai. - Zorg voor een herkenbare lay-out, geen standaard lay-out die iedereen al heeft. - Zorg voor je eigen stijl, ga niets stelen of een gratis Template(=layout door een ander gemaakt) gebruiken. - Zorg voor een makkelijk en overzichtelijk menu. - Zorg ervoor dat jouw pagina in meerdere browsers te bekijken is. - Ga geen muiseffecten op jouw pagina uitvoeren, zeer storend. - Gebruik geen pop-ups. Jaagt meer bezoekers weg dan er ooit terug komen. - Muziek op de website wordt ook niet echt gewaardeerd door de meeste mensen - Zorg ervoor dat de laadtijd van jouw pagina snel is. Mensen wachten maar een paar seconden. - Vermeld geen teller als je weinig bezoekers hebt. Jaagt ook mensen weg. - Ga geen dingen van andere websites stelen. - Zorg voor weinig tot geen schrijffouten. - Installeer geen beveiligingsfuncties zoals een anti-rechter muisknop. De bron kan altijd gezien worden. webdesign met html pagina 5
HTML. Formulieren. Hans Roeyen V 3.0
Formulieren Hans Roeyen V 3.0 26 februari 2015 Inhoud 1. Formulieren... 3 1.1. De form tag... 3 1.1.1. Het action attribute... 4 1.1.2. Het method attribute... 4 1.2. De input tag... 4 1.3. Soorten input
Nadere informatieInternet_html.doc 1/6
Internet_html.doc 1/6 Internet html. HTML syntax en regels Een HTML-element is opgebouwd uit een startmarkering en een eindemarkering (behalve enkele speciale markeringen zoals bvb. , , ).
Nadere informatiePagina-inhoud maken. Voor het plaatsen van een afbeelding in een pagina wordt gebruik gemaakt van het <img>-tag.
Afbeeldingen Voor het plaatsen van een afbeelding in een pagina wordt gebruik gemaakt van het -tag. De parameters:
Nadere informatieVoor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com
Welkom bij mijn website tutorial (Deel 7) Ik ga uit van Microsoft XP voor de duidelijkheid. Ik heb dus geen idee of de programma s die ik gebruik ook op Vista werken. Notepad++ werkt zowieso op xp en Vista.
Nadere informatieLes W-01: HTML. Een website bouwen in HTML. 2006, David Lans
Les W-01: HTML 1.0 HTML Websites zijn opgebouwd uit afzonderlijke webpagina s. Deze webpagina s zijn geschreven in een aparte taal, HTML. De afkorting HTML staat voor Hyper Text Markup Language. Vrij vertaald
Nadere informatieInhoudsopgave. Inhoudsopgave... 2. 1. Inleiding... 3. 2. Het begin... 4. 3. Opmaak... 6. 5. Formulieren... 16. 6. Editors... 23. 7. Webbrowsers...
1 Inhoudsopgave Inhoudsopgave... 2 1. Inleiding... 3 2. Het begin.... 4 3. Opmaak... 6 5. Formulieren... 16 6. Editors... 23 7. Webbrowsers... 24 8. Webhosting... 25 9. Website uploaden... 27 10. Website
Nadere informatieExtra: Hoe u uw website met HTML kunt verbeteren
Extra: Hoe u uw website met HTML kunt verbeteren HTML is een afkorting van Hyper Text Markup Language. Zoals de term al zegt is het een "opmaak taal", dat wil zeggen het vertelt de browser door middel
Nadere informatieFoutcontrole met Javascript
Foutcontrole met Javascript Pol Van Dingenen Yannick Van Hauwe INLEIDING Het controleren van de gegevens die ingevuld zijn in formulieren is heel erg belangrijk. In de praktijk is enkel en alleen controle
Nadere informatieWebsitecursus deel 1 HTML
Websitecursus deel 1 HTML WebCie A Eskwadraat www@a-eskwadraat.nl 8 april 2015 Inleiding Website cursus in drie delen: HTML CSS Javascript We gaan uit van geen voorkennis. Als je vragen hebt, stel ze!
Nadere informatieIntroductie. Wat is HTML?
Introductie Wat is HTML? Hypertext Markup Language (HTML) is de taal van het World Wide Web. Elk document op het web is geschreven in HTML en alle onderdelen - zoals de opmaak van documenten, koppelingen,
Nadere informatie1. Open het programma KompoZer Het grote witte vlak is een nog lege webpagina. Deze gaan we nu van inhoud voorzien.
Minicursus KompoZer In deze cursus ga je leren werken met het computerprogramma KompoZer. Stapsgewijs maak je een voorbeeldsite. Daarna kun je alles wat je geleerd hebt gebruiken om je eigen website te
Nadere informatieHTML en CSS. Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen.
Terminologie HTML en CSS HTML: Hyper Markup language Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen. CSS: Cascading StyleSheet stylesheet for
Nadere informatieDe categorie Forms in het paneel Insert
Formulieren Invulformulieren bieden u de mogelijkheid om te communiceren met de bezoekers van uw website. Ze geven de bezoeker de mogelijkheid om feedback te geven, informatie door te spelen, informatie
Nadere informatieHTML in Outlook 2007. Hoe zorgt u ervoor dat uw email goed in beeld komt?
HTML in Outlook 2007 Hoe zorgt u ervoor dat uw email goed in beeld komt? HTML in Outlook 2007 Inleiding Emark Mail biedt u de mogelijkheid om kant en klare HTML nieuwsbrieven in te laden en te versturen.
Nadere informatieRob's Domein. theorie van html met de beschrijving van alle tag. Een html pagina moet altijd minstens uit de volgende tags bestaan:
pagina 1 van 6 Rob's Domein kamp, 's Lands grootste webwinkel! Opleiding Webdesign Verdien aan je site met Tradedou SCRIPTS GIF PLAATJES ACHTERGRONDEN GENERATOREN DIVERSEN OPLEIDINGEN CONTA N Binnen 1
Nadere informatieDe frameset uit de afbeelding wordt op de volgende manier gedefinieerd:
FRAMES GEBRUIKEN Met frames kan het venster van een browser zo worden ingedeeld, dat er meerdere webpagina's tegelijk getoond kunnen worden. In de afbeelding hieronder staat een webpagina met frames. We
Nadere informatie<input type="text" name="veldnaam" size="20" maxlength="30" value="inhoud veld">
Les 9: Formulieren. Proficiat, U hebt het al tot de laatste oefening gebracht. In deze les komen formulieren aan bod, U hebt ze zeker al eens gezien op een site, en indien niet neem dan eens vlug een kijke
Nadere informatieAchtergrond en lettertype Opmaak Achtergrond Opmaak Achtergrond Afbeelding in achtergrond
Frontpage Express is het meest eenvoudige programma voor het maken van je homepage. Is het programma niet geïnstalleerd op je PC, dan is het te downloaden en daarna te installeren. We zullen nu een aantal
Nadere informatieDeze kaart kun je gebruiken om uiteindelijk een SMS te versturen naar bijvoorbeeld je ouders, je vrienden of naar iemand van je klas
1. Op de volgende kaart leer je hoe: Je een tabel maakt Hoe je een formulier maakt Hoe je een SMS verstuurt via CM.com Deze kaart kun je gebruiken om uiteindelijk een SMS te versturen naar bijvoorbeeld
Nadere informatieHandleiding Wordpress CMS 4-5-2015
Handleiding Wordpress CMS 4-5-2015 Inhoud 1. Het dashboard.... 3 2. Een pagina of bericht aanpassen.... 5 3. Een nieuw bericht toevoegen... 6 4. Een pagina maken... 7 5. Website met sitebuilder... 8 6.
Nadere informatieHTML Editor: de eerste stappen
LES 18 HTML Editor: de eerste stappen In deze les leert u werken met HTML Editor. Daarbij geven we tevens een inleiding tot HTML. Hoewel op dit moment HTML versie 4.01 in gebruik is, maakt de HTML Editor
Nadere informatieHTML Editor: tabellen en hyperlinks
LES 19 HTML Editor: tabellen en hyperlinks In deze les leert u nog iets meer over HTML en de HTML Editor van OpenOffice.org. U leert hoe u absolute en relatieve hyperlinks maakt. We staan even stil bij
Nadere informatieWEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B
WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B WEBSITE-DESIGN INHOUD COLLEGE Afronding vak JQuery, mail(formulieren) en social media Testen Website-design 5-1-2015 2 AFRONDING VAK
Nadere informatieDynamische Websites. Week 2
Dynamische Websites Week 2 AGENDA Labo 1 GET, POST Navigatie, etc Varia 1 2
Nadere informatieOverzicht HTML/Formulieren/PHP codes.
Overzicht HTML/Formulieren/PHP codes. Rekenkundige operatoren: optellen + aftrekken - vermenigvuldigen * delen / modulo % (de modulo-operator berekent de rest na een deling) vb. 5%3 = 2 pow(, ); vb. 2
Nadere informatieHTML 5 en CSS 3. Truus de Bont. CC Naamsvermelding 3.0 Nederland licentie. https://maken.wikiwijs.nl/65505
HTML 5 en CSS 3 Auteur Laatst gewijzigd Licentie Webadres Truus de Bont 14 september 2015 CC Naamsvermelding 3.0 Nederland licentie https://maken.wikiwijs.nl/65505 Dit lesmateriaal is gemaakt met Wikiwijs
Nadere informatieHTML. Tabellen. Hans Roeyen V 3.0
Tabellen Hans Roeyen V 3.0 12 februari 2015 Inhoud 1. Tabellen... 3 1.1. De Tabel tags... 3 1.1.1. Het border attribuut... 4 1.2. De Tabel cellen... 4 1.3. Alignering en spanning... 8 1.1.2. De align attributen...
Nadere informatieEen webpagina maken. Een website bouwen met HTML en CSS practicum 1
Een webpagina maken De komende periode wordt in 8 practica een aantal technieken behandeld, die je nodig hebt om een (eenvoudige) website te kunnen bouwen. Nadat je deze 8 practica hebt doorgewerkt, moet
Nadere informatieHandleiding. Beheeromgeving
Handleiding Beheeromgeving Kant en Klare Site Veluwelaan 80 8443 AH Heerenveen www.kantenklaresite.nl - info@kantenklaresite.nl - fax: 084-8368243 KvK 01134248 Inhoud Inloggen op de beheeromgeving...3
Nadere informatieA Inloggen. B - Wachtwoord Veranderen
A Inloggen 1. Ga naar http://webtinq.nl 2. Klik op de knop "Login". 3. Voer het e-mail adres en wachtwoord in dat je hebt gekregen. 4. Klik op de knop "Login". 5. Je bent nu ingelogd! B - Wachtwoord Veranderen
Nadere informatieWeb building basis: HTML. Karel Nijs 2008/09
Web building basis: HTML Karel Nijs 2008/09 Web building basis eerste les HTML intro Browsers HTML elementen HTML basis tags HTML attributen HTML kleuren HTML formattering Extra: HTML entities Web building
Nadere informatieLab Webdesign: Javascript 7 april 2008
H8: FORMULIEREN In dit hoofdstuk komt het "form"-object aan de orde: we zullen zien hoe we JavaScript kunnen gebruiken voor het manipuleren en valideren van de gegevens die een eindgebruiker invult in
Nadere informatieVerstuur een eigen Kerst e-mail! Mét muziek en bewegende plaatjes!
8 Opdrachtenkrant 38 Technika 10 Nederland Verstuur een eigen Kerst e-mail! Mét muziek en bewegende plaatjes! E-mails zijn vaak heel saai! Witte achtergrond met zwarte letters. Of heb je al ontdekt dat
Nadere informatieDe tag aan het begin van het PHPscript is "<?php" aan het einde van het PHPscript gebruik je "?>".
PHP Les 3 Commando ECHO Interessante links: o http://www.donboscozwijnaarde.be/~moermant/ o http://php.net/manual/en/function.echo.php o http://www.w3schools.com/php/default.asp Wat is PHP? PHP is een
Nadere informatieProefles informatica op het Alberdingk Thijm College. Het maken van een website met de tekstverwerker Kladblok of TextWrangler
Proefles informatica op het Alberdingk Thijm College Het maken van een website met de tekstverwerker Kladblok of TextWrangler 1 Start het programma kladblok: (Start à Programma s à Bureau-accessoires à
Nadere informatieUw TEKSTEDITOR - alle iconen op een rij
Uw TEKSTEDITOR - alle iconen op een rij Hieronder ziet u alle functionaliteiten van uw teksteditor onder elkaar ( op alfabetische volgorde). Afbeelding (zie foto) Bestanden (zie link) Broncode Citaat Documenten
Nadere informatieFormulieren maken met Dreamweaver CS 4/CS 5
Formulieren maken met Dreamweaver CS 4/CS 5 In deze handleiding leer je om een formulier en elementen die je binnen een formulier kunt gebruiken, te ontwerpen met Dreamweaver. Het uitgangspunt is dat dit
Nadere informatieHandleiding bij WSM MailformGenerator
1. Voorwoord Welkom bij de handleiding voor de WSM MailformGenerator. Deze handleiding hebben we gemaakt om je snel en gemakkelijk uit te leggen hoe de WSM MailformGenerator werkt. Deze handleiding is
Nadere informatieWerken met de editor in het beheerpaneel
Werken met de editor in het beheerpaneel In het beheerpaneel van i-reserve wordt op een aantal schermen gewerkt met een editor. Bijvoorbeeld bij de e- mail en factuur templates, maar ook in het product-detailscherm.
Nadere informatieEindopdracht webdesign
Eindopdracht webdesign Opdracht 1: html Maak html-pagina jouwnaam-formulier.html met een webformulier volgens het voorbeeld: Geef in de form tag attribuut action de waarde../cgi-bin/formmail.pl en geef
Nadere informatieHet Wepsysteem. Het Wepsysteem wordt op maat gebouwd, gekoppeld aan de gewenste functionaliteiten en lay-out van de site. Versie september 2010
Het Wepsysteem Het Wepsysteem is een content management systeem, een systeem om zonder veel kennis van html of andere internettalen een website te onderhouden en uit te breiden. Met het Content Management
Nadere informatieAgenda. Wat is HTML? Meer over HTML... Waarom HTML leren? Aniel Bhulai. Inleiding Computergebruik - HTML 1. Waarin maak je een HTML-bestand?
Agenda HTML algemeen Wat is HTML? Korte historie Opbouw HTML document Aantal tags + voorbeelden Vragen 2 3 Opmaaktaal Letter Kleur Plaatjes Tabellen Formulieren Links Wat is HTML? Waarin maak je een HTML-bestand?
Nadere informatieEen website omzetten naar WordPress
1 Een website omzetten naar WordPress Er zijn talloze programma s beschikbaar om websites te maken. In de titels Basisgids Websites maken met WordPress en Websites maken met WordPress voor senioren wordt
Nadere informatieJe ziet het ontwerpscherm voor je. Ontwerpen is actief en dat zie je aan de linkeronderkant van je scherm net boven de taakbalk.
Inhoudsopgave frontpage 2003... 2 een thema gebruiken... 4 afbeeldingen op de pagina zetten... 5 knoppen maken... 8 knoppen maken in linkerframe... 10 een tabel maken... 12 opdrachten... 14 een fotopagina
Nadere informatieHet scherm is verdeeld in enkele blokken.
Log in op de achterkant van de website door naar http://www.cbs-sjaloomschool.picto.nl/joomla/administrator te gaan. Ingelogd zie je dit controle paneel. Je ziet het hoofdmenu van het beheerdersaccount.
Nadere informatieHTML-EDITOR GEBRUIKEN
HTML-EDITOR GEBRUIKEN Over TinyMCE TinyMCE is een kleine What-You-See-Is-What-You-Get (WYSIWYG) editor voor teksten. De bediening vindt plaats in de web browsers, zoals MSIE of Mozilla. Het werken met
Nadere informatieKompozer Webdesign www.acc.dds.nl/lesonline/kompozer/
Hier vind je de cursus op het internet: www.acc.dds.nl/acconline/ Kompozer Webdesign www.acc.dds.nl/lesonline/kompozer/ Een bestaande website met kompozer www.acc.dds.nl/lesonline/kompozer/website/ Bestanden
Nadere informatieA Inloggen. B - Wachtwoord Veranderen
A Inloggen 1. Ga naar http://webtinq.nl 2. Klik op de knop "Login". 3. Voer het e-mail adres en wachtwoord in dat je hebt gekregen. 4. Klik op de knop "Login". 5. Je bent nu ingelogd! B - Wachtwoord Veranderen
Nadere informatieGa naar www.basisonline.nl of selecteer in de website van de school- intranet basisonline
Werken met de website basisonline Ga naar www.basisonline.nl of selecteer in de website van de school- intranet basisonline - login met de verkregen inlognaam en wachtwoord - je inlognaam is jouw emailadres
Nadere informatieEen formulier ontwerpen
Een formulier ontwerpen Op iedere professionele website is tegenwoordig wel een formulier te vinden, dat door de bezoeker van de website kan worden ingevuld. Formulieren op websites worden voor verschillende
Nadere informatieOplossingen overzicht PHP. Oplossing KPN opgave, zonder testen van POST
Oplossingen overzicht PHP Oplossing KPN opgave, zonder testen van POST internetminuten in welke categorie val ik?
Nadere informatieWhitepaper. E-mail design best practices
Whitepaper E-mail design best practices 14 tips voor het design van je e-mail Versterk de boodschap van je uiting Best practices voor je e-mail design Het design speelt een grote rol in de eerste indruk
Nadere informatieHandleiding bij de onderhoudsmodule van de Hermes CMS website.
Handleiding bij de onderhoudsmodule van de Hermes CMS website. Voor wie? U wilt uw bedrijf professioneel voor stellen? U wenst uw website graag zelf te onderhouden? U wenst het budget laag te houden? Wat?
Nadere informatieOPDRACHTKAART. Thema: Multimedia. Het internet 3. Het World Wide Web MM-05-03-01. Voorkennis: Geen.
OPDRACHTKAART MM-05-03-01 Het World Wide Web Voorkennis: Geen. Intro: Deze opdracht gaat over de belangrijkste mogelijkheid van het internet: het surfen op het World Wide Web. Deze opdracht beschrijft
Nadere informatieFrontPage. Kies Bestand, nieuw en kies vervolgens Website met één pagina: Kies bij voorkeur een locatie:
1 FrontPage Kies Bestand, nieuw en kies vervolgens Website met één pagina: Kies bij voorkeur een locatie: Merk op dat de ene pagina die al aangemaakt is 'index.htm' heet. Dit is belangrijk De startpagina
Nadere informatieNaam cursist: Als er iets niet duidelijk is kijk dan eens op: http://html.op-het.net/ 1 Leerkracht: Gielen Jeroen
Als er iets niet duidelijk is kijk dan eens op: http://html.op-het.net/ 1 Leerkracht: Gielen Jeroen Inleiding: Hoe zit het internet in elkaar? Client is in ons geval is de trage PC hier op school of de
Nadere informatieHandleiding CMS-systeem website
Handleiding CMS-systeem website Algemeen!Belangrijk! Wijzigingen die gedaan worden in het systeem kunnen niet zomaar ongedaan worden gemaakt. Eenmaal een pagina of iets anders verwijderd, zal deze niet
Nadere informatieWerken met afbeeldingen in webpagina's
Werken met afbeeldingen in webpagina's In webpagina's komen heel vaak afbeeldingen voor. Toch gaan webpagina's helemaal anders om met afbeeldingen dan bijvoorbeeld een PowerPoint-presentatie of een Word-document.
Nadere informatieHandleiding Nieuwe versie Wikiwijs Maken. Overzicht van veranderingen en nieuwe functionaliteiten
Handleiding Nieuwe versie Wikiwijs Maken Overzicht van veranderingen en nieuwe functionaliteiten Datum: 3 juni 2013 Wat is er nieuw? Op 3 juni 2013 is er een nieuwe versie van Wikiwijs Maken beschikbaar.
Nadere informatieHTML elementen en attributen (volgens de Strict DTD)
HTML 4.01 - elementen en attributen (volgens de Strict DTD) N.B.: vervallen attributen die vermeld worden in deze tabel, vallen uiteraard onder de Transitional DTD Naam element Type tag Start tag, einde
Nadere informatieI Het maken van een nieuwsbrief
I Het maken van een nieuwsbrief Wat leer je? Veel bedrijven publiceren een korte nieuwsbrief waar zij hun personeel op de hoogte houden van belangrijke ontwikkelingen binnen het bedrijf. Hier meldt men
Nadere informatieICT Publisher 2002 1
ICT Publisher 2002 1 Werken met Publisher 2002 1. Het maken van een eenvoudige publicatie in Publisher Inhoud Wat gaat er gebeuren? Waarom ga ik het doen? Wat wordt het resultaat? Oefeningen en werkwijzen
Nadere informatieInleiding website maken
Inleiding website maken Bert Dingemans DLA Ontwerp & Software http://www.dla-os.nl bert@dla-os.nl DLA Ontwerp & Software, Culemborg 1 Titel Docent Veronderstelde voorkennis Samenvatting Aantal bijeenkomsten
Nadere informatieOnderdeel: Opdracht Uitleg + Opdracht
Programma: HTML / Website Onderdeel: Opdracht Uitleg + Opdracht Inhoudsopgave Een website bouwen... pag. 2 Opdracht... pag. 2 Opslaan van het werk... pag. 2 Aan het werk.... pag. 3 Speciale knoppen...
Nadere informatieTemplates maken voor Joomla! Hoe maak je zelf een template voor je Joomla! website
Templates maken voor Joomla! Hoe maak je zelf een template voor je Joomla! website Wat we gaan doen 1. Wie ben ik? 2. Voor- en nadelen bestaande templates en eigen templates 3. Eigen template op basis
Nadere informatieHandleiding Content Management Systeem
Handleiding Content Management Systeem Inhoudsopgave Inhoudsopgave... 2 1. Inloggen... 3 2. Paginavolgorde... 3 3. Pagina en menutitel... 3 4. Pagina s bewerken... 4 5. De tekstverwerker... 4 6. Interne
Nadere informatieProgrammeren in MyShop
Programmeren in MyShop Wat leer je in dit hoofdstuk: - Wat HTML en CSS is - (Een heel klein beetje) HTML - (Een heel klein beetje) CSS - Een aangepaste footer maken ( deurmat ) Eindresultaat Je gaat je
Nadere informatieToelichting op enkele knoppen: (als u de muis bij een knop houdt, verschijnt een tekst met een korte aanwijzing (tooltip) bij deze knop).
FAQ Leerlingdossier & handelingsplannen Welke mogelijkheden biedt de online tekstverwerker in ESIS? De online tekstverwerker beschikt over veel mogelijkheden voor het bewerken van tekst. U vindt de online
Nadere informatieSnel een begin maken met Front-Page voor een eigen website. blad 1
Snel een begin maken met Front-Page voor een eigen website. blad 1 Je gaat zelf een eenvoudige web site maken en zult deze eerst op papier moeten ontwerpen. Je maak een met daaronder sub-pagina s en eventueel
Nadere informatieHandleiding CMS VOORKANT
Handleiding CMS VOORKANT Inhoudsopgave Pagina 1. Toegang tot het CMS... 3 2. Artikel toevoegen... 4 3. Artikel bewerken... 5 4. Artikel kopiëren of verwijderen... 6 5. Afbeelding, link of tabel invoegen...
Nadere informatie2. KENNISMAKEN MET DE PROGRAMMA'S
Deze cursus is geschreven ter vervanging van de eerste twee les-stencils over HTML die we sinds 1997 op de PCW gebruikten. 'HTML voor beginners' helpt je een eind op weg met het maken van je eigen website.
Nadere informatieDit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde
Dit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde [64] [Arthur Hemmer 5494753] [Mehul Mistry 4255704]
Nadere informatieSafira CMS Handleiding
Safira CMS Handleiding Inhoudsopgave 1Mappen en artikelen... 2 1.11.1 Naam wijzigen map/ pagina... 3 1.21.2 Website structuur: nieuwe pagina aanmaken, pagina verwijderen, pagina blokkeren, structuur wijzigen...
Nadere informatieHieronder ziet u alle functionaliteiten van uw teksteditor onder elkaar ( op alfabetische volgorde).
Uw TEKSTEDITOR - alle iconen op een rij Hieronder ziet u alle functionaliteiten van uw teksteditor onder elkaar ( op alfabetische volgorde). Afbeelding (zie foto) Bestanden (zie link) Broncode Citaat Documenten
Nadere informatieFormulier maken en opvangen met php
Welkom bij mijn PHP tutorial (Deel 2) Ik ga in deze delen PHP uitleggen, dit doe ik in het programma notepad++ (gratis) deze kunt u downloaden van www.richard3332.nl/downloads.php Als u beschikt over dreamweaver
Nadere informatieVoorzie iedere pagina van een titel. Je kan de titel uit het menu aanhouden. Een titel voeg je toe als volgt: 1. Klik op Element toevoegen.
Een Jimdo website Pagina s opvullen Je hebt je navigatie aangepast. Nu moet je ervoor zorgen dat de inhoud van de pagina s ook overeen komen met het menu. Om te beginnen wis je de inhoud die reeds op de
Nadere informatieSyllabus Zelf een website bouwen. Artheos
Syllabus Zelf een website bouwen Artheos Helma de Boer Artheos Webdiensten & Office Support www.artheos.nl 2012 Inhoud Syllabus Zelf een website bouwen H1 De techniek van een website... 3 1.1 Browser en
Nadere informatieFrames. Dit gedeelte wordt uitgebreid besproken in 1TIN Internettechnologie les 06
Frames Dit gedeelte wordt uitgebreid besproken in http://www.handleidinghtml.nl/html/frames.htm 1 Frames - doel? Browservenster kan opgedeeld worden in meerdere views (= schermen, subvensters) Laten toe
Nadere informatieHandleiding Word Press voor de bewoners Westerkaap 1
1 Handleiding Word Press voor de bewoners Westerkaap 1 Inhoud: Inloggen Pagina 1 Algemeen Pagina 2 Berichten Pagina 2 Bericht bewerken, Linken Pagina 3-4 Plaatje toevoegen bericht Pagina 5-6 Bericht publiceren
Nadere informatieEBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet www.exed.nl. info@exed.nl EXED CMS UITLEG
EBUILDER HANDLEIDING De Ebuilder is een product van EXED internet www.exed.nl info@exed.nl 1 INHOUDSOPGAVE Inleiding Een korte introductie over het Ebuilder» Navigatie» Snelnavigatie Pagina s Hier vind
Nadere informatieInternet en website. Voorwaarden voor een goede website:
Internet en website Inleiding Zoals reeds aangehaald is internet een belangrijk onderdeel geworden ter info en activiteiten van een visclub. Vele visclubs en ook andere verenigingen communiceren met elkaar
Nadere informatieWORDPRESS. op de FourBottles manier. Pagina 1
WORDPRESS op de FourBottles manier Pagina 1 Fijn dat je voor FourBottles hebt gekozen voor het realiseren van je website. Bij een website hoort natuurlijk een Content Management Systeem (CMS). Ik maak
Nadere informatieHandleiding website FMS-spaarnwoude.nl
Handleiding website FMS-spaarnwoude.nl Alfred Houdijk Webmaster 27-12-2012 Inhoud Inleiding... 2 Wie kan wat op de website... 3 Foto s en filmpjes plaatsen... 4 Copyright... 4 Schrijf een artikel... 5
Nadere informatieBASISELEMENTEN <form> <input> <textarea> <select> & <option> </form> INPUT element. INPUT attributen: type, id & name
Je kan een basisformulier opzetten voor je website Je kan informatie opvragen op verschillende manieren Je kan een formulier opmaken met CSS 3 Je kan formulieren beheren in Adobe Dreamweaver GERICHT INFORMATIE
Nadere informatie11. Website controleren
11. Website controleren 11.1 Website controleren op verschillende browsers Het blijkt nog altijd nodig te zijn een website te controleren. De website zoals deze er in Kompozer uit ziet, ziet er op internet
Nadere informatieHerhalingsoefeningen
Herhalingsoefeningen bij Websites maken met WEB! Pro ISBN 90 5905 193 9 2 Oefeningen hoofdstuk 2 2.1 Nieuwe website maken en opslaan Open een lege webpagina Open het venster Document Eigenschappen Typ
Nadere informatieFrontend ontwikkeling
Frontend ontwikkeling Mark Jansen Edwin Vlieg PHPFreakz ledendag 10 november 2007 Frontend ontwikkeling De interface is je product richting de eindgebruiker Goede PHP code met een slechte interface geeft
Nadere informatieLes 7. Instap. CSS en views: schilderijen. Pas even de header aan van het thema en zorg ervoor dat er geen websitenaam en slogan te zien is.
Les 7 Instap Pas even de header aan van het thema en zorg ervoor dat er geen websitenaam en slogan te zien is. CSS en views: schilderijen Ons eerste overzicht in de vorige les bestond uit het tonen van
Nadere informatieDoelen: Als je deze opdracht hebt uitgevoerd, heb je de volgende doelen bereikt: Je kunt een eenvoudige webpagina maken met behulp van HTML.
OPDRACHTKAART MM-05-04-01 HTML Voorkennis: Geen. Intro: De opmaaktaal voor het WWW heet HTML (Hyper Text Markup Language). Met HTML kan een webpagina worden gemaakt, inclusief hyperlinks. Tijdens deze
Nadere informatieTEKST INVOEREN EN BEWERKEN
TEKST INVOEREN EN BEWERKEN Het invoeren en bewerken van tekst gaat via de editor. Onderstaand een overzicht van de te gebuiken knoppen (indien je rechts op de knoppen klik krijg je de betekening in tekst
Nadere informatiePAGINA BEHEER. Heel belangrijk is dat u niet vergeet op te slaan anders gaan al uw wijzigingen verloren, deze knop vind u bovenin de pagina!!!
HANDLEIDING DIGIMANAGER PAGINA BEHEER In het pagina beheer heeft u de mogelijkheid om de content van uw website in te vullen en aan te passen. om invullingen en wijzigingen uit te voeren gaat u naar het
Nadere informatieWat is een child-theme?
Child theme Waarschuwing 1. Het maken van een child theme is relatief eenvoudig, u hebt er wel FTP toegang voor nodig bij uw provider. 2. Het is soms lastig om precies uit te vinden welke css codes u moet
Nadere informatieOpdrachtgever: Avpec1910 Auteur: Avalon Systems Versie: 1.0 Datum: 12/01/2011. Handleiding WYSIWYG HTML editor: CKEditor
Opdrachtgever: Avpec1910 Auteur: Avalon Systems Versie: 1.0 Datum: 12/01/2011 Handleiding WYSIWYG HTML editor: CKEditor Inhoud 1 Inleiding... 3 2 WYSIWYG editor... 4 2.1 Iconen toegelicht... 5 2.2 Maximaliseren...
Nadere informatieHighpotech IT. Nieuwsbrief. Een webpagina maken. heeft een zekere es- verhouding van 4:3
Uitgave 6 versie 2 Augustus 2010 Highpotech IT Nieuwsbrief Een webpagina maken Eerdere uitgaven Een website wordt weergegeven op een hoek waarvan de verhoudingen dicht in de Werken met Excel beeldscherm
Nadere informatieE-mailen. Een e-mail verzenden
E-mailen Een e-mail verzenden Inhoudsopgave 1 E-mailen... 3 2 Een e-mail verzenden... 4 2.1 De taal van je mailbox wijzigen... 4 2.2 Een e-mail opstellen... 6 2.3 Gebruik maken van CC en BCC... 7 2.4 Je
Nadere informatieSchrijven voor het web. 1TIN Internettechonologie 2003-2004 les 02 1
Schrijven voor het web 1TIN Internettechonologie 2003-2004 les 02 1 Verschillen met gewone teksten niet noodzakelijk sequentieel lezen webpagina globaal lezen (geen details) beantwoorden aan doel van bezoek?
Nadere informatieWebQuest / WebKwestie. met Word 2003. www.webkwestie.nl
WebQuest / WebKwestie met Word 2003 www.webkwestie.nl Een WebQuest / WebKwestie maken in Word 2003 Belangrijk is dat alle pagina s en afbeeldingen die u gebruikt in één map worden opgeslagen. Download
Nadere informatieWebsites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash
Websites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash INHOUDSOPGAVE Inleiding DEEL I: THEORIE Hoofdstuk 1: Richtlijnen Webstandaarden Voordelen Hoofdstuk 2: HTML De geschiedenis
Nadere informatieSWOA cursus Webdesign. Les 1
SWOA cursus Webdesign Les 1 Inhoud Start het programma... 3 Een nieuwe website opzetten... 4 De stramienpagina instellen... 4 Achtergrondkleur stramienpagina wijzigen... 5 Koptekst toevoegen... 6 Navigatiebalk
Nadere informatie