Essentials. Les 02: De computer

Transcriptie

1 Web Designer

2 Essentials Les 02: De computer 1. Monitor 2. Motherboard 3. CPU 4. ATA sockets 5. RAM sockets 6. Expansion sockets 7. Power Supply 8. Optical Drive 9. Hard Disk 10. Keyboard 11. Mouse Doorsnede van Apple s imac. 22

3 named news_content. cell with the editable region named store_con Website NEWS in Dreamweaver - MM-2 Opdrachten STORE Opdracht omschrijving: Bouw een eenvoudige structuur voor een website met templates, rollovers en een snippet. De structuur: De navigatiestructuur van de website dient volgens de flowchart (fig 1.) in elkaar te worden gezet. Maak de site aan binnen Dreamweaver en stel alle belangrijke parameters in. De eerste pagina, index.htm, mag je zelf vorm geven (houd het simpel, maak het jezelf niet moeilijk). De pagina s in news, store en alle sub-pagina s, worden gemaakt aan de hand van twee templates. (zie De templates en fig. 3). Plaats op alle pagina s rollover buttons welke je zelf maakt in Dreamweaver d.m.v. CSS. Geef elke pagina een duidelijk kopregeltje in de editable regions voor de content. Hieraan kun je duidelijk zien op welke pagina je bent. Zorg voor een folderstructuur zoals in het voorbeeld (fig. 2) Figuur 1, Flowchart De geneste tabelletjes/div-jes en Snippets: Maak een klein tabelletje zoals in dit voorbeeld. Plaats in het bestand str1.htm drie keer dit tabelletje/div-je:. Probeer hiervoor een snippet te gebruiken. Snippets zijn erg handig en kunnen je een hoop tijd besparen wanneer je een element hebt in je website dat regelmatig hergebruikt dient te worden. Editable region for the buttons named store_interface. Inleveren van de opdracht: Exporteer de instellingen van de site. Ga naar site > manage sites... Selecteer de site van deze oefening en druk op de knop export... Bewaar de instellingen met de naam Editable websitenaam.ste region in de folderstructuur zoals aangegeven for content in het voorbeeld. Doe de gezipte opdracht in de named Drop Box store_content. op de server en voorzie deze van klas- en opdrachtcode en natuurlijk je naam!! Criteria: Navigatiestructuur netjes volgens de flowchart. Correcte relatieve links. Correcte folderstructuur. Folderbeveiliging met index.htm. Consequent gebruik upper/lower case. Geen verboden karakters in bestandsnamen. Correcte templates met editable regions. Correcte syntax. Dreamweaver sitemanagement. Design. Figuur 2, Folderstructuur De templates: De pagina s in news, store en alle sub-pagina s worden gemaakt aan de hand van twee templates. Maak deze templates volgens het volgende voorbeeld (fig. 3). Plaats in elke template twee editable regions zoals aangegeven in de gele kadertjes. Binnen de editable regions plaats je de hyperlinks (news_interface en store_interface) en de kopregels om te kunnen weten waar je bent op de site (news_content en store_content). De pagina str1.htm krijgt andere content namelijk drie geneste tabelletjes of div-jes. Figuur 3, Templates 11

4 Les 15: Wat is geluid? Essentials Harmonics Een pure sinusgolf zoals we die zien in de getoonde figuren zullen we niet vaak tegenkomen in de audiowereld. De golf op dit moment geeft een zuivere toon van een bepaalde frequentie aan. Instrumenten geven maar zelden een zuivere toon van een bepaalde frequentie. Dit komt omdat die toon is opgebouwd uit allemaal verschillende frequenties, de harmonischen. Even harmonics worden vaak als prettig ervaren om naar te luisteren, oneven of odd harmonics vaak als onprettig. In metalmuziek b.v. zitten veel odd harmonics. Naast het begrip harmonics hebben we ook het begrip octaaf. Een octaaf hoger of lager is resp. een verdubbeling of halvering van de oorspronkelijke frequentie. Een harmonische kan dus een octaaf zijn van de fundamentele frequentie, maar zeker niet alle harmonischen zijn octaven. Stel dat je een geluid van 200 Hz aanslaat op een instrument, dan bestaat het geluid uit die frequentie van 200 Hz, ook wel de fundamentele frequentie genoemd en uit al zijn harmonischen (boventonen en ondertonen). Fundamentele Freq Harmonischen Octaven Complex waveform build up from many sine wave harmonics De harmonischen Complex waveform zijn hele build veelvouden up from many van sine de wave harmonics fundamentele frequentie. Uiteindelijk hoor je wel het geluid van 200 Hz, maar dit is dus opgebouwd uit meerdere frequenties. Elk instrument heeft zijn eigen harmonics. Door middel van de harmonics en de van een geluid kun je vaak herkennen welk instrument er te horen is. Dit wordt de timbre (klankkleur) van een instrument genoemd. De harmonics worden onderverdeeld in upper en lower en even en oneven (odd). Timbre close-up (snapshot in time) ADSR Envelope Het volume van geluid verandert naarmate de tijd vordert. Timbre close-up (snapshot in time) Dit gaat volgens een bepaald patroon, de ADSR. ADSR staat voor Attack, Decay, Sustain en Release. Door de Attack van een geluid kun je, zoals eerder genoemd, geluiden van elkaar onderscheiden. Is het nou een gitaar of een Fundamental piano? frequency also called the 1st harmonic Na de Attack treedt de Decay in, gevolgd door de Sustain en Release, zie plaatje odd and even harmonics Fundamental frequency also called the 1st harmonic odd and even harmonics Complex waveform build up from many sine wave harmonics 75

5 Les 08: Folderstructuur Essentials Folder van je web-project welke de root-folder van de server bij je ISP voorstelt. Dit is het allereerste bestand dat geopend wordt door de server-software, wanneer er expliciet geen pagina wordt opgegeven in de URL in de adresbalk van de browser. Folder voor alle images (plaatjes) die gebruikt worden binnen jouw website. Folder voor Cascading Style Sheets (CSS) Folder voor alle media die gebruikt worden binnen jouw website, zoals MP3, MP4, Flash, Fonts, downloads, etc. De diverse media worden in subfolders geplaatst. Folder voor alle externe JavaScript of jquery bestanden. Folder voor alle HTML-pagina s die gebruikt worden binnen jouw website. Net zoals bij de images folder worden ook hierin subfolders gemaakt voor de diverse secties in de website. Alternatieve folderstructuur voor de website. De verschillende secties binnen je website bevatten de structuur zoals hierboven beschreven. (Let op! De weergave is anders namelijk in een zogenaamde lijstweergave, dit heeft echter niets met de daadwerkelijke folderstructuur te maken.) 59