Scribd Logo
Upload

Welcome to Scribd!

  • Web Designing: Represented by Ashish Bisht B.Tech 2 Year (C.S.E)

    Uploaded by

    kannuk
    44 views25 pages

    Original Title

    Web-Designing

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PPT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    44 views25 pages

    Web Designing: Represented by Ashish Bisht B.Tech 2 Year (C.S.E)

    Uploaded by

    kannuk

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 25

    Web Designing

    Represented By
    Ashish Bisht
    B.Tech 2nd Year
    (C.S.E)
    World wide web

     Grand global collection of websites and the


    internet interconnects all the sites
     All publicly accessible websites collectively
    constitute the World Wide Web
     Over one billion registered websites
    What is Web Designing ???

     Skill of creating presentations for the end


    user through the world wide web
     Process of designing web pages , web sites
    and web applications
     Utilizes multiple disciplines
    Website ???

     A website is a collection of related web pages,


    images, videos or other digital assets that are
    addressed with a common domain name or IP
    address in an Internet Protocol based network
     Home page (URL)
    e.g. http://www.msn.com/
     Link pages
     Each page has multiple links
     Graphical environment provided with GUI
    A brief history

     First website was published by Tim Berners –


    Lee in August 1991
     Combined internet communication with
    hypertext
     Started with markup languages and later on
    slowly evolved incorporating latest changes
    in technology
    Types of web pages

     Static: A web page that always comprises the


    same information in response to all download
    requests from all users
     Dynamic: Content on a web page can
    change, in response to different contexts or
    conditions
    Steps for creating web
    pages
     Planning the web pages
     Gathering information
     Organize information
     Publishing web pages
    Web site planning
     Purpose
     Audience
     Content
     Compatibility & restrictions
     Planning documentation
    Essentials for a good
    website
     Visual effect
     Spacing
     Navigation
     Design to build
     Typography
     Usability
     Alignment
     Clarity
     Consistency
     Privacy & customer opinions
    Hardware required

     Personal computer
     Internet facility
    Languages used…!

     Markup languages(HTML,XHTML,XML)
     Style sheet languages (CSS,XSL)
     Client side scripting (java script)
     Server side scripting (PHP,ASP)
     Database technologies (such as MySQL and
    PostgreSQL)
     Multimedia technologies (such as Flash and
    Silverlight)
    Markup languages

     HTML - Hypertext Markup Language


     Publishing language used by www.
     HTML document makes use of HTML tags.
    (i.e. < and >)
     XHTML- Extensible HTML
     An extended version of HTML.Need to be well
    formed as compared to HTML. E.g. the use of tags;
    case sensitivity etc
     XML - Extensible Markup Language
     Set of rules for encoding documents
    electronically.
     XML’s design goals emphasize simplicity,
    generality, and usability over the internet
    HTML

     Best designing language available for static


    web pages
     HTML document makes use of HTML tags
     Commands do not appear independently and
    exist within specific symbols called tags (i.e.,<
    and > )
    Essentials for HTML

     Text editor
     Browser

    Text Editor FINAL


    BROWSER
    (NOTEPAD) OUTPUT
    Working with HTML , at a glance

     HTML tags are used that work in pairs


     Basic HTML tags include container tags and
    non container tags
     E.g. for container tags
    <HTML>…….</HTML>
    <HEAD>…….</HEAD>
    <BODY>…….</BODY>
     E.g. for non container tags
    <BR> puts a line break in between 2 lines
    <HR> inserts a horizontal line into a web page

     Save it with an .html extension or .htm


    extension.
    Style sheet languages

     CSS - Cascading Style Sheets


    A mechanism that applies a style across one or more
    web pages. Forms a part of DHTML. Style
    information from several sources are blended
    together.

     XSL – Extensible Style Sheet Language


    Refers to a family of languages used for transforming
    & rendering XML documents
    Client side scripting

     Java script :
     Offer the ability to quickly and easily
    generate the scripts for powerful user
    interaction.
     Can run locally in a user's browser and thus
    can respond to user actions quickly, making
    an application feel more responsive.
    Server side scripting

     PHP – Hypertext Preprocessor


    Widely used, general-purpose scripting language that
    was originally designed for web development, to
    produce dynamic web pages
     ASP - Active Server Pages
    Microsoft’s first server-side script engine for
    dynamically-generated web pages. Web pages with
    the .asp file extension use ASP. Written mostly in
    VBScript.
    Database technologies

     MySQL (My structured Query Language) :


     RDBMS which has more than 6 million
    installations and the program runs as a server
    providing multi-user access to a number of
    databases.eg of sites using this are
    Flickr;facebook etc
     Often combined with PHP
     PostgreSQL :
     A language that is easy to administer and is
    widely used for web designing
     It is a free , open source software which has
    considerable reliability and stability
    Multimedia technologies

     Flash :
     Adobe Flash is a multimedia platform that has
    become a popular method for adding animation and
    interactivity to web pages.
     Flash can be used to embed video in web
    pages.E.g.You Tube and Google Video
     Silverlight : Microsoft Silverlight is a web application
    framework, integrating
    multimedia,graphics,animation & interactivity into a
    single runtime environment
    Accessible web design

    To `be accessible, web pages and sites must


    conform to certain accessibility principles.
    These accessibility principles are known as the
    WCAG when talking about content.
    Thank you !!!

    You might also like