Your Federal Quarterly Tax Payments are due April 15th Get Help Now >>

HTML Assignment Solution Fall-2011 VU by AroojFatima4

VIEWS: 1,047 PAGES: 13

This is the Solution file of Assignment No. 3 of Virtual University of Pakistan, which is related to HTML. Just grab this HTML code and paste in Notepad. Then save in ".html" format instead of ".txt" and then view in your internet browser. Don't ever try to copy the whole code "as it is", to your solution. You must make necessary changes in it so that you gan get good marks. This is only for gudeline.

More Info
									AroojFatima4                                                                                    DocStoc.com
                                        Assignment No. 03 Solution
                                                                                   Total Marks: 25
                                              Semester Fall 2011
                                     Introduction to Computing-CS101               Created Date: 24–12– 2011


      Solution is At the End of This Document
 Design an HTML page using HTML elements such as tables, images, textboxes, text areas, radio buttons,
 list boxes, select boxes, background images, image maps, submit button and reset button. (Marks 25)

 Read the following instructions carefully.

     1. Your assignment must be a single HTML format file; any other format or screen shots are not
        acceptable.
     2. Use of Style Sheet is not allowed in this assignment.
     3. To create HTML file:
            a. Open notepad, write your code in this new file and “save as”.
            b. When it asks for file name, give its name like “studentID.html”.
            c. Take care of double quotes, there must be starting and ending double quotes to save file in
               HTML format.
     4. For header image use http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-assignment3-
        cs101-header.jpg as image source.
     5. For background image use this link http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-
        assignment3-cs101-naviBG.jpg as image source.




Introduction to Computing                                                          HTML Assignment Solution
AroojFatima4                                                                          DocStoc.com

                               Clicking on VU logo, it should open
                               http://www.vu.edu.pk link in new window.


                            There must be space between
                            text and edges (top, left and
                            bottom) of box.


                            Clicking on this link, it should open
                            http://www.google.com.pk link in new window.


                            Clicking on this link, it should open
                            http://vulms.vu.edu.pk link in new window.




Introduction to Computing                                                  HTML Assignment Solution
AroojFatima4                                                          DocStoc.com




                            This box must not allow to
                            type more than 11
                            characters.                   Only one choice
                                                          should be selectable at
                                                          a time.

                            Give eight choices of
                            semesters in this drop down
                            list.




Introduction to Computing                                 HTML Assignment Solution
AroojFatima4                                                   DocStoc.com




             The border of the table
             must be according to this
             style.



                                         It should allow
                                         selecting multiple
                                         choices from this list.




                                           On clicking “Reset”
                                           button, all fields must be
                                           set to their initial state.




Introduction to Computing                       HTML Assignment Solution
AroojFatima4                                                                            DocStoc.com




                            Follow the instructions 4 and 5 to place cross
                              domain images (images available on any
                                                web).


                                                 Take care of color
                                                scheme and borders




Introduction to Computing                                                    HTML Assignment Solution
AroojFatima4                                                            DocStoc.com

 Final output should be look like screen shot given below.




Introduction to Computing                                    HTML Assignment Solution
AroojFatima4                                                                                   DocStoc.com

            Solution
            Copy and save as .html your assignment done

            <HTML>

            <HEAD>

            <TITLE> CS101 Assignment No.3 "Fall 2011" </Title>

            </Head>

            <Body>

            <Form name="Order" method="post" action="sendmailScriptURL">

            <Table bgcolor="lightgrey" height="100" width="950">

            <TD>

            <Table align="center" border="1" bgcolor="lightgrey">

            <TR>

            <TD> <img src="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-
            assignment3-cs101-header.jpg"></TD>

            </TR>

            <TR>

            <TD>

            <Table>

            <TR>

            <TD>

            <table cellpadding="3"
            background="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-assignment3-
            cs101-naviBG.jpg">

            <td width="150" align="left"><A href="http://www.vu.edu.pk"/>Home</A></td>

            </table>

            <table
