project 2 :working web page

 Woo Yau Ka (0355281)



#layout




I added a background color and set the shape of the </hr> before and after.

Added CSS code to align left and right sides.


#First Try


I tried several CSS codes but could not adjust the width of the navigation bar to be the same as the background.

Because the navigation bar is placed on the right side, an error will occur on the mobile phone.

#Second Try

computer ver.



mobile ver.

#Final

computer ver.


mobile ver.









#html code








#css code















#Final working web pages

wooyauka-project-2.netlify.app










留言

發佈留言

此網誌的熱門文章

Advanced Tyography/Task 1

圖片
30.8.2023 -  / Week 1 - Week 4 Woo Yau Ka / 0355281 / BA of Design (HONS) in Creative Media Typography  Task 1 (Exercises) INDEX Lectures Task 1 Exercise 1: Typography System  Week 1 8 major variations of typographic systems:            Axis system  - all elements are organized to the left or right of a single  axis. Fig.1.1 Axial System Fig.1.2 Axial System Radial system - all elements extend from one focal point. Fig.1.3 Radial system Dilatational system   - all elements expand in a circular fashion from a central point. Fig1.4 Dilatational system Random system - elements appear to have no particular pattern or relationship. Fig1.5 Random system Grid system - a system of vertical and horizontal divisions Fig1.6 Grid system Transition System - an informal system of tiered grading Fig1.7 Transition system Modular System - A series of non-objective elements that are constructed as standardized units. Fig1.8 Modular system F...
閱讀更多

Design Research Methodology - Compilation & Reflection

  31.8.2023 - / Week 1 - Week 14 Woo Yau Ka / 0355281 / BA of Design (HONS) in Creative Media Design Research Methodology  Final Compilation and Reflection  INSTRUCTIONS ASSIGNMENT 1: RESEARCH PROPOSAL ASSIGNMENT 2: CRITICAL REVIEW ASSIGNMENT 3: RESEARCH DESIGN - PRIMARY DATA ASSIGNMENT 4: REFLECTION REPORT & PRESENTATION PRESENTATION  SLIDES: RECORDED PRESENTATION LINK: wooyauka_presentation FEEDBACK: Week 3 -Research questions cannot be researched -The theme has nothing to do with social design Week 4 -Change research questions -The purpose is how to achieve cultural communion -Delete third research objective -The citation needs to include the article name, year and website address. -Start making assignment 2 Week 5 Public Holiday Week 6 -Add the document to the references list -Explain why it is a weaknesses -If there are more than two authors, just write one author's name - Change to To explain - Intergrate strengths and weaknesses together - Example of...
閱讀更多