Scribd Logo
Unggah

Selamat datang di Scribd!

  • Assignment Internet Programming A

    Diunggah oleh

    Antony Lim
    65 tayangan28 halaman
    OLYMPIA COLLEGE SCHOOL OF COMPUTING DIPLOMA IN INFORMATION TECHNOLOGY INDIVIDUAL ASSIGNMENT INTERNET PROGRAMMING NAME AS PER IC / PASSPORT.

    Deskripsi Asli:

    Hak Cipta

    © Attribution Non-Commercial (BY-NC)

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    OLYMPIA COLLEGE SCHOOL OF COMPUTING DIPLOMA IN INFORMATION TECHNOLOGY INDIVIDUAL ASSIGNMENT INTERNET PROGRAMMING NAME AS PER IC / PASSPORT.

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    65 tayangan28 halaman

    Assignment Internet Programming A

    Diunggah oleh

    Antony Lim
    OLYMPIA COLLEGE SCHOOL OF COMPUTING DIPLOMA IN INFORMATION TECHNOLOGY INDIVIDUAL ASSIGNMENT INTERNET PROGRAMMING NAME AS PER IC / PASSPORT.

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 28

    OLYMPIA COLLEGE SCHOOL OF COMPUTING DIPLOMA IN INFORMATION TECHNOLOGY INDIVIDUAL ASSIGNMENT INTERNET PROGRAMMING

    NAME AS PER IC / PASSPORT: COLLEGE INDEX NO: IC NO / PASSPORT NO: BATCH NO:

    CAMPUS: PETALING JAYA WORDS COUNT: 1666

    Table of content

    Table of content NO Content 1.Acknowledgement........................... Page i

    2.Table of content............................... ii 3.Question 1........................................ 1 4.Answer 1......................................... 2 - 19 5.Question 2....................................... 20

    6.Answer 2......................................... 21-25 7.Reference......................................... 26

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus ii

    Question 1

    Question 1 Create a website for Malaysia Airlines based on the following requirement. i) Three frames named banner.html, navigationBar.html and content.html in the main page. The navigation bar should consist of four hyperlinks that are used for navigation of four different pages that are displayed in the content frame. A separate page to display offices address of Malaysia Airlines in some other countries like Singapore, Thailand, China, Hong Kong.(Use Definition List)

    ii)

    iii)

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 1

    Question 1 (Answer 1) Banner.html

    <HTML><HEAD>

    <TITLE>

    </TITLE>

    </HEAD>

    <BODY>

    <CENTER>

    <hr>

    <IMG SRC="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\Untitled.bmp">

    <hr>

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 2

    Question 1 (Answer 1

    </BODY>

    </HTML>

    <center> is to make everything to be in the center. <hr> is to show the line between the word or separate something. <img src= > is to put a image into the page. This is the banner of the page.

    NavigationBar.html

    <HTML>

    <HEAD>

    <TITLE>

    </TITLE>

    </HEAD>

    <BODY BGCOLOR=Grey>

    <CEnter>

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 3

    Question 1 (Answer 1)

    <a href="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\bookplan.html" target=content > <FONT COLOR=WHITE>Book and Plan</a>&nbsp&nbsp&nbsp|&nbsp&nbsp&nbsp

    <a href="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\adventure.html" target=content> <FONT COLOR=WHITE>Adventure's Destinations</a>&nbsp&nbsp&nbsp|&nbsp&nbsp&nbsp

    <a href="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\Culture.html" target=content> <FONT COLOR=WHITE>Culture's Destinations</a>&nbsp&nbsp&nbsp|&nbsp&nbsp&nbsp

    <a href="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\Diving.html" target=content> <FONT COLOR=WHITE>Diving's Destinations</a>&nbsp&nbsp&nbsp|&nbsp&nbsp&nbsp

    <a href="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\contact.html" target=content> <FONT COLOR=WHITE>Contact Us</a>

    </BODY>

    </HTML> <BGCOLOR> is to make the background color. <a href= > is to make a linking page and this we can do target to another page to shown the output. <font color> is to change the color of font. This page is to navigation.

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 4

    Question 1 (Answer 1) Content.html

    <HTML><HEAD><TITLE> </TITLE></HEAD> <BODY> <CENTER> <FONT SIZE=10>Welcome to Malaysia Airlines,<BR> presented by Malaysia 5 star service airline.</FONT><BR> <hr COLOr=blue width=50%> <u>Packages in offer!</u><BR><BR> <IMG SRC="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\Capturec.bmp">&nbsp&nbsp <IMG SRC="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\Captured.bmp"><BR><BR> <IMG SRC="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\Capturee.bmp"> <hr COLOR=BLUE width=80%>

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 5

    Question 1 (Answer 1)

    <IMG SRC="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\Captureb.bmp"> </CENTER> <P align=right> 2011 Malaysia Airlines </BODY> </HTML>

    <br> is new line. <p align=right> is to make the word to be on right handside of the screen. This page is the first page which consumer will see, when they came to the page.

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 6

    Question 1 (Answer 1)

    Mainpage.html

    <title> Malaysia Airlines </title> <FRAMESET ROWs="23%,5%,*">

    <FRAMe SRC="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\banner.html" noresize> <FRAMe SRC="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\navigationBar.html" target=content noresize> <FRAMe SRC="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\content.html" name=content>

    </FRAMESET>

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 7

    Question 1 (Answer 1)

    <frameset rows> is to organize the partition of the page. <frame src> is to find where is the page source. <noresize> is to no resize the frame. This is the combination of the banner, navigation and content page.

    Bookplan.html

    <HTML><HEAD><TITLE> </TITLE></HEAD> <BODY> <CENTER> <FONT SIZE=10>Welcome to Malaysia Airlines,<BR> presented by Malaysia 5 star service airline.</FONT><BR> <hr COLOr=blue width=50%> <BR><BR>

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 8

    Question 1 (Answer 1)

    <IMG SRC="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\Capturei.bmp">&nbsp&nbsp <BR> <u>Packages in offer!</u><BR><BR>

    <hr COLOR=BLUE width=80%> <IMG SRC="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\Captureb.bmp"> </CENTER> <P align=right> 2011 Malaysia Airlines </BODY> </HTML>

    This page is to book and plan.

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 9

    Question 1 (Answer 1)

    Adventure.html

    <HTML><HEAD><TITLE> </TITLE></HEAD> <BODY> <CENTER> <FONT SIZE=10>Welcome to Malaysia Airlines,<BR> presented by Malaysia 5 star service airline.</FONT><BR> <hr COLOr=blue width=50%>

    <u>The Adventure's</u><BR><BR>

    <IMG SRC="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\Captureg.bmp">&nbsp&nbsp

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 10

    Question 1 (Answer 1)

    <hr COLOR=BLUE width=80%> <IMG SRC="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\Captureb.bmp"> </CENTER> <P align=right> 2011 Malaysia Airlines </BODY> </HTML>

    This page looks at the adventure destination.

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 11

    Question 1 (Answer 1) Culture.html

    <HTML><HEAD><TITLE> </TITLE></HEAD> <BODY> <CENTER> <FONT SIZE=10>Welcome to Malaysia Airlines,<BR> presented by Malaysia 5 star service airline.</FONT><BR> <hr COLOr=blue width=50%>

    <u>The Culture's</u><BR><BR>

    <IMG SRC="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\Capturef.bmp"><BR>

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 12

    Question 1 (Answer 1)

    <hr COLOR=BLUE width=80%> <IMG SRC="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\Captureb.bmp"> </CENTER> <P align=right> 2011 Malaysia Airlines </BODY> </HTML>

    This page looks at the culture destination.

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 13

    Question 1 (Answer 1) Diving.html

    <HTML><HEAD><TITLE> </TITLE></HEAD> <BODY> <CENTER> <FONT SIZE=10>Welcome to Malaysia Airlines,<BR> presented by Malaysia 5 star service airline.</FONT><BR> <hr COLOr=blue width=50%>

    <u>The Diving's</u><BR><BR>

    <IMG SRC="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\Captureh.bmp">&nbsp&nbsp

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 14

    Question 1 (Answer 1)

    <hr COLOR=BLUE width=80%> <IMG SRC="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\Captureb.bmp"> </CENTER> <P align=right> 2011 Malaysia Airlines </BODY> </HTML>

    This page looks at the diving destination.

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 15

    Question 1 (Answer 1) Contact.html

    <HTML><HEAD><TITLE> </TITLE></HEAD> <BODY> <CENTER> <FONT SIZE=10>Welcome to Malaysia Airlines,<BR> presented by Malaysia 5 star service airline.</FONT><BR> <hr COLOr=blue width=50%> <BR><BR>

    <DL>

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 16

    Question 1 (Answer 1)

    <IMG SRC="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\Capturek.bmp"><BR><BR> <u>Contact Us!</u><BR><BR> <DT>Malaysia<BR> <IMG SRC="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\Capturej.bmp"> <BR>

    <table border="1">

    <tr> <td colspan="2">Oversea</td> </tr>

    <tr> <td cols="10" rows="10"><Dt>China(Beijing) <DD>Lot 115A/115B, West Wing Office<BR> China World Trade Centre<br> No 1 Jian Guo Men Wai, Ave <br>Bejing 100004 People Republic of<br> China<br> (01) 5052681<br> (01) 5052682<br> (01) 5052683<br></td>

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 17

    Question 1 (Answer 1)

    <td cols="10" rows="10"> <DT>Singapore <DD>Malaysia Airlines Office Singapore<BR> 190 Clemenceau Avenue, #0209-11,<BR> Singapore Shopping Centre<BR> Singapore 239924<BR>

    Telephone :<BR> Reservation - 65-3366777<BR> Telephone - 65-4330220<BR> Airlines - 65-4330203/4<BR> Complaint - 65-5457577<BR></td></tr>

    <tr> <td> <DT>Hong Kong <DD>Room 1306, Prince's Building<br> Chater Road, Central Hong Kong<br> (852) 25252321<br> </td>

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 18

    Question 1 (Answer 1)

    <td> <DT>Thailand(Bangkok) <DD>20th Floor, Ploenchitr Tower<br> 898 Ploechitr Road, Bangkok 10300<br> (662) 2630520-33<br> </td> </tr>

    </table>

    <DT> <hr COLOR=BLUE width=80%> <IMG SRC="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\Captureb.bmp"> </CENTER> <P align=right> 2011 Malaysia Airlines </BODY> </HTML>

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 19

    Question 2

    Question 2 Create an online feedback form to identify the usability of the website which you had developed in question 1.

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 20

    Question 2 (Answer 2) Form.html

    <HTML> <HEAD> <TITLE> Feedback Form </TITLE> </HEAD> <BODY Bgcolor=lightblue> <hr> <Center>

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 21

    Question 2 (Answer 2)

    <img height=40 align=Left src="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\W7\Capture.jpg"> <font size=10 color=blue>Feedback Form</font> <img height=40 width= 150 align=right src="I:\Artwork\Assignment Sem 4\Assignment Internet Programming\W7\Capturea.jpg"><BR> Malaysia Airlines <hr color=green width=50%> <hr color=green width=50%> <BR><BR> <b>*Name:<input>&nbsp&nbsp&nbsp&nbsp *MyKad No. / Passport No.:<input><BR><BR> <b>*Email Address:<input>&nbsp&nbsp&nbsp&nbsp *Tel.No:<input>&nbsp&nbsp&nbsp&nbsp*Handsphone No.:<input><BR><BR> <b>*Home Address<input>&nbsp&nbsp&nbsp&nbsp<BR><BR>

    <form> *Gender:<input type="radio" value="Male" name="gender">Male <input type="radio" value="Female" name="gender">Female

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 22

    Question 2 (Answer 2)

    &nbsp&nbsp&nbsp&nbspState:<input>&nbsp&nbsp&nbsp&nbspCity:<input><BR><BR> <form> Fly with us:<input type="radio" value="Once a week" name="fly">Once a week <input type="radio" value="Once a month" name="fly">Once a month <input type="radio" value="Twice a year" name="fly">Twice a year <input type="radio" value="Others" name="fly">Others:<input> </form>

    <form> Updates News:<BR><input type="checkbox"

    name="Adventure">&nbsp&nbspAdventure&nbsp&nbsp <input type="checkbox" name="Shopping">&nbsp&nbspShopping&nbsp&nbsp<BR> <input type="checkbox" name="Diving"> &nbsp&nbspDiving&nbsp <input type="checkbox" name="Beach and Island">Beach and Island<BR> <input type="checkbox" name="Culture">&nbsp&nbsp&nbspCulture&nbsp&nbsp&nbsp </form>*for update customer about the latest promotion.<BR><BR> <FORM> Monthly Income<BR>

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 23

    Question 2 (Answer 2)

    <select name="Choose one"> <option selected>lower than RM1500</option> <option>RM1800</option> <option>RM2000</option> <option>RM3000</option> <option>RM5000</option> <option>>RM5000</option> </select><BR><BR> </form> *must not be blank <hr color=red width=60%> <input type="submit" value="Submit"> <input type="reset" value="Clear"><BR><BR> <p align=right> <u>Malaysia Airlines for you.</u></b> <hr> <form>

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 24

    Question 2 (Answer 2)

    Feedback:<BR> <textarea name="feedback" cols=70 rows=10> </textarea> </form> *Thank you, we're appreciating your comment and advice. </BOdy> </HTML>

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 25

    Reference

    Reference Internet
    http://www.htmlcodetutorial.com/ http://www.web-source.net/html_codes_chart.htm http://www.w3schools.com/html/default.asp http://www.pageresource.com/html/index2.htm

    Book
    Learning Web Design by Jennifer Niederst

    Human Resource
    Ms. Salbiah, Olympia College Petaling Jaya Campus, Internet Programming lecturer, May - August 2011.

    _____________________________________
    Diploma in Information Technology Olympia College Petaling Jaya Campus 26

    Anda mungkin juga menyukai