Scribd Logo
Upload

Welcome to Scribd!

  • Web Technology

    Uploaded by

    karthi
    9 views9 pages
    wt

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    wt

    Copyright:

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

    Web Technology

    Uploaded by

    karthi
    wt

    Copyright:

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

    KARPAGAM UNIVERSITY

    COIMBATORE-641021

    UG DEGREE EXAMINATION, APRIL 2017

    BSC-Information Technology

    Fundamentals of Web Designing and Internet

    Time:3 Hours Maximum:60 Marks

    Part B(5*2=10 marks)

    Answer all the questions

    21. Mention any four web servers.

    22. Define the term static web page.

    23. What do you mean by anchor tag?

    24. List the attributes of image tag.

    25. Distinguish between checkbox and radio buttons.

    Part C(5*6=30 Marks)

    Answer all the questions

    26.a)Discuss the importance of world wide web.

    Or

    b) What is web browser? Discuss different types of web browser.

    27.a) Describe how can you present information in the form of lists in HTML.

    Or

    b) How many HTML tags are should be used for the most simple of web pages?

    28.a) Write a HTML table tag sequence that outputs the following:

    Ranking
    Team 2014 2015 2016
    India 3 2 1
    Australia 1 1 2

    Or
    b) Discuss different link types with example.

    29.a) Create a web page to display the tourist spots of Coimbatore with appropriate
    tags(image,hyperlink,etc).

    Or

    b)What are the merits of client-side image maps and server-side image maps? Explain.

    30.a) Design a web page of your college with appropriate tags.

    Or

    b)What is frame? Explain with an example.


    KARPAGAM UNIVERSITY

    COIMBATORE-641021

    UG DEGREE EXAMINATION, APRIL 2017

    BSC-Information Technology

    Fundamentals of Web Designing and Internet

    21.Web server 2 marks

    1)apache

    2)IIS

    3)nginx

    4)gws

    22)Static web pages 2 marks

    Static web pages are also known as flat or stationary web page. They are loaded on the
    clients browser as exactly they are stored on the web server. Such web pages contain only
    static information. User can only read the information but cant do any modification or
    interact with the information.

    23.Anchor tags 2 marks

    An anchor is a piece of text which marks the beginning and/or the end of a hypertext link.

    24.Attributes of images 2 Marks

    align, alt, border, crossorigin, height, hspace, sizes, src, width

    25.checkbox vs radio button 2 Marks

    Radio buttons are used when there is a list of two or more options that are mutually exclusive
    and the user must select exactly one choice. In other words, clicking a non-selected radio
    button will deselect whatever other button was previously selected in the list. Checkboxes are
    used when there are lists of options and the user may select any number of choices

    Part C

    26.a.World Wide Web 6 Marks


    The World Wide Web is an information space where documents and other web resources
    are identified by Uniform Resource Locators (URLs), interlinked by hypertext links, and can
    be accessed via the Internet

    26.b.web browser: 6 Marks

    Web browsers are used by people to find and look at web sites on the Internet

    Types:
    Internet explorer,google chrome,Mozilla firefox,safari,etc

    27.a.List 6 Marks

    HTML offers web authors three ways for specifying lists of information. All lists must
    contain one or more list elements. Lists may contain:

    <ul> - An unordered list. This will list items using plain bullets.

    <ol> - An ordered list. This will use different schemes of numbers to list your items.

    <dl> - A definition list. This arranges your items in the same way as they are arranged
    in a dictionary.

    27.b)tags used for the most simple of web pages 6 Marks

    <html>

    <head>

    <title>

    <body>

    28.a)Table tags 6 marks

    <table>
    <tr>
    <th>Ranking</th>
    </tr>
    <tr>
    <th>Team</th>

    <th>2014</th>
    <th>2015</th>
    <th>2016</th>
    </tr>
    .....
    </table>
    28.b.different link types in hyperlinking. 6 marks

    Alternate,archives,author,bookmark,external,first,help,icon,index,
    last,licence,manifest,next,etc

    29.a.frame 6 marks

    <FRAMESET ROWS="*,100">
    <FRAMESET COLS="40%,*">
    <FRAME NAME="Menu" SRC="nav.html" TITLE="Menu">
    <FRAME NAME="Content" SRC="main.html" TITLE="Content">
    </FRAMESET>
    <FRAME NAME="Ad" SRC="ad.html" TITLE="Advertisement">
    <NOFRAMES>
    <BODY>
    <H1>Table of Contents</H1>
    <UL>
    <LI>
    <A HREF="reference/html40/">HTML 4 Reference</A>
    </LI>
    <LI>
    <A HREF="reference/wilbur/">HTML 3.2 Reference</A>
    </LI>
    <LI>
    <A HREF="reference/css/">CSS Guide</A>
    </LI>
    </UL>
    <P>
    <IMG SRC="ad.gif" ALT="Ad: Does your bank charge too much?">
    </P>
    </BODY>
    </NOFRAMES>
    </FRAMESET>

    29.b.client side image map and server side image maps 6 marks

    Server-side

    Server-side image maps enable the web broswer to send positional information to the server
    about where the user clicks within an image. This allows the server to make pixel-by-pixel
    decisions about what content to return in response (possible methods are to use image mask
    layers, database queries, or configuration files on the server).

    The html code for this type of server-side image map requires the <img> tag to be inside an
    anchor tag <a>...</a> and the <img> must include the ismap attribute.

    <a href="/imagemapper"><img src="image.gif" ismap/></a>


    When the user clicks inside the image the browser will append the X and Y coordinates
    (relative to the upper-left corner of the image) to the anchor URL as a query string and will
    access the resulting URL

    Client-side

    Client-side image do not require any special logic to be executed on the server (they are fully
    client-side). They also do not require any java script.

    Pure HTML

    A client-side imagemap in HTML consists of two parts:

    1. the actual image, which is embedded with the <img> tag. The image tag must have an
    attribute usemap, which names the imagemap to use for this image (multiple
    imagemaps may exist on a single page).

    2. A <map> element, and inside that, <area> elements, each of which defines a single
    clickable area within the imagemap. These are similar to the <a> tag defining which
    URL should be opened for an ordinary web link. A title attribute may be provided,
    which may be rendered as a tooltip if a desktop user hovers their mouse pointer over
    the area.

    30.a.College web page 6 marks

    <html><FRAMESET ROWS="*,100">
    <FRAMESET COLS="40%,*">
    <FRAME NAME="Menu" SRC="nav.html" TITLE="Menu">
    <FRAME NAME="Content" SRC="main.html" TITLE="Content">
    </FRAMESET>
    <FRAME NAME="Ad" SRC="ad.html" TITLE="Advertisement">
    <NOFRAMES>
    <BODY>
    <H1>Table of Contents</H1>
    <UL>
    <LI>
    <A HREF="reference/html40/">HTML 4 Reference</A>
    </LI>
    <LI>
    <A HREF="reference/wilbur/">HTML 3.2 Reference</A>
    </LI>
    <LI>
    <A HREF="reference/css/">CSS Guide</A>
    </LI>
    </UL>
    <P>
    <IMG SRC="ad.gif" ALT="Ad: Does your bank charge too much?">
    </P>
    </BODY>
    </NOFRAMES>
    </FRAMESET>

    <head><h1><center>ALL STYLE SHEETS</center></h1>

    <title>USE of INTERNAL and EXTERNAL STYLESHEETS

    </title>

    <link rel="stylesheet" href="xyz.css" type="text/css">

    <style type="text/css">

    .vid{font-family:verdana;font-style:italic;color:red;text-align:center}

    .ani{font-family:tahoma;font-style:italic;font-size:20;text-align:center;}

    font{font-family:georgia;color:blue;font-size:20}

    ul{list-style-type:circle}

    </style>

    </head>

    <body>

    <ol style="list-style-type:lower-alpha">

    <b>A. GROUP OF COLLEGES</b><br><br><br>

    <li>Raj Engineering College

    <li>Dr University and Research Institute

    <li>Raj College of Engineering,Bangalore

    <li>Tamilnadu College of Arts and Science

    </ol>

    <p style="font-size:20pt;color:purple">A.C.S GROUP OF COLLEGES</p>

    <p class="ani">CSS Group of colleges is owned by XXX.<br>It is approved


    by

    International Council
    It is affliated to JKK University.<br></p>

    <h2 class="vid">DES College of Engg</h2>

    <br>

    <font>It is an ISO certified Institution</font><br>

    <br>

    <font>

    <h2>List of Courses offered</h2>

    <ul>

    <li>Computer Science and Engineering</li>

    <li>Ece</li>

    <li>mech</li>

    <li>eee</li>

    </ul>

    </font>

    <h3>Results of cse students</h3>

    <table width="100%" cellspacing="2" cellpadding="2" border="5">

    <tr>

    <th>S.NAME</th>

    <th>MARKS</th>

    <th>RESULT</th>

    </tr>

    <tr>

    <td align="center">Dinesh</td>

    <td align="center">100</td>

    <td align="center">pass</td>
    </tr>

    <tr>

    <td align="center">Bala</td>

    <td align="center">99</td>

    <td align="center">pass</td>

    </tr>

    <tr>

    <td align="center">Gopi</td>

    <td align="center">98</td>

    <td align="center">pass</td>

    </tr>

    </table>

    </body>

    </html>

    30.b.Frames

    HTML frames allow authors to present documents in multiple views. Views may be
    independent windows or subwindows. Multiple views offer designers a way to keep certain
    information visible, while other views are scrolled or replaced. For instance, to use three
    frames: one for a static banner, one for a navigation menu, and one for a main view that can
    be scrolled though or replaced by clicking on an item in the navigation frame.

    <frameset cols="25%,*,25%">
    <frame src="frame_a.htm">
    <frame src="frame_b.htm">
    <frame src="frame_c.htm">
    </frameset>

    You might also like