Interactive Design : Lectures & Exercises
Len Hoi Yee / 0353430
Interactive Design / Bachelor of Design in Creative Media
Lectures & Exercises
Week 5-lecture 5
Exercise
Today's class, Mr. Shamsul taught us on how to do coding for websites and it was really fun at the same time frustrating because of all the details and work we have to do for one piece of work.
<element>Information</element>
Each element tells the browser something about the information that sits between its opening and closing tags.
Headings
Paragraph
- Opening tag <p> closing tag </p>
Bold
- Opening tag <b> closing tag </b>
Italic
- Opening tag <i> closing tag </i>
List
Ordered list - numbered list
Begin with <ol> tag and end with </ol>
- Opening tag <li> closing tag </li>
Unordered list - bullet point
Begin with <ul> tag and end with </ul>
- Opening tag <li> closing tag </li>
Link
<a href = "website link"> text name </a>
Week 7 - Lecture 7
Introduction to CSS
Week 9 - Lecture 9
The Display Property
Block Level element
<div>
- standard block-level element.
- starts on a new line
- stretches out to the left and right
Exercises
Exercise 1
Week 5 (28.09.2022)
In this exercise, we are tasked to create a web document based on the content provided and upload the web document to Netlify.
Figure 1.1 Exercise 1 progress in Dreamweaver (29.09.2022)
Netlify website link :https://exercise1-lenhoiyee.netlify.app/
Exercise 2
Week 7 (11.10.2022)
In this exercise, we are required to create a HTML page that contains text and images. In each main section, we need to include an id attribute that will be later used as an anchor to be linked form the navigation. We are required to change the font according to the suitability of the entire text. Then, we have to apply what we have learnt in class which is CSS style to style the page.
Figure 1.2 Exercise 2 progress in Dreamweaver (16.10.2022)
Netlify website link : https://exercise2-lenhoiyee.netlify.app/
Exercise 3
Week 8 (18.10.2022)
In this exercise, we are allowed to choose one of the websites from the lst provided and replicate the entire layout design. This is to let us understand website design and what a good design looks like, this will help us in working on our project 2.
The website I have chosen is https://www.jadesheng.studio/
Figure 1.3 Exercise 3 final outcome (21.10.2022)
This was my final outcome but after receiving feedback from Mr.Shamsul, he told me that alignment and margin are important in a website design, the pictures should be aligned wih samemargins in the entire page.
Figure 1.4 Revised Final Outcome Exercise 3 (04.12.2022)
Exercise 4
Week 10 (01.11.2022)
In this exercise, we are required to create another layout and apply what we have learnt in class which are rows and columns.
Figure 1.5 Exercise 4 progress (06.11.2022)
Netlify website link : https://lenhoiyee-exercise4.netlify.app/
Comments
Post a Comment