Dreamweaver CC 2014

Deze cursus duurt 120 minuten. Daar horen 8 opdrachten bij.

1. De basis van DW (totaal 28 min. videos)

  1. Vensters van DW (01:47)
  2. Nieuwe site maken (01:55)
  3. Voorvertonen en split-screen (03:12)
  4. Meerdere sites (04:25)
  5. Wat makkelijk is aan DW (05:20)
  6. Sites beheren (03:23)
  7. Bestanden veranderen (04:04)
  8. Links maken (04:11)
Opdracht 1: Maak 2 nieuwe sites aan in DW en gebruik daarvoor de hoofdstukken (mappen) van de HTML-cursus. In de bibliotheek van DW zie je dus 2 hoofdstukken van HTML. Je mag zelf bepalen welke hoofdstukken van HTML je koppelt.

2. CSS in DW (totaal 27 min. videos)
  1. Nieuwe site, met css (02:52)
  2. CSS Designer (03:55)
  3. Wrapper met ronde hoeken (04:15)
  4. CSS Property Inspector (04:11)
  5. CSS verplaatsen naar extern bestand (03:15)
  6. Meerdere pagina's maken in no time (03:28)
  7. Iedere pagina een eigen kleur of achtergrond (04:36)
Opdracht 2: Maak een mini-website (4 pagina’s die naar elkaar linken). Jouw site heeft afgeronde hoeken en een extern CSS-bestand.

3. Plaatjes, Div’s, Margin’s en Padding’s (totaal 19 min. videos)
  1. Afbeelding invoegen (01:33)
  2. Div's bouwen in DW (05:47)
  3. Margin's & Paddings (04:03)
  4. Achtergrond-plaatje 100% + Bestandsgrootte in Photoshop (07:21)
Opdracht 3: Maak dit na in DW. Zet een foto op de achtergrond die 100% is en mee schaalt met de browser.

4. Rollovers, & Swap-image (totaal 20 min. videos)
  1. Rollover-afbeelding (03:05)
  2. Swap-image (09:44)
  3. Hot spots (07:22)
Opdracht 4a: Maak een Rollover afbeelding en een Swap Image
Opdracht 4b: Maak 4 screenshots van een site. Link die 4 screenshots aan elkaar met hotspots, alsof het een echt werkende site is.

5. Webfonts, Class, Span & Templates (totaal 23 min. videos)
  1. Google Webfont (08:31)
  2. Class (04:21)
  3. Links & Class (03:54)
  4. Span (02:24)
  5. Templates (05:04)
Opdracht 5a: Maak een pagina met daarin een Google webfont. In die pagina zitten ook linkjes die er verschillend uitzien dankzij ‘Class’. Ook verander je ergens iets met ‘Span’
Opdracht 5b: Verander een template (zelf template kiezen). Stop er plaatjes in, verander de tekst van kleur.

 

 footer | centreren | transparency