Interactive Design: Exercises
30/03/2022 - 20/04/2022 / Week 1 - Week 4
Darren Liga / 0351480
Interactive
Design / Bachelor of Design (Hons) in Creative Media
Lectures and
Exercises
LECTURES
Lecture 1: Website
What is a website?
• Web document in the internet.
• One page or more.
• With intended purpose.
Types of websites
There are many different types of websites in the internet:
• Informational website
• Corporate website
• Portfolio website
• Brochure website
• Entertainment website
There are many different types of websites in the internet:
• Personal website
• Educational website
• E-commerce website
• Non-profit website
INSTRUCTIONS
EXERCISES
Week 1
Surveying the possibilities
We have to complete the provided Google Sheets in week one. We must find both
excellent and terrible websites and discuss the advantages and disadvantages
of each. Additionally, we must choose the website's target audience and define
its aims and objectives.
Link to spreadsheet:
https://docs.google.com/spreadsheets/d/1rI8s68XmriVkmm-OpoCMzYq5CUjx94XK/edit?usp=sharing&ouid=116465821200911699053&rtpof=true&sd=true
Week 2
We began learning about the fundamentals of HTML in week 2. Notepad or
TextEdit are the platforms that are utilised.
The supplied material, which is Triathlon History, must be used as the basis
for a web document that we produce. We must adhere to the document's format
completely (heading, subheading, paragraph, list, including links). The file
must be saved as index.html and placed in a folder called Exercise 1. The
HTML is then uploaded to a website called Netlify so that anybody with a
browser may access it.
PDF 1.1: Assignment 1 Content
I use TextEdit as a platform to work on the HTML because I have a Mac. Here
is myHTML coding.
Fig 1.1: Exercise 1 code
The following URL will show the outcomes of my HTML scripting:
Week 3
We begin to go more deeply into HTML in week three. Today's platform is
Adobe Dreamweaver.
A single HTML page with the provided content must be produced by us. Images
should be included for areas that are necessary. We must provide an ID
property in each major section so that it may be used afterwards as an
anchor to be connected from the navigation (in the first part of the
content)
PDF 2.1: Exercise 2 Content
My prior experience with Adobe Dreamweaver made this process easygoing. This
week, we learn how to add pictures to HTML, build Link Bookmarks, and use
br>. My HTML coding in Adobe Dreamweaver produced this.
Fig 2.1: Code in dreamweaver
My Final ex2 URL:
Week 7: Layout Exercise
PDF 3.1: Layout Exercise Content
In Week 7, we learned how to create and design layouts.
You need to design your website layout using HTML and CSS. Later
in this exercise, you will create landing pages for Projects 1 and 2. This
exercise is quite complicated. When you work, you need accuracy and
consistency.
This week, we practiced what Shamsul taught about HTML and CSS. Through
this task, I have a clear understanding of HTML and CSS usage and
functionality.
Fig 3.1: Layout Exercise code (CSS)
Fig 3.2: Layout Exercise code (HTML)
My Final Layout Exercise URL:
Comments
Post a Comment