Web Design Week 5

25/9/17 Week 5
Kamal Afiq [0330643]
Web Design & New Media
Week 5



Lecture Notes


Week 5 Lecture
Old HTML used generic tags. HTML5 uses new Semantic elements like <Footer> and <Header>. These semantic elements can tell developers how to separate information. Id and Class attributes can be used to identify information and content.

ID attribute
Every HTML carries ID attributes. It is used to identify elements from others on a page. No two elements can have the same ID attribute.

Class attribute
Every HTML element can also carry a class attribute. Several elements can be identified from others on a page.

They can be used like this:
<img src="images/randomimage.jpeg" class="classname"/>
<img src="images/randomimage.jpeg" id="idname"/> 
Using these attributes doesn't actually change how they look on the page. It only changes if there is a CSS rule that indicates that they should be displayed differently.

Block elements
Elements that force the content to go to a new line, e.g. <h1>, <p>, <ul>, <li>

Inline elements
Elements that continue in the same line, e.g. <b>, <i>, <em>, <img>

Cascading Style Sheet (CSS)
Allows you to create rules to specify how content appears. A selector includes a selector and a declaration. The declaration has a property and value. Selectors indicate what the changes are being applied to. The same rule can apply to more than one element if you separate the element names with commas. < > is used for HTML while CSS is kept within { } or Curly Braces.
h1, h2, h3 {         font-family: 'Baloo', cursive:         color; #FFFFFF;         font-size:2em;}
Precidence occurs when a HTML document has various CSS rules to choose from.

Instructions




Work Processes




Final Submissions 



Feedback



Reflections




Further Reading




References & Bibliography








Comments

Post a Comment

Popular posts from this blog

T&H Week 1 - Week 4 Exercises

Image
28/3/17 - 25/4/17, Week 1 - Week 5 Kamal Afiq [0330643] Typography and Hypertextuality Exercises Lecture Notes Lecture 1: Introduction Mr Vinod and Mr. Shamsul started off by asking us what we think typography is. The general consensus was that typography was essentially the art of text, and how text could be made into art and deliver a message. They walked us through the module outline and showed us examples of previous students' portfolios. We would be mainly delving into the world of calligraphy and type. Our first task was to get together into groups and research a particular calligraphic hand. My group chose Gothic textura quadrata. A classical, 13th century Black Letter font developed in Germania, mainly used for inscriptions and stained glass. Lecture 2: Calligraphy For the first 2 hours of the session, we were given a run down over what typography is. Typography is essentially the style and appearance of printer matter. It can be used to deliver me...
Read more

T&H Week 9 - Week 10 Project 2 Font Design

Image
30/5/17 - 6/6/17, Week 9 - Week 10 Kamal Afiq [0330643] Typography and Hypertextuality Project 2 Font Design Lecture Notes Week 9 We didn't have a traditional lecture this week. In class we focused our efforts on further developing our fonts; digitization, fixing errors, etc. We reviewed our progress and gave us feedback on the work we had completed so far. Week 10 We were not given a theoretical lecture this week. Instead Mr. Vinod gave us a lecture/demonstration on how to use FontLab Studio. He talked us through how to setup the font parameters; e.g. Ascender and Cap height. He also taught us how to transfer our glyphs from Illustrator to Fontlab, and how to carry out letterspacing and kerning on our font. He also taught us how to generate the font for use. Instructions Project 2: Font Design Description You will be expected to design a font of 27 western alphabets along with punctuation marks. To begin with choose an existing font d...
Read more

Advertising Principles & Practice

Image
01/07/19- ,  Week 1-7 Kamal Afiq [0330643] Advertising Principles & Practice D&AD New Blood Week 1 This week we're given a rundown and brief over the D&AD New Blood program, and were given the chance to explore a multitude of different design briefs for different client companies. The ones that I'm considering are: Virgin Atlantic - A campaign for spontaneous holiday adventures The Times & The Sunday Times - Being informed is worth paying for Monotype - Use type to celebrate a community Microsoft Surface - Campaign to show Brand perception and celebrate creativity Adobe & LADbible - Create an inspirational story that spreads a positive social message Lecture Notes Advertising is derived from the Latin word Advertere . It means to 'turn towards'. Essentially it is calling attention to 'something'. Advertising is a tool of marketing and business, and is used to make aware, persuade, communicate and create a bra...
Read more