Scribd Logo
Upload

Welcome to Scribd!

  • Introduction to Web Design Packages

    Uploaded by

    Alao Johnson
    16 views16 pages
    The document introduces web design packages and their components. It defines web design as the process of planning, conceptualizing, and arranging online content. It mentions that web design requires skills from multiple disciplines like animation, interaction design, graphics, and information architecture. It states that there are three main types of web design: static, dynamic/CMS, and eCommerce. It also defines HTML as the skeleton of all web pages and provides structure and presentation to content through markup tags. It lists some examples of web design packages and explains the key components of web design packages like layout, typography, color scheme, and design elements.

    Original Description:

    Original Title

    INTRODUCTION TO WEB DESIGN PACKAGES

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document introduces web design packages and their components. It defines web design as the process of planning, conceptualizing, and arranging online content. It mentions that web design requires skills from multiple disciplines like animation, interaction design, graphics, and information architecture. It states that there are three main types of web design: static, dynamic/CMS, and eCommerce. It also defines HTML as the skeleton of all web pages and provides structure and presentation to content through markup tags. It lists some examples of web design packages and explains the key components of web design packages like layout, typography, color scheme, and design elements.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    16 views16 pages

    Introduction to Web Design Packages

    Uploaded by

    Alao Johnson
    The document introduces web design packages and their components. It defines web design as the process of planning, conceptualizing, and arranging online content. It mentions that web design requires skills from multiple disciplines like animation, interaction design, graphics, and information architecture. It states that there are three main types of web design: static, dynamic/CMS, and eCommerce. It also defines HTML as the skeleton of all web pages and provides structure and presentation to content through markup tags. It lists some examples of web design packages and explains the key components of web design packages like layout, typography, color scheme, and design elements.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 16

    INTRODUCTION TO

    WEB DESIGN
    PACKAGES
    Hypertext Markup Language
    By the end of this topic
    students should be able to
    OBJECTIV • Define Web Design Packages
    • Mention the uses of Wb Design
    ES packages
    • State the component of web
    design packages
    Meaning of Web Design
    Website design is the process of planning,
    conceptualizing, and arranging content
    online or on the website. It requires skills
    from multiple disciplines such as animation,
    interaction design, graphics, and
    information architecture.
    Types of Web
    Design
    Web designing is of
    three kinds, to be
    specific
    • static
    • dynamic or CMS and
    • eCommerce.
    WEB PAGE
    A web page is a text
    file containing
    Hypertext Markup
    Language (HTML)
    formatting tags and
    links to graphic files
    and other web pages
    through a web server.
    Quiz??????
    1. Which of the following are
    types of website design?
    Station
    Dynamic
    Ecommerce
    2. What is meant by Web design?
    3. What do wed designers do?
    What is HTML?
    HTML is the skeleton of all web pages.
    HTML provides structure to the
    content appearing on a website, such
    as images, text, or videos.
    HTML stands for HyperText Markup
    Language:
    A markup language is a computer
    language that defines the structure
    and presentation of raw text.
    In HTML, the computer can interpret
    raw text that is wrapped in HTML
    elements.
    A markup language is a computer language that
    defines the structure and presentation of raw
    text.

    In HTML, the computer can interpret raw text


    that is wrapped in HTML elements.

    HyperText is text displayed on a computer or


    device that provides access to other text through
    links, also known as hyperlinks
    A Simple HTML
    Document
    <!DOCTYPE html>
    <html>
    <head>
    <title>Page Title</title>
    </head>
    <body>

    <h1>My First Heading</h1>


    <p>My first paragraph.</p>

    </body>
    </html>
    WEB PACKAGES

    These are application Examples of Web design


    packages
    software or suite of • iWeb
    programs used in the •
    •
    Microsoft frontpage
    Adobe Dreamweaver
    process of designing a •
    •
    Microsoft Expression
    WebPlus X4
    website. • Amaya
    Solid Layout: This involves planning out the visual appearance of
    your website. It comprise the placement of contents and
    navigational elements, establishing hierarchy within these
    elements.

    Effective typography: Typography is the use of type in a design.


    COMPONEN Typography seeks to create a greater meaning by thoughtful and
    deliberate selection font, size, color, layout, alignment, and other
    TS OF WEB factors that affect the design of type on a page

    DESIGN Color Scheme: A choice of the right color scheme sets the mood
    PACKAGES of your design. It involves the combination of colors that reflect
    your organization’s brand.

    Design Elements: This is where you leverage on your creativity


    with texture, icons and patterns. However, ensure you are
    consistent in your design with the goals of the website and its
    audience.
    Thank
    You
    • The <!DOCTYPE html> declaration defines
    that this document is an HTML5 document
    • The <html> element is the root element of an
    HTML page
    Sample • The <head> element contains meta
    information about the HTML page
    HTML • The <title> element specifies a title for the
    HTML page (which is shown in the browser's
    Document title bar or in the page's tab)
    • The <body> element defines the document's
    Explained body, and is a container for all the visible
    contents, such as headings, paragraphs,
    images, hyperlinks, tables, lists, etc.
    • The <h1> element defines a large heading
    • The <p> element defines a paragraph
    What is an HTML
    Element?
    • An HTML element is defined by a start tag, some
    content, and an end tag:
    <tagname> Content goes here... </tagname>

    The HTML element is everything from the start tag to


    the end tag:
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>
    HTML Page Structure
    Web Browsers

    The purpose of a web A browser does not


    browser (Chrome, Edge, display the HTML tags,
    Firefox, Safari) is to read but uses them to
    HTML documents and determine how to display
    display them correctly. the document:

    You might also like