e HTML Hypertext Markup Language CSS Cascading Style Sheet Describes the structure Original primary programming language of the internet Made up of elements which describe the structure of the page The foundation of every web page Start by writing the words you want to appear on page Then add tags or elements to the words so the browser knows what it is where it should be Tags available to create web pages Text Lists Links Images Tables Forms Video audio flash Miscellaneous elements Deals with controls the presentation Brought more flexibility to the web Allows for separation of content HTML style elements which are determined by the CSS coding Updates of the content could occur without having to change code for the design huge in beginning Uses rules to enable you to control the styling CSS properties that can be used in rules for layout of web pages presentation Color of text Font size style Background colors to pages parts of pages Adding background images CSS properties that can be used in rules for layout Controls where elements are positioned on the screen Treats each HTML element as if it appears inside its own box uses rules to indicate how that element should look Element made up of an opening closing tag Each element tells the browser something about the information that sits between its opening closing tags CSS allows you to create rules that specify how the content of an element should appear Stands for cascading style sheet Since html should only display semantic structural meaning the CSS gives style to the webpage Floats allows you to take that element out of a normal flow position it to the far left or right of a containing box The floated element becomes a block level element around which other content can flow Box Model The CSS box model describes the rectangular boxes that are generated for elements in the document tree laid out according to the visual formatting model Relative Link when linking to other pages within the same site you do not need to specify the domain name in the URL you can use shorthand known as a relative URL If all the pages of the site are in the same folder then the value of the href attribute is just the name of the file a href aboutme html About Me a Normal document flow every block level element appears on a new line causing each item to appear lower down on the page than the previous one Even if you specify the width of the boxes there is a space for two elements to sit side by side they will not appear next to each other this is the default behavior Elements of Sound dialogue narration ambience music scoring sound effects Diagetic sound that is part of the story space or the diagesis Characters can hear it Non Diagetic sound that is not part of the story space such as a film s score Synchronous Sound sound matching action recorded at the same time as picture Characters cannot hear it Non synchronous Sound sound that does not match action is recorded later on Shotgun Microphone named because of its gun barrel like appearance its need to be properly aimed in order to be useful Designed for use at a distance from the primary source of sound Useful when you don t wish to see the microphone in the shot Omni mic used when you have to record audio from multiple people sound you want to capture is coming from multiple directions Uni mic used when interviewing subjects in a controlled location used when audio is isolated to a small location Wavelength measurement of one cycle of a wave Wavelength velocity AKA speed of sound frequency Longer the wavelength lower the frequency lower the pitch Amplitude loudness or volume of the sound measured from the crest or trough to the midline of a sound wave Frequency number of cycles per second waves per second described in Hertz Hz Range of human hearing is 20 Hz 20 000 Hz Bit Depth dynamic range of your sound In photographic terms it s like DOF the number of f stops you capture combined Sample Rate number of samples per second Analog Sound reproduces an approximation of the sound wave Digital Sound reproduces an approximation then converts it into code Foley method of recording sound effects on a recording stage that involves physical movement recorded in synchronization with the picture such as footsteps ADR Automated Dialogue Recording process of re recording dialogue in the studio in synchronization with the picture There are at least three roles in the ADR process The actor has to recreate his or her performance perfectly match up his or her speech to that of the film The recording engineer has to recreate acoustic spaces so that it doesn t sound like an actor is in a recording studio The sound editor has to pick choose the best parts of multiple takes combine them into one composite clip keep everything synchronized to the picture Sound Editing process of taking all the Foley sounds dialogue music etc laying them out on the tracks Sound Mix job is not just to adjust the levels mix between dialogue other sounds but in terms of the stereo speakers Ira Glass Two Building Blocks of Radio Storytelling Anecdote a sequence of actions story in its purest form Moment of Reflection what it all means Aesthetics of Sound Sound presence subjective closeness a listener feels to the sound Sound perspective perception of the sound in space Silence part of sound just like negative space is part of design Ambience background sound Pan pivoting movement in which the mount or operator stays in one spot the pan pivots right or left Tilt where the mount or operator stays in one spot the tilt pivots up down Zoom changing of the focal length resulting field of view through movement of lens elements Changes viewer s vantage point makes viewer visually but not actually closer to subject relations maintained Zoom easier to accomplish than dolly much less realistic than dolly where depth focus Tracking Shot hooked up to a dolly the camera itself is moving either on tracks or dolly tracks moves through space left or right Frames per second of film vs video Film records at 24 frames per second fps Exception The Hobbit Video records at 29 97 fps when shooting video with the GH2 Use 24 fps setting NOT 30fps Beat Sheet going through identifying the 8 15 most important narrative beats that are happening in your particular video What Makes Things Funny Incongruity setting up some sort of expectation having a pay off in a different way Benign penetration penetrating some sort of social code without going too far if it breaks it s