|
| webpagina's 3 | |
| Week 1: Het werken met een Embedded Stylesheet. |
embed-oef |
| Linked en Inline Stylesheets | embed-oef2 |
| Koppelingen verfraaien met stylesheets | linked-oef |
| Huiswerkopdracht: Op internet 2 sites opgezocht waarop de verschillende commando's van CSS staan opgesomd. De eerste site is echt geweldig: je kunt in de tutorials zelf alles veranderen en je ziet dan gelijk wat er gebeurd. Ook een link naar de site waar in een embedded style geregeld wordt dat de afbeeldingen op deze pagina op een vaste plek blijven staan (fixed) Op de tweede site is veel te vinden, maar op dit moment vind ik deze nog erg ingewikkeld. Via de derde link het wondertje van vandaag: 2 achtergrondplaatjes op de pagina op een vaste plek kunnen zetten! |
W3schools sitepoint.com css-trick-two-background-images |
| Week 2: | |
| CSS, het gebruik van CLASS en SPAN | linked-oefwk2 |
| Leuke effecten met Stylesheets: 3D effect en lborders om afbeeldingen | effecten |
| Image-maps: image mapping en coderen van hotspots |
image-map |
| Opdrachten: pagina met tekst (verschillend gekleurde achtergronden dmv classes), afbeelding met vier verschillende randen, image-map met hotspots (cirkel, rechthoekig en poly) |
image-vogelmap |
| Week 3: | |
| Een pagina verdelen in twee verticale frames | frames-oef1 |
| Uitgebreidere indeling met 2 rijen in het rechterdeel | frames-oef2 |
| Indeling met 1 toprij, daaronder 2 verticale rijen | frames-oef3 |
| Koppelingen naar frames, inclusief iframe | vervolgframes |
| Opdracht: een pagina met 3 frames een iframe in een van die pagina's koppeling in een frame die in een ander frame andere inhoud toont |
opdrachtframe |
| Week 4: |
|
| Box: margin, border en padding | oefening 4.1 |
| Werken met lagen | lagen oefening |
| Opdracht: creatief met lagen | opdracht 4.1 |
| Opdracht: afbeelding met schaduwen | schaduwen |
| Opdracht: formulier | formulier |
| Week 5 | |
| de favicon | |
| dropdownmenu (werkend in IE en FF) | menu |
| diashow met behulp van javascript | diashow |
| de afronding: een pagina met informatie over toegankelijkheid van sites voor blinden/slechtzienden; op deze pagina is gebruik gemaakt van een embedded stylesheet, een inline frame en een image-map | eindopdracht |
| Petra en Margriet: Het ei is gelegd. De cursus is afgerond en ik dank jullie voor de inspirerende commentaren en goede adviezen. Ik hoop jullie in een volgende cursus weer te ontmoeten! Rita |
|