Scribd Logo
Upload

Welcome to Scribd!

  • Web Site Designing-Training

    Uploaded by

    Sunny Khushdil
    15 views40 pages
    web desine and develowepment ppt

    Original Title

    Web Site Designing-training

    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
    web desine and develowepment ppt

    Copyright:

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

    Web Site Designing-Training

    Uploaded by

    Sunny Khushdil
    web desine and develowepment ppt

    Copyright:

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

    Introduction Web Designing and Web Development

    Graphic And HTML Code

    Web Designing
     Web design refers to the design of
    websites that are displayed on the
    internet.
     Web design used to be focused on
    designing websites for desktop browsers
    and Mobile or any device.
     Developing a website is like building a
    house.
     When building a house, you ask an
    architect to draw up the plans. The
    architect will obtain building permits
    1
    2
    3
    First Stage of
    Web Designing?
    WIREFRAME
    The Purpose of WIREFRAME
    When you have full information about what you HAVE
    TO DESIGN.
    Then you will Organizing the information and
    Start figuring out the flow of a page before you start about
    things
    Like THE FONT and THE COLOURS and
    PLACEMENT of elements and make everything pixel
    perfect.
    How to Wireframe a Website
    • With the help of Wireframe you have clean picture of
    your project. It will make your work quickly, generate
    lots of ideas
    • You could start wireframe with pen and paper and
    sketch the design.
    • All the things will proper aligned.
    • Before you start you need to know what content is going
    on the page you are designing.
    • What the information is going on the page that you need 5
    to get across before you can start designing.
    6
    Use of
    Web designing?
    Or
    What a Designer Do

    7
    Web Designer Works
    The artistic look is an essential one and picking the proper
    colors, font, layout, and images build the entire character
    of the website.
    A web designer has to consider artistic looks as well as
    give priority to the usability of the website.

    • Three of the most common methods for designing


    websites.
    • Appearance:- for instance, relates to the colors, font,
    and images used.
    • Layout:- refers to how information is structured and
    categorized
    • Content of a website

    8
    Start with
    Adobe
    Photoshop
    Design The Layout

    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    HTML-5 Cover All these Topic.
    <!DOCTYPE html>
    <html>
    <body>
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>
    <p>
    <!-- HTML Documents -->

    26
    Cascading Style Sheets (CSS3) is a style sheet language
    HTML-5 used for describing the look and formatting of a document
    HTML5 is the latest version of Hypertext Markup written in a markup language.
    Language, the code that describes web pages. It's actually
    three kinds of code: HTML, which provides the
    structure; Cascading Style Sheets (CSS), which take care
    of presentation and JavaScript, which makes things The new (some currently available) HTML headings like
    happen. <header>, <footer>, <nav>, <section>, <aside>, etc. allow
    screen readers to easily access content.
    New Tags Added by HTML5
    • header Before, your screen readers had no way to determine what
    a given <div> was even if you assigned it an ID or Class.
    • main
    • nav With new semantic tags screen readers can better examine
    • article the HTML document and create a better experience for
    those who use them.
    • section
    • aside
    • address
    • footer

    27
    New Elements in HTML5

    <article> <figcaption> <progress>


    <aside> <footer> <section>
    <audio> <header> <source>
    <canvas> <hgroup> <svg>
    <datalist> <mark> <time>
    <figure> <nav> <video>
    Comparison of HTML and HTML5
    HyperText Markup Language (HTML) is the primary markup language for web pages. HTML5 is
    the version of HTML. There are lots of differences that are given in HTML5. The main difference
    between HTML and HTML 5 is that video and audio are not part of HTML while these both are
    integral parts of HTML5 specifications.

    HTML
    • Video and audio are not part of HTML
    • Sed in molestie est. Cras ornare turpis at ligula posuere,
    sit amet accumsan neque lobortis.
    • Maecenas mattis risus ligula, sed ullamcorper nunc efficitur
    sed.

    29
    30
    31
    32
    HTML5: Structure
    HTML: Structure
    HTML: Structure
    HTML: Structure
    HTML: Structure
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    38
    ThankYou
    Kamna
    7508003378
    Thanks

    40

    You might also like