Webpagina's maken met (X)HTML en CSS Lang leve het Kladblok!!! Verboden voor editors.

Slides:



Advertisements
Verwante presentaties
Bouw zelf een digitaal visitekaartje
Advertisements

Over de cursus Eenvoudige websites bouwen in Rijswijk
ICT Lessen Via onderstaande Modules worden de leerlingen
Les 2 Vandaag •Vragen over voorgaande stof •Plaatjes •Tabellen •Links •Huiswerk.
Webrichtlijnen met TYPO3.
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.
Algemene Basis Computergebruik Informatiebijeenkomst.
Doelpubliek • Bedrijven • Verenigingen • Iedereen die reclame voor zijn bedrijf of product wenst te maken Fictieve tekst op de indexpagina.
(c) Marc de Graauw Presentatie XML Marc de Graauw 2 maart 2000.
Introductie cursussen Seniorweb Rijswijk
Hoofdstuk 2 Communicatie
Cursus Websites bouwen
WELKOM! Les 1 Vandaag 1.Voorstellen 2.Inhoud en doel cursus 3.Inleiding website 4.Benodigde software 5.Inleiding HTML 6.Huiswerk 7.Afwas ☺
HTMLHTML UITLEG & CURSUS. Inleiding HTML: Hyper Text Mark-up Language.
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Webdesign.
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.
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.
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
WEBSITES ONTWIKKELINGEN Trends en standaarden op het gebied van webdesign HTML, DHTML, XHTML, FLASH, CSS Henk Zegwaard december 2003.
Hoe werkt een powerpoint?
Webmaster Training: CSS CSS2 & XHTML By Frederik Van Outryve.
Nieuw in LIPS VLUG 2 26 juni 2006 Kristof Brams. Overzicht Vernieuwde editor Printervriendelijke pagina Statistieken Variabele fontgrootte Grootte van.
Word: bestandsformaten en sjabloon
Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Mijn.
Mijn eerste Website bouwen
Cursus Websites bouwen Bibliotheek Rijswijk Seniorweb Rijswijk docenten: Peter Blansjaar Peter Smits.
Hoofdstuk 16 en 19 PHP en MYSQL
1 paragraaf 9 Bestanden met digitale informatie Informatica Blok 1 Hoofdstuk 1 Digitale informatie in bestanden.
WEBBUILDING 07/03/2005 Saartje De Geyter.
Client-side scripting. 1.Scripting in webpagina’s 1. Verschillende talen VB: toepassingen in Windowsomgeving VBA: toepassingen in MS-Office VBScript internet.
PHP & MYSQL LES 01 PHP BASICS. PHP & MYSQL 01 PHP BASICS 02 PHP & FORMULIEREN 03 PHP & DATABASES 04 CMS: BEST PRACTICE.
Web 1.0 HTMLAfbeeldingen FlashHyperlinks CSS Participation AJAX Usability Design Ruby on Rails.
Rabobank Zoetermeer Sponsor v/h SeniorWeb Welkom les 3 Overzicht vorige les  Terugblik op wat we geleerd hebben  Uitwisselen van ervaringen  Behandelen.
HTML De basis-elementen.
Advanced Business Information Solutions Software voor webdesign.
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
De basis-elementen Deel 2
Prospero cursus Just getting started!
HTML. Wat is HTML Je kunt er sites mee bouwen Hypertext Markup Language Afspraken voor opmaak: tags.
1 Les 08: Formulieren. 2 Agenda van vandaag Front-end development  Toets Hoofdstuk 8  Bespreken huiswerk  Presentatie over lesstof  formulieren 
Eindbeoordeling websites Seminarie Webdesign. Technische puntenverdeling Niet online en losse bestanden
Verbeterpunt 1 Tekst heeft slecht contrast met de achtergrond. Tekst omlijnen, maar liefst een logo maken.
CSS Cascading Style Sheets. CSS code HTML – Welke elementen op een pagina – Stuk code zegt iets over één element CSS – Hoe zien de elementen er precies.
Hyperlinks met CSS opmaken Koen Van Cauwenberge. In de CSS-code Hier is een voorbeeld van een CSS-codering voor een hyperlink: a:link { color: #8B0000;
HTML & CSS Samen gebruiken. Verschil HTML – Structuur CSS – Styling Twee verschillende dingen – Loskoppelen!
Rabobank Zoetermeer Sponsor v/h SeniorWeb Websites maken in Word les 3.
Hoe maak ik een PowerPoint presentatie?
HTML Hypertext Markup Language. HTML code Elementen van een webpagina Eigenschappen van elementen Structuur van elementen.
Sjabloonsite Koen Van Cauwenberge.
<naam van werkgroep>
Direct Realisatie Les 3 HTML en CSS in s Direct Realisatie Les 3.
Programmeren is Makkelijk
Inhoud: Terugkomdag Wie heeft wat gemaakt? Tips?
Aan de slag met Moodle Les 1. Kennismaking Schermonderdelen en navigatie Voorkeuren aanpassen: profiel, wachtwoord Cursusbeheer: cursusinstellingen en.
TEKSTSOORTEN.
Infographics Wat is de functie van infographics en hoe haal ik belangrijke informatie uit ze? NU Nederlands 2F.
Hoe maak je een pagina voor een website?
OGH APEX dag 2012 Toeters en bellen met APEX
Goochelen met Google Chrome
CSS: cascading stylesheets
Welkom :-).
CSS: cascading stylesheets
Introductie cursussen Seniorweb Rijswijk
HTML5 introductie.
Transcript van de presentatie:

Webpagina's maken met (X)HTML en CSS Lang leve het Kladblok!!! Verboden voor editors

HTML - XHTML Basis van HTML Publiceren van webpagina via de HRO CSS: cascading stylesheets Uitbreiding met (gekopieerd) Javascript Kennismaken met o.a. Dynamic HTML Overstap naar XHTML

Materiaal voorbeeldmateriaal lesschema en de planning.lesschema en de planning eisen aan het eindprodukt

Basis HTML vet, schuin, etc. kleur: tekst en achtergrond illustraties, tabellen, frames, iframes formulieren, linken

HTML: basis-pagina Open Kladblok en type: Tekst bla blabla html-tag in kleine letters (i.v.m. XHTML)

In de browser Start Internet Explorer (IE) Bestand / Open / Blader (naar bestand) / Open / OK Beeld / Bron Let op: verversen (F5) na wijzigingen

Tags met attributen Vervang door RGB # 23 A7 3F Kleuren

Plaatje Gif en jpg meest gebruikt, altijd goed. Plaatje in zelfde dir als de pagina of pad vermelden

Hyperlink Cursus Bijzondere link: anker VoorbeeldVoorbeeld

Verder deze week … Opdracht 1 Waarin ook En speciale tekens als € €speciale tekens En bijvoorbeeld: >