Page 106 - 2611_SmartGPT Pro V(5.0) C-6

21 st #Communication
LAB ACTIVITY Century #Technology Literacy
Skills
Create a web page titled “Healthy Eating Habits” using a heading and a paragraph.
(a) Set a background image and adjust it to fit the page.

(b) Give the heading a medium purple background.
(c) Change the paragraph font to Verdana, size 4 and colour to dark green.
(d) Add some spacing around the heading and paragraph using margin or padding.

(e) Save the page and open it in a browser to see your changes.

COding Zone COding Zone {} = COding Zone #Critical Thinking
{C ding z ne}
21 st
Century
Skills
</>
1. Solve the following analogy:
(a) Pen : Write :: Keyboard :
(b) Bird : Wings :: Fish :

2. The word “TABLE” is coded as “VCDNG”. Using the same pattern, choose the correct code for
the word “CHAIR”.
(i) AJCIT (ii) AJCKT
(iii) EJBKT (iv) EJCKT

21 st #Technology Literacy
GROUP DISCUSSION Century #Creativity
Skills
Divide the class into small groups and give each group a different type of website
(like a blog, e-commerce site or portfolio). Each group will list the CSS properties that can
make their website look and work better and explain how these properties improve the user
experience.

CAREER HERE

After learning CSS and basic web design, a student can apply for roles like a Web Content Designer,
Front-End Web Developer, UI/UX Assistant or Website Customisation Assistant.

FOR THE TEACHER
1. Demonstrate CSS properties like text color, background color and font size through practical activities.
2. Explain the key concepts of CSS and why it is important for designing good-looking web pages.

104 Computer Science (V5.0)-VI