File Types (image)
- .BMP (Uncompressed, <= 24 bit depth) [Bitmap]
- .GIF (Lossless, <= 8 bit depth, can be animated and transparent)
- .JPEG (Lossy, <= 24 bit depth, supports metadata)
- .PNG (Lossless, <= 24 bit depth, can be transparent, additional 8 bits of transparency)
File Types (video)
- .AVI (Uncompressed)
- .MP4/.MPEG (Lossy)
File Types (audio)
- .MP3 (Lossy)
- .WAV (Typically uncompressed)
File Types (text)
- .PDF [Portable Document Format]
- .RTF (Stored with formatting eg font) [Rich Text Format]
Copyright, Designs and Patents Act (1988)
- Covers nearly all forms of usable media
- Credit for use of media you do not own must be given
- Permission must be granted from owners to use media
- Protects digital artists by preventing people from stealing their work
Benefits of external CSS
- One change to the style sheet will change all linked pages
- Easier to get consistent look and feel across multiple web pages
Hyperlinks
<a href="url">link text</a>
Wireframe
A skeletal version of the complete website used to design the layout of a website.
Wireframes show:
- navigational links
- text areas
- media used (including file format)
- position and type of hyperlinks on a page
They do this using placeholders
Low fidelity prototype
A prototype showing the completed layout usually made using pen and paper. Included more detail than a wireframe. Easy to change elements of a website without having to code.
Benefits and downsides of compression
Pros:
- Smaller file size
- Less load time
Cons:
- Worse quality
End-user requirements
The tasks that end-users need to be able to carry out.
Functional requirements
- Processes that the website must be able to carry out
- interaction with databases/information that the website needs to have access to in order to function properly
Code for unordered/ordered list
<ul>
<li> Uno </li>
<li> Dos </li>
</ul>
<ol>
<li> Uno </li>
<li> Dos </li>
</ol>
CSS code model
[element] / .[Class] / #[ID]{
FF
FS
C
TA
BC}
