Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Upload

Welcome to Scribd!

  • 22 views

    ICT-Grade 8 - Week-1

    Uploaded by

    Nikhat Fatima
    This document provides an introduction to web design for an 8th grade ICT class. It discusses the importance of web design using HTML and defines key concepts. It explains that web design involves creating visual elements and layout, while coding translates these designs into a functional website. The key elements of web design discussed are visual elements like fonts, colors, images and layout, and functional elements like navigation, user interaction, speed and site structure. Students are assigned homework to browse HTML editors and download one to their device.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd

    ICT-Grade 8 - Week-1

    Uploaded by

    Nikhat Fatima
    22 views14 pages
    This document provides an introduction to web design for an 8th grade ICT class. It discusses the importance of web design using HTML and defines key concepts. It explains that web design involves creating visual elements and layout, while coding translates these designs into a functional website. The key elements of web design discussed are visual elements like fonts, colors, images and layout, and functional elements like navigation, user interaction, speed and site structure. Students are assigned homework to browse HTML editors and download one to their device.

    Original Title

    ICT-Grade 8_Week-1

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    This document provides an introduction to web design for an 8th grade ICT class. It discusses the importance of web design using HTML and defines key concepts. It explains that web design involves creating visual elements and layout, while coding translates these designs into a functional website. The key elements of web design discussed are visual elements like fonts, colors, images and layout, and functional elements like navigation, user interaction, speed and site structure. Students are assigned homework to browse HTML editors and download one to their device.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    22 views14 pages

    ICT-Grade 8 - Week-1

    Uploaded by

    Nikhat Fatima
    This document provides an introduction to web design for an 8th grade ICT class. It discusses the importance of web design using HTML and defines key concepts. It explains that web design involves creating visual elements and layout, while coding translates these designs into a functional website. The key elements of web design discussed are visual elements like fonts, colors, images and layout, and functional elements like navigation, user interaction, speed and site structure. Students are assigned homework to browse HTML editors and download one to their device.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    of 14

    ICT

    LESSON
    Grade 8

    Term 2
    Term 1-Week 9
     Topic: Introduction to Web Designing
    Success criteria
    Learning
    Intention Acps(big Picture Thinking)
    SC: I can explain importance of web design
    using HTML.
    We are learning to Identify the
    importance of website design. VAAS(Resilience)
    SC: I can persist in seeking understanding
    even when faced with initial challenges in
    grasping HTML code structure.
    3p-presage

    Starter Activity
    Open the moe.gov.ae webpage on browsers. Locate the title bar observe and tell
    what is the title of the webpage that you open. (UAE connect).
    (Real life connection)

    SC: I can persist in seeking understanding even when faced with initial challenges in grasping HTML code structure.(resilience)
    Introduction to Web-Page Design
    ●Web design is the visual aesthetics and page layout of a website. It goes
    hand-in-hand with web development in the creation of a static website or
    dynamic web application.
    ●The web design process starts with a visual concept, which you could sketch
    by hand or with software like Photoshop. Then, you use HTML and CSS to build
    the website. HTML and CSS are the codes for writing web pages. HTML handles
    the basic structure and ‘bones’ of your page, while CSS handles the style and
    appearance.
    DIFFERENCE BETWEEN WEB DESIGN
    AND CODING
    ● Web design and coding are closely related, but they are not the same.
    ● Web design involves creating the visual elements and layout of a website,
    ● while coding involves translating these designs into a functional website using
    programming languages like HTML, CSS, and JavaScript. Typically, dedicated
    web developers translate the designs to code.
    KEY ELEMENTS OF WEB DESIGN
    ● A good website is one that displays a careful balance between appearance
    and functionality.
    ● When your website is aesthetically pleasing but fails to offer the
    information or help your audience with what it looks for, the aesthetics
    cannot make up for the lack of functionality and vice versa.
    ● Therefore, web design comprises two broad key elements—aesthetic or
    visual elements and functional elements—that are of equal importance to
    make your website stand out.
    Visual Elements
    ● Visual elements come together and set a theme for your website, which
    leaves a great impact on visitors when you get it right. It is crucial that
    every element compliments one another and looks harmonious rather than
    chaotic. Visual elements include:
    1. Fonts 5. Colors
    2. Shapes 6. Layout
    3. Icons 7. Logos
    4. Images 8. Video
    Functional Elements
    • Functional elements hold great importance in terms of how the
    search engine views your website.
    • However, they go beyond that and can influence user experience
    as well. Some of the salient functional elements include the
    following:
    Navigation: The ease of access your website offers to your visitors to
    reach different sections of the website
    User interaction: Offering users control by avoiding needless pop-ups,
    auto-play videos, or overload of information
    Speed: Ensuring the page loads within a couple of seconds
    Site structure: A systematic structure that is easy to navigate both for
    visitors and the Google web crawler
    Cross-device compatibility
    ACTIVITY
    ● open the moe.gov.ae webpage on browsers. Locate the title bar observe
    and tell what is the tittle of the webpage that you open. (UAE connect).

    ● Open a webpage of SPEA


    ● Go to page source and observe the HTML code of the webpage.

    SC: I can explain importance of web design using HTML. (big Picture Thinking)
    HOMEWORK
    BROWSE ABOUT HTML EDITORS
    DOWNLOAD ONE IN YOUR DEVICE (PREFERABLE: NOTEPAD)

    Share in MS Team -> Assignment -> Homework Week 1


    Learning Check
    ● MS Teams Assignment Learning Check Week 1
    Thank You
    Complete all the tasks and submit on time. See you in
    Enjoy your day! next session!

    You might also like