Introduction to Computing                                                        HTML Assignment Solution
AroojFatima4                                                                                DocStoc.com
           cellpadding="3"background="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-
           assignment3-cs101-naviBG.jpg">

            <td width="150" align="left"><A href="http://www.vu.edu.pk/About.html"/>About
            Us</A></td>

            </table>

            <table cellpadding="3"

            background="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-assignment3-
            cs101-naviBG.jpg">

            <td width="150" align="align"><A href="http://www.vu.edu.pk/Services.html"/>Our

            Services</A></td>

            </table>

            <table cellpadding="3"

            background="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-assignment3-
            cs101-naviBG.jpg">

            <td width="150" align="align"><A href="http://www.google.com.pk"/
            Target="_blank">Search

            Engine</A></td>

            </table>

            <table cellpadding="3"

            background="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-assignment3-
            cs101-naviBG.jpg">

            <td width="150" align="align"><A href="http://www.vu.edu.pk/Elearning.html">E

            Learning</A></td>

            </table>

            <table cellpadding="3"

            background="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-assignment3-
            cs101-naviBG.jpg">

            <td width="150" align="align"><A
            href="http://www.vu.edu.pk/Products.html">Products</A></td>

Introduction to Computing                                                         HTML Assignment Solution
AroojFatima4                                                                                   DocStoc.com
           </table>

            <table cellpadding="3"

            background="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-assignment3-
            cs101-naviBG.jpg">

            <td width="150" align="align"><A href="http://www.vulms.vu.edu.pk"
            Target="_blank">Login</A></td>

            </table>

            <table cellpadding="3"

            background="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-assignment3-
            cs101-naviBG.jpg">

            <td width="150" align="align"><A href="http://www.vu.edu.pk/Contact">Contact
            Us</A></td>

            </table>

            <Table bgcolor="grey" height="320" width="160">

            <TR></TR>

            </table>

            <TD>

            <Table>

            <TD>

            <Table>

            <TD>

            <table>

            <TD>

            <Table valign="top" border="3">

            <P align="center"><B>STUDENT ORDER</B></P>

            <TR>

            <TD width="150" align="right"><B>Name: </B></td>

Introduction to Computing                                                        HTML Assignment Solution
AroojFatima4                                                                              DocStoc.com
           <TD width="200"> <input type="text" name="Sender" size="15"></td>

            <Tr>

            <TR>

            <TD width="150" align="right"><B>VU-ID:</B></td>

            <TD width="200"><input type="text" name="ID" size="15" maxlength="11"></td>

            </tr>

            <TR>

            <TD width="150" align="right"><B>Format:</B></td>

            <TD width="200">

            <input type="radio" name="format" value="Handouts">Handouts

            <input type="radio" name="format" value="DVD">DVD's

            </td>

            </tr>

            <Tr>

            <TD width="150" align="right"><B>Semester:</B></td>

            <TD width="200">

            <select size="1" name="Semester">

            <option value="Select" Selected>Select Semester

            <option value="Semester1">Semester1

            <option value="Semester2">Semester2

            <option value="Semester3">Semester3

            <option value="Semester4">Semester4

            <option value="Semester5">Semester5

            <option value="Semester6">Semester6

            <option value="Semester7">Semester7

Introduction to Computing                                                      HTML Assignment Solution
AroojFatima4                                                                              DocStoc.com
           <option value="Semester8">Semester8

            </TD>

            </Tr>

            <Tr>

            <TD width="150" align="right"><B>Course:</B></td>

            <TD width="200">

            <select size="7" name="Course" multiple>

            <option value="CS101">CS101

            <option value="CS201">CS201

            <option value="CS301">CS301

            <option value="MGT101">MGT101

            <option value="MGT301">MGT301

            <option value="MGT501">MGT501

            </TD>

            <Tr>

            <TD width="150" align="right"><B>Shipping Address:</B></td>

            <TD><Textarea name="address" cols="20" rows="3"></textarea></td>

            </tr>

            <Tr>

            <Td width="150" align="right">. </td>

            <TD>

            <input type="submit" name="order" value="Submit">

            <input type="reset" value="Reset">

            </td>

            </tr>

Introduction to Computing                                                      HTML Assignment Solution
AroojFatima4                                                                                  DocStoc.com
           </table>

            <tr>

            </TD>

            </table>

            </td>

            </table>

            </td>

            </table>

            </td>

            <Table cellpadding="3" bgcolor="grey" width="900">

            <TR valign="bottom">

            <TD align="center"> All Rights Reserved | @ Assignment-3 (CS101).com

            </TD>

            </TR>

            </table>

            </table>

            </body>

            </html>




Introduction to Computing                                                          HTML Assignment Solution
AroojFatima4                                              DocStoc.com

            Your Executed file will look like this




Introduction to Computing                      HTML Assignment Solution

								
To top