Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

College photoshop 3

No description
by

Rutger Valk

on 14 October 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of College photoshop 3

AGENDA
1. Agenda
2. Inleiding
3. Is het moeilijk?
4. Wat heb je nodig
5. Wat is HTML?
6. Wat is CSS
7. Voorbeeld
8. Het boek
HTML
CSS
INLEIDING
IS HET MOEILIJK?
WAT HEB JE
NODIG?

NEE
Goede browser: Chrome, firefox + firebug
Het boek
Programmeer omgeving:
- Coda (mac)
http://www.panic.com/
- Brackets
http://brackets.io/ (mac, win, linux)
- Notepad++ (win)
http://notepad-plus-plus.org/
- SublimeTtext 2
http://www.sublimetext.com/ (mac, win, linux)
Voor andere editors:
- Syntax highlighting
- Code completion
- Regelnummers
Tip: Gebruik een donkere achtergrond met lichte tekst!
WAT IS HTML?
Hypertext Markup Language
Html is structuur
What u see is what u get
OPBOUW HTMLPAGINA
<HTML>
<HEAD>
....
</HEAD>
<BODY>
....
</BODY>
</HTML>
HEAD:
Meta
Titel
Externe bestanden/links
Inline stylesheets
BODY:
De rest, de content van je site
HTML Tags & attributen
<p id="wrapper"> ... </p>
Haakje
Attribuut
Waarde
Tag
Slash
HTML vs. HTML5
HTML5 Opmaak
<header>
<nav>
<article>
<footer>
<video>
<audio>
WEBINSPECTOR
& FIREBUG
WAT IS CSS?
Cascading Style Sheets

WERKING CSS
P {
color: #333;
}
SELECTOR
DECLARATIE
EIGENSCHAP WAARDE
VOORBEELD
Chrome: Developer tools
Firefox: Firebug
HET BOEK
Full transcript