29/03/2013. jQuery is  een JavaScript-bibliotheek die je kan integreren in je HTML-pagina.  Om animaties te maken, die SEO-vriendelijk(er) zijn  Door.

Slides:



Advertisements
Verwante presentaties
Een afdelingswebsite bouwen met Google Sites
Advertisements

Handboek verzenden van Nieuwsbrief Caribbean.nl 12 september 2012 •Ga naar CMS •Kies Nieuwsbrief Caribbean.nl.
Korte handleiding: een ppt met sneeuweffect…
Les 4 cursus WordPress. Wat gaan we doen (1) 1. Importeren via Word problemen 2. Alle pagina’s en berichten verwijderen, incl prullenbak leegmaken 3.
Online Marketing voor het MBO “SEO, dat kun je zelf!”
Logotypes Woord- en beeldmerken.
MAKEN VAN EEN WEBSITE Door het Ict-team : Claes -Van Damme- –Van Nyverseel Januari 04 (GEMSTAM)
Online Marketing voor het MBO “SEO, dat kun je zelf!”
15/10/2013. De meest voorkomende soorten navigatie zijn:  Tekstlinks  Afbeeldingen  Roll-over images  Flashnavigatie  jQuery-navigatie.
Doelpubliek • Bedrijven • Verenigingen • Iedereen die reclame voor zijn bedrijf of product wenst te maken Fictieve tekst op de indexpagina.
2 en 3, ze moeten in elkaar passen
E XPRESSION WEB maandag 3 december &
HTML Les 1: Introductie HTML
CSS & HTML Les 2 Navigatie. De tag voor het maken van verwijzingen naar pagina’s of delen van een webpagina. Contact Het element wordt gebruikt om de.
Kopieër pop 2 in dia 3 en plak hem precies over pop 2 in dia 4 !!
WordPress les 3.
Crashcursus HTML en CSS 2013
HTML elements en CSS Commando's Lenonardo Lyceum centrum voor deeltijds onderwijs Hoboken Schooljaar
Webpagina ’ s maken ITV 10 maart Onderwerpen Ontwerp en inhoud Navigatie HTML: de basis Webpagina’s in Word.
WEBSITES ONTWIKKELINGEN Trends en standaarden op het gebied van webdesign HTML, DHTML, XHTML, FLASH, CSS Henk Zegwaard december 2003.
ICT-voorstelling: onderhoud van een website Donderdag 23 oktober 2008.
Formulieren Overzicht – JS formulieren aanmaken VLUG2 26 juni 2006.
Web 2.0 Social Software Toolkit 1/21 Introductie tot Social Software Patrick Klaassen RU
Wat heb ik geleerd?  HTML/CSS/PHP Wat heb ik geleerd?  HTML/CSS/PHP  Tekenen.
Francis Devriendt, Stad Kortrijk Stefaan Ponnet, bvba Fusebox I-Points: digitale toeristische antennes in het straatbeeld van Kortrijk.
Gevaren Ledenvergadering 26/03/2012. Veilig internet ? Virussen Hoaxen Malware Phishing Root kits Daar hoorden we reeds over.
Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Mijn.
Mijn eerste Website bouwen
Hoofdstuk 16 en 19 PHP en MYSQL
WEBBUILDING 07/03/2005 Saartje De Geyter.
Deel XXI 1 Internetapplicaties Internetprogrammeren Capita Selecta.
<HTML> <HEAD> <TITLE>Eerste script </TITLE>
Client-side scripting. 1.Scripting in webpagina’s 1. Verschillende talen VB: toepassingen in Windowsomgeving VBA: toepassingen in MS-Office VBScript internet.
G!DS Basismodule Trainingsdag 2 Naam, functie Datum, plaats.
Les 3 Vandaag 1.Bekijken thuisopdrachten 2.Vragen over voorgaande stof 3.Links 4.FTP 5.Huiswerk.
01/10/2013. Veel voorkomende soorten:  Big header: een grote, opvallende header, die +/- 1/3 van pagina inneemt  Minimale header: een sobere header,
Starten met PHP Dynamischer bouwen. PHP is een een scripttaal waarmee de server pagina’s in elkaar kunt laten zetten. Het verschil met HTML: Een php pagina.
PHP & MYSQL LES 01 PHP BASICS. PHP & MYSQL 01 PHP BASICS 02 PHP & FORMULIEREN 03 PHP & DATABASES 04 CMS: BEST PRACTICE.
Starten met PHP Dynamischer bouwen.
Presentatie resultaten monitor INFORMATIEVAARDIGHEDEN landelijk versus lokaal maart 2014.
Het maken van een spreekbeurt
Basis vaardigheden PowerPoint
Webapplicaties: de clientkant Herman Koppelman Sylvia Stuurman 13 november 2010.
Presentatie XML Door Marick Manrho. Presentatie Inhoud Wat is XML? De opbouw van XML Wat is XSL? De opbouw van XSL Toepassing RSS.
Advanced Business Information Solutions Software voor webdesign.
JQuery CarouFredsel Gemaakt door Yannick. Inhoudstafel O CarouFredsel O Wat is CarouFredsel ? O Downloaden O Script O HTML O CSS O Javascript O Voorbeelden.
Css basics. terminologie Block level element Inline element Css – eigenschap : display : Voorbeeld : display eigenschap en genummerde lijst.
Prototyping Week 7 // Tweenlite & API. TweenMax Snel mooie en effectieve animatie.
stappenplan klei-animaties maken mei 2006 P de Man - APS
Client side vs Server side Server side code Code wordt op de webserver uitgevoerd Bewerkt de html die naar de gebruiker gestuurd wordt voordat die verzonden.
Opdracht 4 Video invoegen Gebruik deze presentatie om de opdracht te maken en zet hier je naam:.
Webpagina's maken met (X)HTML en CSS Lang leve het Kladblok!!! Verboden voor editors.
DIV Architecture Seminarie Webdesign. CSS-bestand oproepen Voeg tussen en de volgende lijn code toe om een CSS-file te laten werken: Zorg ervoor dat je.
Trage Wegen Wachtebeke Op het web Op de GPS. Routes opzoeken …op het Web Trage Wegen Wachtebeke.
Hoe maak ik een PowerPoint presentatie?
OnderwijsPortal Case: ROC unit Sport en Bewegen. Inloggen op de portal Inloggen met persoonlijke gebruikersnaam en wachtwoord. Wachtwoord vergeten? Vraag.
wordPress  Het meest flexibele CMS CMS= Content Management System.
Workshop website bouwen Les 4. Wat heb je geleerd?
HTML Hypertext Markup Language. HTML code Elementen van een webpagina Eigenschappen van elementen Structuur van elementen.
Javascript.
Programmeren is Makkelijk
Inhoud: Terugkomdag Wie heeft wat gemaakt? Tips?
Leven Lang Leren Gids Digitale wegwijzer
Hoe maak je een pagina voor een website?
CSS: cascading stylesheets
ASP.NET MVC Views.
JavaScript animatie beweging 1 mei 2016.
Powershell & HTML.
CSS: cascading stylesheets
HTML5 introductie.
Transcript van de presentatie:

29/03/2013

jQuery is  een JavaScript-bibliotheek die je kan integreren in je HTML-pagina.  Om animaties te maken, die SEO-vriendelijk(er) zijn  Door gebruik te maken van “voorgedefinieerde scripts”

Wat heb je nodig?  Algemeen jQuery-script  Specifiek jQuery-script  Eventueel easing-script  CSS-bestand  HTML-code Zoek op internet een jQuery-animatie die je wenst te gebruiken Vb: Kopieer de bestanden in jouw root-folder

 Kopieer de link naar het algemeen jQuery-script in je head-tag:  Maak (eventueel) een link naar het easing-script:  Maak een link naar de opmaak (het CSS-bestand) vb:

 Maak een link naar het specifieke jQuery-script voor jouw animatie (vb: )  Dupliceer de HTML-code  Pas de HTML-code en CSS aan, naar jouw wensen Denk eraan dat de verwijzingen correct moeten zijn. In mijn voorbeeld staan de scripts in een folder “js” in mijn rootfolder…