Web Design

50 %
50 %
Information about Web Design
Education

Published on January 6, 2009

Author: ThomasDral

Source: slideshare.net

Description

Presentatie gemaakt door mij voor studenten van de POP academie van het R.O.C. Zadkine te Rotterdam. Presentatie heb ik nu hier staan als backup en makkelijker te bekijken voor iedereen.

Web-design Het maken van een website

Even Voorstellen Thomas Dral 22 HBO Informatica 1e jaar Hobby: Digitale Fotografie 3 jaar Eigen onderneming

Thomas Dral

22

HBO Informatica 1e jaar

Hobby: Digitale Fotografie

3 jaar Eigen onderneming

Agenda Doel van een web-site Voordat we beginnen Opdracht Pagina’s Basis van programmeren Handige links Vragen

Doel van een web-site

Voordat we beginnen

Opdracht

Pagina’s

Basis van programmeren

Handige links

Vragen

Doel Wat is het doel van een goede web-site? Een web-site die zijn doel bereikt!

Wat is het doel van een goede web-site?

Een web-site die zijn doel bereikt!

Voordat we beginnen Wat is het doel van de site? Wat is de doelgroep van de site?

Wat is het doel van de site?

Wat is de doelgroep van de site?

Opdracht Bedenk wat er op de web-site moet komen. Denk aan: Nieuws Optredens Foto’s

Bedenk wat er op de web-site moet komen.

Denk aan:

Nieuws

Optredens

Foto’s

Pagina’s Web-site is opgebouwd Losse pagina’s Pagina’s kun je aan elkaar linken

Web-site is opgebouwd

Losse pagina’s

Pagina’s kun je aan elkaar linken

Basis (1) <HTML> <HEAD> <TITLE>POP Academie</TITLE> </HEAD> <BODY> Dit is de website van mijn onderneming </BODY> </HTML> Voorbeeld1.html

<HTML>

<HEAD>

<TITLE>POP Academie</TITLE>

</HEAD>

<BODY>

Dit is de website van mijn onderneming

</BODY>

</HTML>

Resultaat (1)

Basis (2) <BODY> <h1>Welkom</h1> <p> Dit is de website van mijn onderneming </p> <p>Hier komt de 2e regel tekst met een lege regel er tussen</p> </BODY> Voorbeeld2.html

<BODY>

<h1>Welkom</h1>

<p> Dit is de website van mijn onderneming </p>

<p>Hier komt de 2e regel tekst met een lege regel er tussen</p>

</BODY>

Resutlaat (2)

Basis (3) <html><head><title>titel</title></head> <BODY> <p>Regel 1<br> Regel2</p> </BODY> </html> Voorbeeld2.html

<html><head><title>titel</title></head>

<BODY>

<p>Regel 1<br> Regel2</p>

</BODY>

</html>

Resultaat (3)

Basis (4) <html><head><title>titel</title></head> <BODY> <h1 align=&quot;center&quot;>Welkom</h1> </BODY> </html> Voorbeeld3.html

<html><head><title>titel</title></head>

<BODY>

<h1 align=&quot;center&quot;>Welkom</h1>

</BODY>

</html>

Resultaat (4)

Basis (5) <html><head><title>titel</title></head> <BODY> <p><a href=”pagina&quot;>Klik hier</a> om naar de 2e pagina te gaan</p> </BODY> </html> Voorbeeld4.html

<html><head><title>titel</title></head>

<BODY>

<p><a href=”pagina&quot;>Klik hier</a> om naar de 2e pagina te gaan</p>

</BODY>

</html>

Resutlaat (5)

Basis (6) <html><head><title>titel</title></head> <BODY> <img src=”Map/Imagenaam.ext&quot; width=&quot;249&quot; height=&quot;197&quot; alt=&quot;LogoDDD&quot;> </BODY> </html> Voorbeeld5.html

<html><head><title>titel</title></head>

<BODY>

