Besproken in de cursus Vervolg Webdesign CC19VO08
|
|
- Sterre Willemsen
- 8 jaren geleden
- Aantal bezoeken:
Transcriptie
1 Besproken in de cursus Vervolg Webdesign CC19VO08 De verwijzingen in het blauw zijn naar het digitale boek Macromedia Dreamweaver 8 (Macromedia-Dreamweaver-8-Training-from-the-Source-2006.chm) Besproken in Les Css: verschil in Class & Tag 2 - Lightbox afbeeldingen > Lesson 4. hfdsk: Developing Style Sheets + 1. (zie uitleg hieronder) > 2. (zie uitleg hieronder) 1. Verschil in Class & Tag Class = eigen opmaak.style Tag = standaard in HTML Voorbeelden tag (standaard code voor alle html) P li ol ul H1 H2 H3 H3 Body = = = = = = = paragraph tekst lijst (zowelordered of unordered) lijst ordered lijst unordered Heading 1 / Kop (Als Kop1 in Word) Heading 2 (Als Kop2 in Word) Heading 3 (Als Kop3 in Word) = De Body tag omvat alle inhoud van je pagina Hier kan je één keer alle tekst van de pagina vormgeven. Ook kan je hier de achtergrond van de pagina mee vormgeven. Tabel Past de vormgeving van een tabel aan met achtergrond kleuren en plaatjes, randen en lettertypes. Images (Plaatjes) Geef plaatjes een randje of een marge Table = Img = Maar de lijst is veel langer zie Lijst van TAGS hieronder
2 XHTML TAGS Tag <! > <!DOCTYPE> <a> <abbr> <acronym> <address> <applet> <area> <b> <base> <basefont> <bdo> <big> <blockquote> <body> <br> <button> <caption> <center> <cite> <code> <col> <colgroup> <dd> <del> <dir> <div> <dfn> <dl> <dt> <em> <fieldset> <font> <form> <frame> <frameset> <h1> to <h6> <head> <hr> <html> <i> <iframe> <img> Description Defines a comment Defines the document type Defines an anchor Defines an abbreviation Defines an acronym Defines an address element Defines an applet Defines an area inside an image map Defines bold text Defines a base URL for all the links in a page Defines a base font Defines the direction of text display Defines big text Defines a long quotation Defines the body element Inserts a single line break Defines a push button Defines a table caption Defines centered text Defines a citation Defines computer code text Defines attributes for table columns Defines groups of table columns Defines a definition description Defines deleted text Defines a directory list Defines a section in a document Defines a definition term Defines a definition list Defines a definition term Defines emphasized text Defines a fieldset Defines text font, size, and color Defines a form Defines a sub window (a frame) Defines a set of frames Defines header 1 to header 6 Defines information about the document Defines a horizontal rule Defines an html document Defines italic text Defines an inline sub window (frame) Defines an image
3 <input> <ins> <isindex> <kbd> <label> <legend> <li> <link> <map> <menu> <meta> <noframes> <noscript> <object> <ol> <optgroup> <option> <p> <param> <pre> <q> <s> <samp> <script> <select> <small> <span> <strike> <strong> <style> <sub> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <title> <tr> <tt> <u> <ul> <var> <xmp> Defines an input field Defines inserted text Defines a single-line input field Defines keyboard text Defines a label for a form control Defines a title in a fieldset Defines a list item Defines a resource reference Defines an image map Defines a menu list Defines meta information Defines a noframe section Defines a noscript section Defines an embedded object Defines an ordered list Defines an option group Defines an option in a drop-down list Defines a paragraph Defines a parameter for an object Defines preformatted text Defines a short quotation Defines strikethrough text Defines sample computer code Defines a script Defines a selectable list Defines small text Defines a section in a document Defines strikethrough text Defines strong text Defines a style definition Defines subscripted text Defines superscripted text Defines a table Defines a table body Defines a table cell Defines a text area Defines a table footer Defines a table header Defines a table header Defines the document title Defines a table row Defines teletype text Defines underlined text Defines an unordered list Defines a variable Defines preformatted text
4 In Dreamweaver krijg je TAGS ook een lijst:
5 2. Lightbox 5 bestanden nodig Code in de head van HTML pagina: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <title>lightbox Slideshow</title> <link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="scriptaculous.js?load=effects"></script> <script type="text/javascript" src="lightbox.js"></script> </head> Dit zij dus de verwijzingen naar de 5 bestanden (4 x.js en 1 x.css) Elke link van afbeelding naar grote afbeelding, deze code toevoegen. (dit voorbeeld is voor 3 afbeeldingen) <a href="sample_photos/images/dsc03897.jpg" title="this is a caption" rel="lightbox[brussels]"><img src="sample_photos/thumbnails/dsc03897.jpg" /></a> <a href="sample_photos/images/dsc03898.jpg" title="and another caption" rel="lightbox[brussels]"><img src="sample_photos/thumbnails/dsc03898.jpg" /></a> <a href="sample_photos/images/dsc03899.jpg" title="this caption is awesome!" rel="lightbox[brussels]"><img src="sample_photos/thumbnails/dsc03899.jpg" /></a> Een normale link zou er zo uitzien; <a href="sample_photos/images/dsc03899.jpg"><img src="sample_photos/thumbnails/dsc03899.jpg" </a> Meer informatie op het internet: of (hier komt onze lightbox vandaan)
6 Effect van de vergroting
7 Besproken in Les Layers: 2 - Image Hotspot > Lesson 9. Creating Layers (zie uitleg hieronder) > Lesson 5. Working with Graphics: Hoofdstuk Creating Image Maps (zie uitleg hieronder) 1. Layers layers zijn aan te passen met het menu, in de head code vind je de opmaak terug met het # (hekje) #achter { position:absolute; width:771px; height:276px; z-index:1; left: 112px; top: 188px; background-image: url(images/tabelbg.png); } Layer paneel
8 Layer eigenschappen; extra mogelijkheden zijn in te vullen via het Layer paneel (zoals de padding in de Jerry Lewis website):
9 2. Afbeeldingen hotspot Links onderin het Image properties paneel. De onderstaande imagemap heeft 3 hotspots en een eigen naam Map.
10 Besproken in Les Plaatsen Flash op HTML pagina: > Lesson 7. Using Multimedia: Hfdstk Adding Flash Animations (zie uitleg hieronder) 2 - Maken Flash video File: 3 - Aanmelden Google Analystics: > (zie uitleg hieronder) Veel kleiner dan orgineel (.avi of.mov). En makkelijk op een HTML pagina te zetten > (zie uitleg hieronder) gebruiksvriendelijke website bezoekersteller zonder reclame maar met veel mogelijkheden. 1. Flash Plaats je bijna net zo als een afbeelding, alleen zijn er hier wat meer mogelijkheden, omdat het..swf bestande een player is. De.FLA is het aanpasbare moederbestand dat je goed moet bewaren maar niet op het internet kan zetten. SWF = de player of Flash Movie FLA = het moederbestand dat een player maakt FLV = Flash Video File Hieronder, Plaatsen flash zit onder Insert > Media
11 Hieronder, de mogelijkheden van de Flash. 2. Flash Video Hieronder, Importeer in Flash (hier Macromedia Flash 8.0) de.avi-film
12 Hieronder, de verschillende videobestand types die Flash kan importeren, kies 'n film, en klik openen Hieronder, kies de bovenste en klik next >
13 Hieronder, de mogelijkheden en klik next > Hieronder, de verschillende knoppen die Flash aan jouw film kan verbinden, klik next >
14 Hieronder, bewaar de film als.swf (heb je later niet meer nodig), klik next > en Flash gaat rekenen. Hieronder, de door Flash uitgerekende FLV + het knop uiterlijk ( in dit geval: Clear_Skin_3.swf) heb je nodig en moeten op het internet gezet worden. Plaats film op HTML-pagina (Dreamweaver)
15 Hieronder, de FLV op de HTML-pagina (Dreamweaver) Hieronder, het eindresultaat, de FLV met controle knoppen in de film( in dit geval: Clear_Skin_3.swf).
16 3. Google Analystics Aanmelden Google Account: Aanmelden Google Analystics: De code die van Google krijgt moet onderaan in alle html-pagina's van je website komen. Vlak voor de </BODY> code. De code (new tracking code) ziet er ongeveer zo uit: <script type="text/javascript"> var gajshost = ((" == document.location.protocol)? " : " document.write(unescape("%3cscript src='" + gajshost + "google-analytics.com/ga.js' type='text/javascript'%3e%3c/script%3e")); </script> <script type="text/javascript"> var pagetracker = _gat._gettracker("ua "); pagetracker._initdata(); pagetracker._trackpageview(); </script> [edit] sinds 2010 is er 'n nieuwe tracking code die nu in de <HEAD> moet komen te staan. Hieronder, de inlog websitepagina van Google Analystics.
17 Hieronder, de overzichtpagina van Google Analystics. Hier staan de tellers. Hieronder, de code van Google, het duurt ongeveer 24 uur voordat Google aale pagina's waar jij de code op gezet ziet en kan tracken
18 Hieronder, de code van Google zet je in de code van alle html-pagina's. Hieronder, de teller-overzichtspagina van Google.
19 Besproken in Les 9. Een website maken met templates: > Lesson 13. Using Templates (zie uitleg hieronder) In deze les gebruiken we een bestaande HTML met een basis layout als template. Een template is niets anders dan een mal waar je meerdere pagina's uit kunt maken. De mal is geen html maar een.dwt bestand die Dreamweaver netjes in een templates map neerzet. Een.dwt heeft editable regions nodig, dit zijn de aanpasbare gebieden, die per pagina andere inhoud zal hebben. Zorg er ook goed voor dat je je site difened hebt. Zodat Dreamweaver weet wat je basislocatie is. Dit zit onder site > manage site of > new site. Maak alle links relative to Document en niet naar site location.
20 Hieronder, In de html pagina kun je net zoveel gebieden editable maken als je wilt. Elk gebied is uniek en krijgt zijn egen naam. Het is handig om je Layout hulpvenster aan te zetten om deze gebieden te kunnen zien. Hieronder, de pagina met ediable regions kan nu een template worden.
21 Hieronder, de template kan nu als mal dienen voor alle vervolg pagina's. Onder new Hieronder, de pagina die gebruikt maakt van een template, niets is aan de pagina is aan te passen, behalve de editable regions.
22 Hieronder, De mal aanpassen is mogelijk, want de.dwt is aanpasbaar, Vergeet niet te save-en nadat je klaar bent. Dreamweaver zal daarna vragen om alle pagina's uit de mal ook aan te passen. Selecteer de pagina's en klik op Update. Hieronder, De website die dankzij de template niet echt flexibel is maar wel makkelijk aan te passen en uit te breiden.
23 Besproken in Les 10. Verder met templates: > Lesson 13. Using Templates. 1 - bestanden op het internet zetten: > Lesson 14. Managing your site Hoofdstuk: Connecting to a Remote Site + uploading files (zie uitleg hieronder) FTP programma Om handmatig bestanden op de internetserver te zetten maken we gebruik van een FTP programma (File Transfer Protocol) Zet op de internetserver dezelfde mappenstructuur als op je harde schijf van je computer. Meestal moet dat in de HTML of Public folder op de internetserver. Die gegevens krijg je meestal netjes van je internetprovider in een brief. Let op! Bestanden zijn hoofdletter gevoelig. Hieronder, het FTP programma, uiteraard zit de internetserver achter slot en grendel. Dus vul alle gegevens netjes in. Ook hier; let op hoofdletters.
24 Hieronder, de gegevens in het FTP programma, klik op toepassen en daarna op OK. Hieronder, het FTP programma heeft verbinding. De bestanden gaan van links naar rechts. Bij Dreamweaver (dat ook kan FTP-en) is dat net andersom, daar is rechts je eigen PC. Bestanden worden bij het uploaden gewoon overschreven. Bestand selecteren en klik op 't pijltjes-knop in het midden, en het bestand wordt uitgewisseld.
Wat 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 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 informatieHTML5 overzicht Tag Uitleg Versie Attributen
HTML5 overzicht Tag Uitleg Versie Attributen Commentaarregel toevoegen 4 en 5 Geen Document 4 en 5 Geen Hyperlink 4 en 5 href ping Samenvoeging van een woord 4 en
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 informatieFFO Webdesign 1e jaar theorietoets NL niveau4... Totaal aantal vragen: 40
FFOUCHIER 01/11/2018 FFO Webdesign 1e jaar theorietoets NL niveau4... Totaal aantal vragen: 40 De meeste juiste antwoorden: #22 Minste Juiste antwoorden: #30 1. Selecteer de juiste HTML-code voor het maken
Nadere informatieBasis-theme. Manage Wiki > Look and Feel > Themes > Change or make a new theme > Make a New Theme >
Basis-theme Manage Wiki > Look and Feel > Themes > Change or make a new theme > Make a New Theme > Naam invullen en de code van basis-theme kopiëren en erin plakken
Nadere informatieWEBDESIGN. html tags. Neem de grondbeginselen van html door via de online cursus op de informaticasite of via instruct-online
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
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 informatieWorkshop Joomla nivo 1 op 14 november 2015.doc
Handout workshop Joomla beginners november 2015 Overzicht over de workshop 1 Frontpagina bron.amnesty.nl 2 Achterkant Inlogscherm 3 Controlpanel Hathor beheertemplate 4 Controlpanel Isis beheertemplate
Nadere informatieCursus HTML voor beginners
Cursus HTML voor beginners Gebruikte bron: /www.handleidinghtml.nl/ HTML is de taal waarmee je documenten (webpagina's) maakt die bekeken kunnen worden op het World Wide Web. HTML staat voor HyperText
Nadere informatieCluster 1 Realiseert. 4 Beschrijving van de beroepssituatie behorende bij deze leereenheid
LEEREENHEID HTML/CSS Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid
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 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 informatiePro templates. Copyright Starteenwinkel.nl
Pro templates Copyright Starteenwinkel.nl Lees in deze handleiding over: 1. PRO templates; voor wie geschikt? 2. Aan de slag met een PRO template 3. Template Designer 4. Template Editor 5. Sliders aanpassen
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 informatieBsc5 bk5100 - TOI. Proces- en presentatieportfolio Inleiding websites maken met Macromedia Dreamweaver. Technisch Ontwerp en Informatica
Proces- en presentatieportfolio Technisch Ontwerp en Informatica http://toi.bk.tudelft.nl/bsc5 toi@bk.tudelft.nl Procesportfolio [week 2 t/m 17] voortgang en verloop van het ontwerpproces GEEN productpresentatie
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 informatie5. Inhoud, structuur en opmaak met HTML en CSS
5. Inhoud, structuur en opmaak met HTML en CSS Het oorspronkelijke doel van HTML was tekstinformatie via het "internet" uitwisselbaar maken onafhankelijk van het computersysteem of het besturingssysteem.
Nadere informatieHTML richtlijnen e-mail marketing. part of the valley
e-mail marketing pagina 2/9 geschreven door Maarten van Benthem, front-end developer datum 1 oktober 2009 versie 1.0 Copyright Alle rechten voorbehouden. De inhoud van dit document blijft eigendom van
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 informatieInternet Standaarden HC4
Internet Standaarden HC4 Hogeschool van Amsterdam - Instituut voor Interactieve Media 1 Invloed van Games Laatste ontwikkelingen Gebruik van Games 11 oktober 2007 Hogeschool van Amsterdam - Instituut voor
Nadere informatieLeereenheid Webdesign
Leereenheid Webdesign INLEIDING Deze leereenheid leert je een eenvoudige website opbouwen. Vervolgens passen we dit toe op webquest. VOORKENNIS Elementaire kennis van Web 2.0 is vereist. LEERDOELEN LEERDOELEN
Nadere informatieHand-out Web Technologies, werkcollege 5 Alex Reuneker 2012
Hand-out Web Technologies, werkcollege 5 Alex Reuneker (a.reuneker@hhs.nl), 2012 1. Groeperen (div- en span-elementen) : Het HTML-element div is een block-level element (zie hand-out bij het
Nadere informatieZimplit is een CMS (content management system). Dat betekend dat je een website kunt ontwerpen en veranderen terwijl die online staat.
Een website maken met ZIMPLIT. Geen kennis van html nodig. www.acc.dds.nl/lesonline/zimplit/ Download Zimplit handleiding pdf Download de Zimplit bestanden Zimplit CMS Handleiding Zimplit is een CMS (content
Nadere informatieSushi MIJN EERSTE WEBSITE. DE STIJL VAN HET BOVENSTE MENU AANPASSEN Kaart 6 van 10 Ik ben HTML/CSS aan het leren. Naar daar.
MIJN EERSTE WEBSITE Sushi DE STIJL VAN HET BOVENSTE MENU AANPASSEN Kaart 6 van 10 Van hier Naar daar 1 2 3 Doe het stap voor stap om te zien hoe CSS werkt! Voeg een rand toe van 1 punt in de breedte om
Nadere informatieA HTML 4 Block & Level Elements en Inline Elements
A HTML 4 Block & Level Elements en Inline Elements Most HTML 4 elements permitted within the BODY are classified as either block&level elements or inline elements. Block&level elements typically contain
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 informatieFont betekent lettertype, de vele font eigenschappen wijzigen dan ook de opmaak van je lettertype. Hiermee bepaal je het lettertype.
Stijlregels I Nu je de verschillende soorten CSS kent kan je deze ook gaan toepassen. Onthoudt dat alle opmaak in xhtml met CSS gemaakt moet worden. Tegenwoordig zijn er meer dan 200 CSS properties, deze
Nadere informatieGlobale kennismaking
Globale kennismaking Kennismaking Tesla CMS 1. Dashboard 2. pagina beheer - pagina aanmaken - pagina aanpassen - pagina verwijderen - pagina seo opties - zichtbaarheid pagina 3. subpagina beheer - subpagina
Nadere informatieIcoon/Icon Betekenis Description. Change scheduling Online. Gaat offline op (datum/tijd) Online. Going offline on (date/time)
Algemeen/General Gepubliceerd maar gewijzigd Published but changed Meer acties op geselecteerde content More actions on selected content Gepubliceerd en niet gewijzigd Published and not changed Terugdraaien
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 informatiedesign ook items uitsnijden
(fig1) Hulplijnen zetten Om het ontwerp netjes uit te snijden is het handig om eerst hulplijnen te zetten. (fig1) Nu is het zaak om eerst voor je zelf te bepalen wat is layout en wat is design. Al het
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 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 informatieAgenda (X)HTML. Wat is HTML? Hoe ziet een HTML-file eruit? Waarom HTML leren? Waarin maak je een HTML-bestand?
(X)HTML HyperText Markup Language Aniel Bhulai E-mail: abhulai@few.vu.nl vrije Universiteit amsterdam Agenda HTML algemeen Aantal tags HTML met stijl (CSS, DHTML) XHTML Vragen Demo 1 vrije Universiteit
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 Stappenplan: stap 4 HTML, Stylesheets vervolg slides @ vanslooten.com/websitedesign Website-design 1-12-2014
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 informatieEen website ontwerpen in Dreamweaver met de opmaakweergave
Een website ontwerpen in Dreamweaver met de opmaakweergave door G. Van Soest Met Dreamweaver kan je zeer snel een website in elkaar bouwen; ook het onderhoud van een website is met Dreamweaver uiterst
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 informatieMODULE 4 : WEBSITEX5(11)
MODULE 4 : WEBSITEX5(11) In deze benadering maken we een site met een startpagina en 3 kleine pagina s. We doen dit met een tool op de PC: WebSiteX(Versie 9 is volledig gratis, maar beperkter dan versie
Nadere informatieHAND- OUT. https://www.uwdomein.com/qzadmin. password: statistieken https://qwikstats.suares.com/www.uwdomein.com. support http://help.suares.
HAND- OUT website: inloggen: login name: password: http://www.uwdomein.com https://www.uwdomein.com/qzadmin statistieken https://qwikstats.suares.com/www.uwdomein.com support http://help.suares.nl/ Kuki+Ko
Nadere informatieWe passen eerst ons bestaand inhoudstype Fotospecial een beetje aan:
Les 12 Paragraph + Bootstrap Met deze module kan je de inhoud van een node beter rangschikken op het scherm. Denk hier aan Display Suite en/of Panels. Ook die modules laten u toe om inhoud anders te schikken
Nadere informatieZonnepanelen Hoe krijg je de data op je website?
Zonnepanelen Hoe krijg je de data op je website? Beste website-bezoeker, Omdat ik al heel wat vragen kreeg over het gedeelte zonne-energie op mijn website, heb ik besloten om de werkwijze die ik gevolgd
Nadere informatieTitel: flashvars.html
Data uitwisselen met Flash: the easiest way Kris Merckx www.ardeco.be Macromedia Flash-bestanden kunnen opgenomen worden in HTML. Een Flashfilm (*.swf) kan tekst, afbeeldingen, film, geluid en vectorbeelden
Nadere informatieEen ASP.NET applicatie opzetten. Beginsituatie:
Hoofdstuk 1 Een ASP.NET applicatie opzetten Beginsituatie: Windows XP Pro, Windows Vista Pro of Windows 7 Pro Visual Studio.NET moet zijn geïnstalleerd. Let hierbij op dat de Express versie niet voldoet.
Nadere informatieInhalen les 7 (versie B)
Inhalen les 7 (versie B) Stap 1: Open de startmap van les 6 De map heet Startmap Les 6. Als je de map hebt geöpend zie je verschillende bestanden en een map Website. Wij gebruiken nu alleen de map Website.
Nadere informatieEen verticale vormgeving is makkelijker en sneller te realiseren dan een horizontale.
Een HTML-sjabloon Denk goed na hoe je webpagina er moet uitzien. Wil je een webpagina met een horizontale vormgeving (zoals bij een schermpresentatie)? Wil je een webpagina met een verticale vormgeving
Nadere informatieMultimedia op een website
Multimedia op een website De webpagina's bestonden tot nu toe alleen maar uit tekst. Dat ziet er natuurlijk een beetje saai uit. Tijdens dit practicum gaan we kijken hoe plaatjes, geluidsfragmenten, FLASHmovies,
Nadere informatieDreamweaver. Een handleiding Linda Pieke
Dreamweaver Een handleiding Linda Pieke Inhoud Mappen structuur Het aanmaken van een website Rondleiding Dreamweaver Pagina Eigenschappen (opmaken van de pagina) Titel van de pagina & pagina opslaan Titel
Nadere informatieJe kan vanuit de RV SiteBuilder steeds terugkeren naar het controlepaneel, via de knop rechts bovenaan.
RV SiteBuilder openen Log in op je controlepaneel met de gegevens die je van ons hebt ontvangen. Eens ingelogd, klik je helemaal onderaan, in de sectie Software/Services, op het RV SiteBuilder icoontje.
Nadere informatieGebruikersgids. 2010,Sitewriter All Rights Reserved. Gebruikersgids
2010,Sitewriter All Rights Reserved. 0 Contents 2 Pagina toevoegen 5 Pagina bewerken 7 Media-inhoud 7 9 10 11 12 Invoegen afbeelding Invoegen muziek fragment Invoegen van een video Invoegen van Flash invoegen
Nadere informatieWordpress is een Content Management Systeem (CMS) dat oorspronkelijk is opgezet als weblog.
Hand-out WORDPRESS Wordpress is een Content Management Systeem (CMS) dat oorspronkelijk is opgezet als weblog. Inmiddels is het uitgegroeid tot een volwaardig CMS waarmee complete websites worden gebouwd,
Nadere informatieHandleiding Joomla 3.x
Handleiding Joomla 3.x Hoe voeg ik een plaatje toe aan mijn artikel? Geschreven: Sandra van der Heijden (2015) AdviesMies Introductie Wanneer je dit document voor je hebt, betekent dit dat je een Joomla
Nadere informatieGreet Verhelst 2011-2012. In het volgende scherm log je in met je gebruikersnaam of e-mailadres en paswoord.
Greet Verhelst 2011-2012 1 Registreren Surf naar http://www.wikispaces.com Indien je reeds een wiki-member bent klik je op Sign In. In het volgende scherm log je in met je gebruikersnaam of e-mailadres
Nadere informatieTutorial HTML CSS met Adobe Dreamweaver CSx
Tutorial HTML CSS met Adobe Dreamweaver CSx Johan Smits, Saxion, Minor Internetmarketing, WCM1, week 4 Introductie Bij het werken met content op een website is het van groot belang om tekst en vormgeving
Nadere informatieY.S. Lubbers en W. Witvoet
WEBDESIGN Eigen Site Evaluatie door: Y.S. Lubbers en W. Witvoet 1 Summary Summary Prefix 1. Content en structuur gescheiden houden 2. Grammaticaal correcte en beschrijvende markup 3. Kopregels 4. Client-
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 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 informatieWat is er veranderd in Prezi?
Wat is er veranderd in Prezi? Update voor Prezi voor kids januari 2014 Door: Hedwyg van Groenendaal Prezi zit niet stil en is constant bezig om de tool te verbeteren. Omdat het boek op sommige punten niet
Nadere informatieHandleiding Tridion voor authors en editors
Handleiding Tridion voor authors en editors Wijzigen van items van vóór de herimplementatie (mei 2009) Telefoon helpdesk: 7500 E-mail: helpdesktridion@gmail.com. Juli 2009 Een bestaand item wijzigen Het
Nadere informatieDreamweaver MX tutorial. Basics
Dreamweaver MX tutorial Basics In deze tutorial vind je een beschrijving van alle functies in je Object-palet. Klik op een tool om te kijken wat het inhoudt en hoe je hem toe kunt passen. Insert Image
Nadere informatieTemplate maken voor Webshops van FreeWebShop
Template maken voor Webshops van FreeWebShop Versie 1 Peter Jan van Tuil Maart 2011 info@van-tuil.info De uitdaging. Een kennis die een site wil hebben, een webshop. Het grafisch ontwerp is er al. Voor
Nadere informatieMarkup: CSS en HTML5. Hoorcollege Webdesign 5 16 mei 2014 Christof van Nimwegen
Markup: CSS en HTML5 Hoorcollege Webdesign 5 16 mei 2014 Christof van Nimwegen 1 CSS: Waarom ook alweer. HTML was bedoeld voor documentstructuur (text met verschillende levels in headings en body text)
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 informatieHTML krijgt een standaard opmaak van de browser
1 HTML krijgt een standaard opmaak van de browser Een link in HTML In HTML maakt u een link met de HTML-markering (HTML-tag) . Een a-tag (anchor, anker) heeft een attribuutwaarde nodig om de link te
Nadere informatieInteractief blok 2 code opdracht 6 - wireframe
Interactief blok 2 code opdracht 6 - wireframe 1. Klaarzetten bestanden Dit is een best practice voorbeeld. Maak een map aan voor je site. Hier komen alle bestanden in te staan (HTML, CSS en al je afbeeldingen).
Nadere informatieEen weblog in 10 minuten!
Een weblog in 10 minuten! http://weblog.tudelft.nl versie: 1.3.1/ 2009 door: ing. L. Cozijn & drs. Klaassen aangepast door: G. Hoetmer Inhoudsopgave WAT IS EEN WEBLOG... 3 DE TU DELFT EN WEBLOGS... 4 DE
Nadere informatieWeb building basis: HTML. Karel Nijs 2008/09
Web building basis: HTML Karel Nijs 2008/09 Webbuilding basis vorige les HTML intro Browsers HTML elementen HTML basis tags HTML attributen HTML kleuren HTML formattering Extra: HTML entities Webbuilding
Nadere informatieVoor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com
Welkom bij mijn website tutorial (Deel 5) 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 informatieOm te beginnen heb je een geraamte van je website nodig. Maak een nieuwe map met de naam gevorderden_website aan om je website in te zetten.
1 2 Als je de Beginner en Midden HTML & CSS Sushi Kaarten hebt afgerond, dan weet je al veel over het programmeren met deze twee talen. Deze kaarten leren je hoe je al die onderdelen samenvoegt om een
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 informatieAgenda HTML. Wat is HTML? Hoe ziet een HTML-file eruit? Waarom HTML leren? Waarin maak je een HTML-bestand?
HTML HyperText Markup Language Aniel Bhulai E-mail: abhulai@cs.vu.nl Agenda HTML algemeen Aantal tags HTML met stijl (CSS, DHTML) Demo Vragen vrije Univers iteit amsterdam 1 2 Opmaaktaal Letter Kleur Plaatjes
Nadere informatieFormulieren maken met Dreamweaver CS 4
Formulieren maken met Dreamweaver CS 4 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 zoveel
Nadere informatie1 FileZilla... 2 1.1 Downloaden FileZilla... 2 1.2 Start het programma... 2 1.2.1 Site toevoegen... 3 1.2.2 Bestanden uploaden...
1 1 FileZilla... 2 1.1 Downloaden FileZilla... 2 1.2 Start het programma... 2 1.2.1 Site toevoegen... 3 1.2.2 Bestanden uploaden... 5 2 Onderhoud website De Onthaasting... 7 2.1 Editor... 7 2.2 Netbeans-project
Nadere informatie1click updatemodule. Hoe bereiken? U kunt uw CMS eenvoudig bereiken door vlak achter uw domeinnaam /cms te plaatsen. Bv. www.uwsite.be/cms.
1click updatemodule Introductie 1Click Light is wat men in de termen van het vak noemt een CMS of Content Management System. Wanneer we dit letterlijk vertalen betekent dit Inhoud Beheer Systeem. Kort
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 informatiebeginnen met bloggen (kleine workshop Wordpress)
beginnen met bloggen (kleine workshop Wordpress) Een weblog is van oorsprongeen lijstje linktips met een stukje tekst. Oorspongvan het weblog Jorn Barger is an American blogger, best known as editor of
Nadere informatieHandleiding CMS EWall
Handleiding CMS EWall Inhoud: 1. Inleiding 2 2. Hoe log ik in op mijn EWall account? 3 3. Werken in groepen 4 4. Hoe plaats ik tekst achter een tegel? 5 5. Hoe plaats ik een foto achter een tegel? 6 6.
Nadere informatieBitrix Site Manager gebruikershandleiding BureauZuid
Bitrix Site Manager gebruikershandleiding BureauZuid Introductie Deze gebruikershandleiding geeft gedetailleerde basisinformatie over hoe te werken met Bitrix Site Manager. Deze handleiding is bedoeld
Nadere informatieHandleiding Macromedia Contribute
Handleiding Macromedia Contribute Marcel Lemmen en Frank Coenders maart 2008 Handleiding Macromedia Contribute 1 Contribute in vogelvlucht Contribute werkt simpel en intuïtief. Het bewerken van een website
Nadere informatieAnimated button met Fireworks en Dreamweaver
Animated button met Fireworks en Dreamweaver In deze tutorial maak je een animated button in Fireworks en Dreamweaver. Het is de bedoeling dat een animatie afspeelt als de muisaanwijzer op de button staat
Nadere informatieBesluit Kwaliteit Rijksoverheidswebsites
Besluit Kwaliteit Rijksoverheidswebsites De Minister van Binnenlandse Zaken en Koninkrijksrelaties, Overwegende dat de Tweede Kamer bij motie van de leden Aasted-Madsen en Fierens d.d. 26 april 2006 (Kamerstukken
Nadere informatieInhoudsopgave pag. 2
www.hofdesign.nl 1 Inhoudsopgave pag. 2 Sblog: Beheerdersmenu pag. 3 Sblog: Berichten plaatsen pag. 4 Sblog: Berichten plaatsen (vervolg) pag. 5 Sblog: Afbeeldingen pag. 6 Sblog: Afbeeldingen (vervolg)
Nadere informatieFormulierbeheer Importeren bestaand (model)formulier... 2 Wat is exporteren/importeren eigenlijk?... 3 Formulier aanpassen/opbouwen...
Formulierbeheer Importeren bestaand (model)formulier... 2 Wat is exporteren/importeren eigenlijk?... 3 Formulier aanpassen/opbouwen... 4 Bewerken formulier in formulierbeheer... 4 Bewerken formulier -
Nadere informatieKies File>New>Blank Page>PHP. Je kunt eventueel nog een stylesheet koppelen. Definieer nu eerst een site! Dat betekent: Site>New Site
Kies File>New>Blank Page>PHP Je kunt eventueel nog een stylesheet koppelen. Definieer nu eerst een site! Dat betekent: Site>New Site Geef de site een passende naam. Kies ook de juiste map voor de webdocumenten.
Nadere informatieWat is er veranderd in Prezi?
Wat is er veranderd in Prezi? Update voor Prezi voor kids januari 2014 Door: Hedwyg van Groenendaal Prezi staat niet stil en is steeds bezig om de tool Prezi te verbeteren. De belangrijkste veranderingen
Nadere informatieCMS Instructiegids Copyright Endless webdesign v.o.f
CMS Instructiegids Copyright Endless webdesign v.o.f. 2017 1 Inhouds opgave 1. Hoe log ik in? Inloggen in het CMS systeem is heel simpel! Hoe log ik in? Een pagina toevoegen. Een pagina vullen/aanpassen.
Nadere informatie- Plan Zo kun je een. website bouwen!
- Plan Zo kun je een website bouwen! BoekjeHoeKanJeEenWebsiteBouwen.i1 1 8-7-2008 17:23:14 BoekjeHoeKanJeEenWebsiteBouwen.i2 2 8-7-2008 17:23:15 In dit boekje staat de uitgebreide versie van hoe je een
Nadere informatieI Inleiding... 3 Hoofdstuk 1 Maken vaneen eenvoudige webpagina... 4 Hoofdstuk 2 maken van een site... 8 Hoofdstuk 3 maken van verbindingen tussen
2006-2007 I Inleiding... 3 Hoofdstuk 1 Maken vaneen eenvoudige webpagina... 4 Hoofdstuk 2 maken van een site... 8 Hoofdstuk 3 maken van verbindingen tussen pagina s... 10 Hoofdstuk 4 Tabellen en layers...
Nadere informatieBASISCURSUS Macromedia Flash MX. voor de ontwerper
BASISCURSUS Macromedia Flash MX voor de ontwerper Macromedia, Flash, Dreamweaver, Fireworks en Freehand zijn handelsmerken of gedeponeerde handelsmerken van Macromedia Inc. in de Verenigde Staten en andere
Nadere informatieInhoud. Pagina 2 van 13
Code Conventie Inhoud PHP algemeen... 3 Namen van variabelen... 3 Enkele of dubbele aanhalingstekens... 3 Globale variabelen... 3 Namen van functies... 3 Argumenten van functies... 3 Formattering... 4
Nadere informatieFoutoplossing FotoSpecial Blok
Les 9 Foutoplossing FotoSpecial Blok In een vorige les maakten we een blok op de front die de verschillende fotocategoriën weergeeft. Dat doet een beetje raar bij het hoveren. In onderstaande bijlage kan
Nadere informatieD e te ks t b ewe r ke r 7
I n h o u d s o p g ave I n t ro d u c t i e 2 I n l o g g e n 3 D a s h b o a rd 4 Pa g i n a a a n m a ke n / b ewe r ke n 5 B e r i c h t to evo e g e n / b ewe r ke n 6 C a te g o r i e ë n 6 A f b
Nadere informatiePosts. 2) Hoe plaats ik een post? 2.1) Het postformulier Als je ingelogd bent, kan je bovenaan de site op het icoon " nieuwe post maken" klikken.
Posts 2) Hoe plaats ik een post? 2.1) Het postformulier Als je ingelogd bent, kan je bovenaan de site op het icoon " nieuwe post maken" klikken. Per dag kan je 5 posts na elkaar plaatsen, daarna geldt
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 informatieHandleiding Wordpress
Handleiding Wordpress V 1.0 Door Inhoud Inloggen op de website... 3 Het Dashboard... 4 Berichten... 5 Berichten aanmaken... 5 Berichten bewerken... 6 Pagina's... 7 Pagina's aanmaken... 7 Pagina's bewerken...
Nadere informatieNBTC html wijzigingen juni
NBTC html wijzigingen juni Verstuurd naar GX: 23 juni 2014 1. Recently viewed Zie Change / Incident 1: Prijzen recently viewed zijn niet correct. Aan de recently viewed items wordt een extra label (met
Nadere informatieProcesbeschrijving. [team 1] [Sodfa Shafik] [Daniël Jansen] [ ] [ ] [
Procesbeschrijving [team 1] [Sodfa Shafik] [Daniël Jansen] [4293053] [5491185] [http://www.students.science.uu.nl/~5491185/opdracht1/site/index.html] Procesbeschrijving Beschrijf bij alle genummerde items
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 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 informatie