Scribd Logo
Upload

Welcome to Scribd!

  • Fundamentals of Web Development With: HTML, CSS, Javascript

    Uploaded by

    Aditya
    36 views14 pages

    Original Title

    25444215

    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

    Copyright:

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

    Fundamentals of Web Development With: HTML, CSS, Javascript

    Uploaded by

    Aditya

    Copyright:

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

    Fundamentals of Web

    Submitted To: Development Submitted By:


    Mrs. Vandana Rawat With Aditya Bisht
    HTML, CSS, JavaScript 21151203
    ROLL NO. 4
    Objectives
    At the end of this module, you will be
    able to:

    Importance of Web Development

    Front-end and Back-end Web Development

    HTML, CSS and JavaScript - An Overview

    pment
    Importance of Web Development
     The Internet
    • Accessible through mobile and desktop
    • Customers/users need to find you/your business
    • Builds trust in your organization and improves your reputation
    • Your website is your first round-the-clock sales person!
     The Website
    • Creates first impression of your business
    • Create it to suit the needs of your target audience
    • Reflects your expertise and reputation
    • Can bring business from any part of the world!
    • Call to Action – Encourage the users to give you business
     You need Web Development skills to create a Website!
    Front Endand Back End Web Development
     Front End Web Development
    • Defined components on the page with HTML
    • Make them look pleasing with CSS
    • Enable interactivity with JavaScript
    • Enhance productivity with use of frameworks
     Back End Web Development
    • Create the page components and content dynamically on the web server
    • Send the HTML + CSS + JavaScript to web browser (used by a human user)
    • Generate pages by programming in Java, JavaScript, PHP, Python
    • Aim to achieve fast response times to end users
     Front End Web Development is the focus of this webinar!
    HTML, CSS, and JavaScript – An Overview
     HTML
    • Hypertext Markup Language
    • Structure of Page

     JavaScript
    • Interactivity with User
    • Dynamic Updates in a Web Page

     CSS
    • Cascading Style Sheets
    • Presentation/Styling

    t
    A Simple HTML5 Page

     Save the following code in a test.html file


    <!DOCTYPE html>
    <html>
    <head>
    <title>This is My First Website </title>
    </head>
    <body>
    <p>Welcome to HTML5, CSS3 and JavaScript!</p>
    </body>
    </html>

    t
    HTML
     HTML
    • Telling the browser what to do, and what props to use.
    • A serises of tags that are integrated into a text document.
    • Tags are ;
    • surrounded with angle brackets like this
    • <B> or <I>.
    • Most tags come in pairs
    • exceptions: <P>, <br>, <li> tags …
    • The first tag turns the action on, and the second turns it
    off.
    HTML (Hypertext Markup Language)
     Common features
    – Tables
    – Frame
    – Form
    – Image map
    – Character Set
    – Meta tags
    – Images, Hyperlink, etc…

    8
    CSS - Introduction
     Cascading Style Sheet
    • Describes the look and formatting of a page
    • Used for Changing Presentation and Styling
    • Can apply to a mark-up language

     Separates Content from Presentation


     Properties (Attributes) Styled
    • Layout, Font (Typography), Color, Background
    • Box Properties: Border, Margin, Padding
    • Lists, Tables etc.

    .
    CSS (Cascading Style Sheet)

    Controls format:
    Font, color, spacing
    Alignment
    User override of styles
    Aural CSS (non sighted user and voice-
    browser)
    Layers
    Layout
    User Interface
    CSS (Cascading Style Sheet)
     <HTML>
    <head>

    <title>Hello World</title>

    <style type=“text/css”>
     p,h1,h2 {
     margin-top:0px;
     margin-bottom:100px;padding:40px 40px 0px 40px;
     }
    </style>

    </head>

    <body bgcolor = “#000000”>


    <font color = “#ffffff”>
    <h1>Hello World<h1>

    </font>

    </body>

    </HTML>
    JavaScript
     Compact object-based scripting language
     Code be embedded into HTML file
     HTML tag
    <script language=“javascript”>CODE</script>
     Also be in a separate file FILENAME.js
     HTML tag
    <SCRIPT LANGUAGE="JavaScript" SRC=“FILENAME.js"></SCRIPT>

    12
    JavaScript
     Main objectives:
    User interface, CGI capabilities without involving server
     Client side compilation
     Server provides no support
     Security hazard for client’s computer

    13
    Thank You!!

    You might also like