INTERACTIVE DESIGN | EXERCISE 2: HTML EXERCISE
Design Research Methodology
Interactive Design: Exercise 2
Loh Kai Xuan (0365780)
TABLE OF CONTENTS
LECTURE
Week 3
Mr Shamsul did a lecture and demonstrated a tutorial on
html.
We were given a video and slides since we were uanble to have
lecture.
Fig 1.1. Week 3 Lecture PDF
(This PDF is not accessible to public due to
permissions from google classroom)
Week 4
Mr.Shamsul extended on last week's
html exercises by showing us how to
add images, tables and styles etc
using Dream Weaver.
Week 5
We were given another lecture, this
time on CSS.
Slides:
Fig. 1.2. week 5 lecture slides
➤ Back to top ✮♱ ༻¨*:·
EX 1. HTML Exercise:
Simple Personal Profile Page
Week 3
While following Mr Shamsul's tutorial, we had to create a
basic website using html.
Fig. 2.1. Webpage Screenshot from tutorial
I decided to edit a little and make things fun.
Fig. 2.2. Webpage Screenshot after some small edits
Fig. 2.3. screenshot of html code in notepad
Here's
a
link
to
my
first
webpage
(week
3)!
Click
Here
irst
time
coding,
but
it
was
more
simple
after
I
was
more
familiar
with
the
</>
Week
4
After
learning
new
things
in
html,
we
added
images,
tables
and
decorated
the
webpage.
Fig.
2.4.
screenshot
of
adding
images
Fig.
2.5.
screenshot
of
adding
table
Fig.
2.4.
screenshot
of
adding
images
Fig.
2.5.
screenshot
of
adding
table
I
tried
adding
a
gif
for
fun,
and
it
worked
the
name
as
adding
an
image.
Week 5
This week, we learned css and followed along in class by improving our first webpage with it.
Updated link to my first webpage (week 5)! Click Here
Updated link to my first webpage (week 5)! Click Here
REFLECTION
Week
3
This
was
a
fun
and
short
exercise.
I
was
fumbling
a
lot
as
it's
my
first
time
coding,
but
it
was
more
simple
after
I
was
more
familiar
with
the
</>
Week
4
This
was
my
favourite
part,
decorating
the
webpage.
It
was
hard
to
keep
up
but
I
enjoyed
this
process.
Week 5
It was so much easier to add customization to websites with css!! html required so much work but now lookin at css it was crazy so convenient it is.
Comments
Post a Comment