Interactive Design | EXERCISE 3

-

 Gao Yuan Yi 0373945

Interactive Design / Bachelor of Design (Hons) in Creative Media / Taylor's University

Exercise 3

INTRUCTION


Exercise 2 - Personal CV Page

To design and build a personal CV page using basic HTML and CSS. This exercise will help organize information into sections, practice styling text, and create a clean, professional-looking page layout.

Instructions:
  • Add your name as the main header at the top of the page.
  • Write a short paragraph describing yourself, your interests, and any hobbies.
  • List your most recent education details. Include the institution name, year, and course or program.
  • Create a bulleted list of at least five skills you have (these could be related to school, hobbies, or any other talents).
  • Add a simple contact section with an email address and a link to any social media profile (optional). 
  • Use different font sizes and weights to make sections and headers stand out.
  • Choose a basic color scheme for the text and background. Use colors that are easy to read and look professional.
  • Add padding and margins around each section to give your CV a clean, organized layout.
  • Use borders or horizontal lines to separate sections for a professional touch.
  • Add an image or profile picture at the top.
  • Style your CV with a unique font and background color or pattern to reflect your personality.
  • Create a folder for the task and include subfolder (images) and the HTML file in the folder
  • Create a single HTML file for the content. Name the file as index.html
  • Add the CSS rule within the head section
  • Upload the folder to Netlify (I will show it in class)
  • Embed the link into your blog and submit the post in Google Classroom
My First Web Document (subtle-buttercream-a179c3.netlify.app)

Comments

Post a Comment

Popular posts from this blog

Typography | Task 1: Exercises

-
Image
  22/4/24-27/5/24（week 1-week 5） Gao Yuan Yi  0373945 Typography Task 1: Exercises Lecture Week 1   a） Typo_0_Introduction In this lecture, Mr. Vinod introduce us to typography, which can be seen in our daily lives and can be used in a wide range of different fields. What is Typography？ Typography is the art of creating letters. It is  also animated and can infiuence wedding website design, app design, ect. It is important for designers.  Typograpgy has evolved over 500 years, from calligraphy to lettering, and finally to typography.  The arrangement of types includes selecting typefaces, point size, line length, line-spacing (leading), letter-spacing (tracking), and adjusting the space within letter pair (kerning).  The terms Typography also applies to the style, arrangement, and appearance of leeters, numbers, and symbols created by the process.  Font : A fonts refers to the individual font or weight within the typeface, l.e.:  Fig.1.1 Exam...
Read more

Design Principles | Task 1 Exploration

-
Image
3/2/2025 - 17/2/2025  Week 1 - Week 3 Gao Yuan Yi  0373945 GCD60804  Design Principles  / Bachelor of Design (Hons) in Creative Media / Taylor's University Task 1 Exploration Lecture Intro_Elements & Principles of Design 1. Elements of Design Point : The simplest element; repetition forms lines, and movement creates shapes. Line : Defines boundaries of shapes, expresses motion or emotion, and can depict light and shadow when grouped. Shape : A two-dimensional area, divided into geometric (regular) and organic (irregular) shapes. Form : Three-dimensional shapes, often used in sculpture and architecture. Texture : The tactile quality or visual representation of surfaces, divided into actual and simulated textures. Space : Can be two-dimensional or three-dimensional, divided into positive (filled) and negative (empty) space. Colour : Determined by light wavelengths, with three properties: hue, value, and saturation. 2. Principles of Design Contrast : Attracts attent...
Read more

Advanced Typography: Task 1 Exercises

-
Image
25/9/2024 - 16/10/2024  Week 1 - Week 3 Gao Yuan Yi 0373945 GCD61004  Advanced Typography / Bachelor of Design (Hons) in Creative Media / Taylor's University Task 1 Exercises - Typographic Systems & Type & Play LECTURES Lecture 1 AdTypo_1_Typographic Systems Shape Grammar: A set of shape rules that apply in a step-by-step way to generate a set, or language, of designs.  Axial System: All elements are organised to the left or right of a single axis.  Fig.1.1.1  Axial System Radial System: All elements are extended from a point of focus.  Fig.1. 1. 2  Radial System Dilatational System: All elements expand from a central point in a circular fashion.  Fig.1. 1. 3  Dilatational System Random System: Elements appear to have no specific pattern or relationship.  Fig.1. 1. 4  Random System Grid System: A system of vertical and horizontal divisions.  Fig.1. 1. 5  Grid System Transitional System: An informal system ...
Read more