Exercises
week 1 - week 0 (24.08.20 - 00.00.20)
Park hyoung yoon (0325165)
Bachelor in Design (Honors) in Creative Media
Interactive Design Exercises
LECTURES
Lecture 01
Lecture 02
Lecture 3
Lecture 4
Lecture 5
Exercise 01
on this exercise students were given guides to create html file using
notepad and gave instructions and guides to create headlines and
paragraphs and add image in html and finally creating a hyperlink.
Link of the exercise 01
Exercise 02
Students were to create another hyper link and follow the basic layout of
the given pdf file. Backgrounds, typeface could be changed according to
students desire and the 6 images given should be added in to where it seems
to fit. Adobe Dreamweaber is used in this exercise.
Exercise 03
Students continued with Exercise two. Creating headings and change in headin
color when mouse is hovered.
Link for the final outcome of Exercise 03 -
Exercise 04
On This exercise students were introduced to use css using
dreamweaber.
Flex box
Source code
CSS Code
Link for this exercise -
Floating Box
Source Code
CSS Code
Link for the exercise -
Layout Exercise
Students were given a layout composed by Mr. Samsul and told to create the
layout using Dreamweaber. Students were to use the knowledge obtained from the previous exercises and finish this exercise on their own.
The Layout
Progress
Html
css
Link for final outcome
Bootstrap Exercise
on this exercise students were guided on how to use bootstrap. A Bootstrap site with information on how to use bootstrap were introduced, and went on to create grid system and bring in carousel and navigation bar and how to edit them.
Link for Bootstrap site - https://getbootstrap.com/
Progress
HTML
CSS
Link for the exercise -
Comments
Post a Comment