Beatrix Leong Yi Wen
0331043
Web Design and New Media
Assignment 2: Single HTML WEB Page
SINGLE HTML WEB PAGE (20%) DUE WEEK 5
Create ONE (1) HTML page about yourself (not too brief). The file should include
basic format (heading, paragraph, list item, etc), hyperlink (internal and
external), basic styling (CSS) and images. Students should be able to display the
understanding of basic HTML formatting element and CSS within the Web page.
REQUIREMENT:
You are required to create an HTML document that consists of all the elements
that are discussed or showed in class. The file should well format with headings,
paragraph, proper use of list options and hyperlinks.
A clear presentation of content flow must be displayed so that user can easily
navigate the page and understand the content.
SUBMISSION REQUIREMENT:
The file should be in HTML format (.html) and can be open from any modern
browsers (Firefox or Chrome).
Compress the file to .zip and upload it in Google Classroom within the given
time.
Mr Shamsul helped me refine my final layout as seen above.
I created a pinterest board to get ideas for my layout and content:
0331043
Web Design and New Media
Assignment 2: Single HTML WEB Page
Instructions
SINGLE HTML WEB PAGE (20%) DUE WEEK 5
Create ONE (1) HTML page about yourself (not too brief). The file should include
basic format (heading, paragraph, list item, etc), hyperlink (internal and
external), basic styling (CSS) and images. Students should be able to display the
understanding of basic HTML formatting element and CSS within the Web page.
REQUIREMENT:
You are required to create an HTML document that consists of all the elements
that are discussed or showed in class. The file should well format with headings,
paragraph, proper use of list options and hyperlinks.
A clear presentation of content flow must be displayed so that user can easily
navigate the page and understand the content.
SUBMISSION REQUIREMENT:
The file should be in HTML format (.html) and can be open from any modern
browsers (Firefox or Chrome).
Compress the file to .zip and upload it in Google Classroom within the given
time.
Design Process
 |
| Layout sketches |
 |
| Layout sketches and brainstorming topics |
 |
| Final sketch |
I created a pinterest board to get ideas for my layout and content:
https://www.pinterest.com/beatrix_lyw/web-design-personal-website/
Final work:
 |
| Header/navigation |
 |
| Branding |
 |
| Photography |
 |
| Illustration and Visual Narratove |
 |
| About me |
Feedback:
Before resubmission:
I need to fix the broken images link and the link with the css. In addition, there are some problems in my html code I need to fix.
After resubmission:
The design looks appropriate with suitable typeface and content is sufficient.
Reflection:
Experience:
It was an interesting experience to create my own personal website. However, using Dreamweaver is very frustrating as if one small thing is wrong, your whole code is messed up.
Observation:
I observed that once you get the hang of building the code in dreamweaver, things become easier and faster to construct in the programme.
Observation:
I observed that once you get the hang of building the code in dreamweaver, things become easier and faster to construct in the programme.
Findings:
I found making my own personal website on Dreamweaver to be quite callenging yet enjoyable at the same time as we can decide what of our own stuff we put up.
