Scribd Logo
Upload

Welcome to Scribd!

  • 4 views

    Web Devlopment: Presents A Session On

    Uploaded by

    19001009010 DHRUV JAIN
    The document provides an overview of web development topics including HTML, CSS, JavaScript, forms, and backend frameworks. It discusses the basics of HTML tags for content, links, and lists. It also covers CSS syntax, definitions locations, and selectors. JavaScript is introduced as a scripting language to make web pages interactive. Bootstrap is explained as a framework for responsive design. Popular backend frameworks like Django, Express.js, Ruby on Rails, and Laravel are also listed.

    Copyright:

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

    You might also like

    Web Devlopment: Presents A Session On

    Uploaded by

    19001009010 DHRUV JAIN
    4 views14 pages
    The document provides an overview of web development topics including HTML, CSS, JavaScript, forms, and backend frameworks. It discusses the basics of HTML tags for content, links, and lists. It also covers CSS syntax, definitions locations, and selectors. JavaScript is introduced as a scripting language to make web pages interactive. Bootstrap is explained as a framework for responsive design. Popular backend frameworks like Django, Express.js, Ruby on Rails, and Laravel are also listed.

    Original Description:

    Original Title

    PRESENTS

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document provides an overview of web development topics including HTML, CSS, JavaScript, forms, and backend frameworks. It discusses the basics of HTML tags for content, links, and lists. It also covers CSS syntax, definitions locations, and selectors. JavaScript is introduced as a scripting language to make web pages interactive. Bootstrap is explained as a framework for responsive design. Popular backend frameworks like Django, Express.js, Ruby on Rails, and Laravel are also listed.

    Copyright:

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

    Web Devlopment: Presents A Session On

    Uploaded by

    19001009010 DHRUV JAIN
    The document provides an overview of web development topics including HTML, CSS, JavaScript, forms, and backend frameworks. It discusses the basics of HTML tags for content, links, and lists. It also covers CSS syntax, definitions locations, and selectors. JavaScript is introduced as a scripting language to make web pages interactive. Bootstrap is explained as a framework for responsive design. Popular backend frameworks like Django, Express.js, Ruby on Rails, and Laravel are also listed.

    Copyright:

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

    P R E S E N T S

    A S E S S I O N O N

    WEB DEVLOPMENT
    HTML CSS JS
    CONTENT PRESENTATION BEHAVIOUR
    & & &
    STRUCTURE STYLE FUNCTIONING
    "what does it mean?" "what does it look like?" "what does it do?"
    BASICS OF HTML
    <!DOCTYPE html>
    <html>
    <head>
    <title>Title of your web page</title>
    </head>
    <body>
    <h1>Heading tag</h1>
    <p>paragraph</p>
    <img src=" " alt=" " height=" " width=" ">
    <a href="address of page">Move to given page</a>
    </body>
    </html>
    SOME TAGS OF HTML
    1.HTML Meta Tags
    DOCTYPE, title, link, meta and style
    2.HTML Text Tags
    <p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <strong>
    3.HTML Link Tags
    <a>
    4.HTML List Tags
    <ul>, <ol>, <li>
    5.HTML Form Tags
    form, input, textarea,button
    FORMS
    <form>
    <label>First name:</label><br>
    <input type="text" id="fname" class="fname"><br>
    <label>Last name:</label><br>
    <input type="text" id="lname" class="lname">
    <input type="radio" id="html" class="fav_language" value="HTML">
    <label for="html">HTML</label><br>
    <input type="radio" id="css" class="fav_language" value="CSS">
    <label for="css">CSS</label><br>
    <input type="radio" id="javascript" class="fav_language" value="JavaScript">
    <label>JavaScript</label><br>
    <button>Submit</button>
    <label for="javascript">JavaScript</label>

    </form>
    BASICS OF CSS
    Any modification in the design of websites was a very
    difficult and boring task, as it evolves manually editing
    every HTML page.
    Structure

    a. CSS Syntax Introduction

    b. Three places CSS can be defined o CSS Syntax Specifics

    c. Selectors
    CSS SYNTAX
    Elements to a CSS Statement
    • Selector
    o What HTML sections does it affect?
    • Property
    o What attribute of that HTML section will be affected?
    . Value
    o What change will be made to that attribute?
    THREE CSS DEFINITION LOCATIONS
    1.Inline the "style" attribute
    <p style="font-color:red;font-size:10px;">Content</p> Note, the selector
    for inline CSS is the tag which contains the style attribute.

    2. Internal: the <style> markup tag


    <html><head><style>
    P( background-color: Red;
    font-family: serif;
    font-color: White;}
    </style></head> <body>
    <p>Content</p> </body></html>

    3. External: the .css stylesheet file


    <link rel="stylesheet" type="text/css" href="mystylesheet.css" />
    BOOTSTRAP
    WHAT IS BOOTSTRAP?
    Bootstrap is a free front-end framework for faster and easier web development.

    Bootstrap includes HTML and CSS based design templates for typography, forms,
    buttons, tables, navigation, modals, image carousels and many other, as well as
    optional JavaScript plug-in

    Bootstrap also gives you the ability to easily create responsive designs.

    Responsive web design is about creating web sites which automatically adjust
    themselves to look good on all devices, from small phones to large desktops.
    ADVANTAGES OF BOOTSTRAP
    1.Easy to use: Anybody with just basic knowledge of HTML and CSS can start
    using Bootstrap.
    2.Responsive features: Bootstrap's responsive CSS adjusts to phones,
    tablets, and desktops.
    3.Mobile-first approach: In Bootstrap 3, mobile first styles are part of the
    core framework.
    4.Browser compatibility: Bootstrap is compatible with all modern browsers
    (Chrome, Firefox, Internet Explorer, Safart, and Opera).
    JAVASCRIPT
    What is Javascript?
    A lightweight programming language ("scripting language") used to make
    web pages interactive
    insert dynamic text into HTML (ex: user name) react to events (ex: page load
    user click)
    get information about a user's computer (ex: browser type) perform
    calculations on user's computer (ex: form validation)
    How java and javascript are related?
    They are just like car and carpet.
    BACKEND DEVELOPMENT
    Client server architecture is a
    computing model in which the server
    hosts, delivers, and manages most of
    the resources and services requested
    by the client. It is also known as the
    networking computing model or
    client server network as all requests
    and services are delivered over a
    network.
    BACKEND FRAMEWORKS

    Django
    Express.js
    Ruby on Rails
    Laravel
    Flask
    Vue.js

    You might also like