web record

Upload: manichennai

Post on 06-Apr-2018

223 views

Category:

Documents


0 download

TRANSCRIPT

  • 8/2/2019 Web Record

    1/40

    Ex. No: 1

    Date:

    CREATE A BASIC WEB PAGE USING HTML

    Aim:

    To create a basic web page using HTML

    Algorithm:

    Step 1: Create the html page by using notepad.

    Step 2: Use some basic HTML tags inside like

    , , , etc.

    Step 3: Save and run the html program.

  • 8/2/2019 Web Record

    2/40

    Program:

    This is my webpage

  • 8/2/2019 Web Record

    3/40

    This is a rally big header, or headline

    I am writing a paragraph. And this is bold text within the

    paragraph.
    And this is My Info, too.

    This is the second way of writing a paragraph.

    The is a secondary header

    This is italic text, followed by a single-line break, instead of the double-line paragraph break done

    above.

    The blockquote tag provides a nice way to set off a really long

    quote.

    This is a numbered (1, 2) list:Departments

    Computer Science

    Information Technology

    This is a bullet point (unordered) list:Colleges

    SRM University

    Valliammai Engineering College

  • 8/2/2019 Web Record

    4/40

    Output:

  • 8/2/2019 Web Record

    5/40

    Result:

    A basic web page has been created using HTML

    Ex. No: 2

  • 8/2/2019 Web Record

    6/40

    Date:

    WEB PAGE USING CSS

    Aim:

    To create a web page using cascading style sheet

    Algorithm:

    Step 1: Create the html page by using notepad.

    Step 2: Create a cascading style sheet program.

    Step 3: Call the CSS file inside your html program.

    Step 4: Save and run the html program.

  • 8/2/2019 Web Record

    7/40

    Program:

    HTML FORMS

  • 8/2/2019 Web Record

    8/40

    HTML FORMS LAB

    First name:

    Last name:

    Sex:

    Male

    Female

    Nationality:

    Indian

    NRI

    DOB:

    DATE

  • 8/2/2019 Web Record

    9/40

    01

    02

    03

    04

    05

    06

    07

    08

    09

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    20

    21

    22

    23

    24

    25

    26

  • 8/2/2019 Web Record

    10/40

    27

    28

    29

    30

    31

    Month

    Jan

    Feb

    Mar

    Apr

    May

    Jun

    Jul

    Aug

    Sep

    Oct

    Nov

    Dec

    Y

    1

    2

    3

  • 8/2/2019 Web Record

    11/40

    4

    5

    6

    7

    8

    9

    Y

    0

    1

    2

    3

    4

    5

    6

    7

    8

    9

    Y

    0

    1

    2

    3

  • 8/2/2019 Web Record

    12/40

    4

    5

    6

    7

    8

    9

    Y

    0

    1

    2

    3

    4

    5

    6

    7

    8

    9

    This Page is designed by manikandan studying B.Tech

    at SRM University

  • 8/2/2019 Web Record

    13/40

    .


    To send in your suggestion

    mail me.

    Cascading Style sheet:

    body

    {

    background-color:#00FFFF;

    }

  • 8/2/2019 Web Record

    14/40

    h1

    {

    color:orange;

    text-align:center;

    }

    p

    {

    font-family:"French Script MT";

    font-size:20px;

    }

  • 8/2/2019 Web Record

    15/40

    Output:

  • 8/2/2019 Web Record

    16/40

  • 8/2/2019 Web Record

    17/40

    Result:

    Thus the Web page using Cascading style sheet is implemented

    Ex. No: 3

    Date:

    WEB PAGE USING HTML FORMS

    Aim:

    To create a web page using HTML forms

    Algorithm:

    Step 1: Create the html page by using notepad.

    Step 2: Create HTML forms

    Step 3: Save and run the html program.

    :

  • 8/2/2019 Web Record

    18/40

    Program:

  • 8/2/2019 Web Record

    19/40

    HTML FORMS

    Banking Account

    Information

    First name:

    Address:

    Account Number:

    Account Type:

    Account Type

    Saving Account

    Current Account

    Recuring Deposit

    Demat Account

    This Page is designed by students studying B.Tech at

    SRM University

    .


    To send in your suggestion

    mail me.

  • 8/2/2019 Web Record

    20/40

    Output:

  • 8/2/2019 Web Record

    21/40

  • 8/2/2019 Web Record

    22/40

    Result:

    Thus the Web page using HTML forms is implemented

    Ex. No: 4

    Date:

    CLASS TIME TABLE USING HTML

    Aim:

    To create Class time table using HTML

    Algorithm:

    Step 1: Create the html page by using notepad.

    Step 2: Create tables using html

    Step 3: Fill the created tables with required data

    Step 4: Save and run the html program

  • 8/2/2019 Web Record

    23/40

  • 8/2/2019 Web Record

    24/40

    Program:

    SRM UNIVERSITY VI SEM -CSE PT

    DEPARTMENT OF COMPUTER SCIENCE

    TIME TABLE

    *** welcome to cse students ***

    hour

    1

    2

    break

    3

    4

    lunch

    5

    6

  • 8/2/2019 Web Record

    25/40

    break

    7

    8

    9

    day

    9.00-9.40

    9.40-10.20

    10.40-11.20

    11.20-12.00

    12.50-1.30

    1.30-2.10

    2.30-3.10

    3.10-3.3.50

    3.50-4.30

    sat

    pcs412

    pcs412

    pcs422

    pcs422

    pcs415

    pcs415

  • 8/2/2019 Web Record

    26/40

    sun

    pcs412

    pcs412

    pcs422

    pcs422

    pcs415

    pcs415

  • 8/2/2019 Web Record

    27/40

    Output:

  • 8/2/2019 Web Record

    28/40

  • 8/2/2019 Web Record

    29/40

    Result:

    Thus the class time table has been created using HTML

    Ex. No: 5

    Date:

    CREATE HTML WEB PAGE USING VB SCRIPT

    Aim:

    To create a webpage using VB script

    Algorithm:

    Step 1: Create the html page by using notepad.

    Step 2: Create the VB script

  • 8/2/2019 Web Record

    30/40

    Step 3: Call the VB script within the HTML

    Step 4: Save and run the html program

  • 8/2/2019 Web Record

    31/40

    Program:

    HTML using VB Script

    Sub mysub()

    msgbox("Bye")

    End Sub

    Exit

  • 8/2/2019 Web Record

    32/40

    Output:

  • 8/2/2019 Web Record

    33/40

  • 8/2/2019 Web Record

    34/40

    Result:

    Thus the webpage has been creating using VB Script.

    Ex. No: 6

    Date:

    CREATE HTML WEB PAGE USING JAVA SCRIPT

    Aim:

    To create a webpage using Java script

    Algorithm:

    Step 1: Create the html page by using notepad.

    Step 2: Create the Java script

    Step 3: Call the Java script within the HTML

  • 8/2/2019 Web Record

    35/40

    Step 4: Save and run the html program

  • 8/2/2019 Web Record

    36/40

    Program:

    HTML using Java Script

    function show_prompt()

    {

    var name=prompt("Please enter your name","Enter Your Name");

    if (name!=null && name!="")

    {

    document.write("Hello " + name + "!How are you at ");

    document.write(innerHTML=Date());

    }

    }

  • 8/2/2019 Web Record

    37/40

    Output:

  • 8/2/2019 Web Record

    38/40

  • 8/2/2019 Web Record

    39/40

  • 8/2/2019 Web Record

    40/40

    Result:

    Thus the webpage has been creating using Java Script.