<img src=”Map/Imagenaam.ext&quot; width=&quot;249&quot; height=&quot;197&quot; alt=&quot;LogoDDD&quot;>

</BODY>

</html>

Resultaat (6)

Basis (7) <html><head><title>titel</title></head> <body bgcolor=&quot;#FFFFCC&quot;> <h1>Welkom</h1> </body> </html>

<html><head><title>titel</title></head>

<body bgcolor=&quot;#FFFFCC&quot;>

<h1>Welkom</h1>

</body>

</html>

Resutlaat (7)

Basis (8) <html><head><title>titel</title></head> <body text=&quot;#000066”> <h1>Welkom</h1> </body> </html>

<html><head><title>titel</title></head>

<body text=&quot;#000066”>

<h1>Welkom</h1>

</body>

</html>

Resultaat (8)

Basis (9) <table width=&quot;640&quot; border=&quot;1&quot;> <tr> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> </tr> </table>

<table width=&quot;640&quot; border=&quot;1&quot;>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

</table>

Resultaat (9)

Handige links http://www.websitemaken.be http://www.mijnhomepage.nl/htmlcursus/lessenoverzicht.php http://www.mootools.net

http://www.websitemaken.be

http://www.mijnhomepage.nl/htmlcursus/lessenoverzicht.php

http://www.mootools.net

Presentatie Deze presentatie kun je vinden op: http://www.wizzard.nl/ddd/weblog De voorbeelden kun je hier ook vinden

Deze presentatie kun je vinden op:

http://www.wizzard.nl/ddd/weblog

De voorbeelden kun je hier ook vinden

Bedankt voor jullie aandacht Zijn er nog vragen?

Zijn er nog vragen?

Add a comment

Related presentations

Related pages

Webdesign – Wikipedia

In dieser Zeit hatten Design und gute Ästhetik den Vortritt, ... Entsprechend stehen im Web neben absoluten auch relative Maßeinheiten zur Verfügung.
Read more

Web Design - Website Design Tutorials, Articles and Free Stuff

WebDesign.org offers free web design tutorials, articles, news, interviews, web design showcases, software reviews, website templates and free design stuff.
Read more

Webdesign | Webdesigner | Web Design ab 19€/h & SEO-Profi ...

34 Webdesigner für Webdesign. Webprogrammierer für HIGH END Quality Webseite ab 250€ incl. gratis Basis SEO√ 10 Jahre Praxis√ mehr als 2500 Projekte!
Read more

Google Web Designer

Google Web Designer is a free, professional-grade HTML5 authoring tool. Build interactive, animated HTML5 creative, no coding necessary.
Read more

web&design - Ihre Web- und Designagentur in Leverkusen ...

web&design - Ihre Web- und Designagentur in Leverkusen, Köln, Düsseldorf und Umgebung. Ich helfe Ihnen gerne Ihre Webseite zu realisieren.
Read more

MAGIX Web Designer – Der perfekte Webseiten-Designer

MAGIX Web Designer. Ideal für die erste eigene Homepage: Mehr als 35 komplett vorgebaute Homepage-Vorlagen; Über 500 Vorlagen & Design-Elemente; Freie ...
Read more

Webdesigner – Wikipedia

Die Aufgabe des Webdesigners ist die Erstellung und Pflege von Websites im World Wide Web. Der Webdesigner ist dabei in erster Linie für Gestaltung ...
Read more

Web design - Wikipedia, the free encyclopedia

Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web ...
Read more

designed4you - Webdesign, Web Design, Programmierung, CMS ...

Webdesign - Web Design Agentur - Konzeption, Webdesign, CMS, Ecommerce, PHP Programmierung, Printdesign, Pflege Internetseiten, Online Shop
Read more

FreeMail | Kostenlose E-Mail-Adresse von WEB.DE

Ihre kostenlose E-Mail-Adresse von WEB.DE: Speicherung in Deutschland E-Mails verschlüsseln Großes Postfach Ihre E-Mail-Adresse @web.de
Read more