Southern College Kolej Selatan 南方学院. Final Examination Semester 1 / Year 2011

Transcription

1 Southern College Kolej Selatan 南方学院 Final Examination Semester 1 / Year 2011 COURSE : COURSE CODE : CSIS1013 TIME : 3 HOURS DEPARTMENT : COMPUTER SCIENCE LECTURER : NG MEE MEE Student s ID : Batch No. : Notes to candidates: 1) The question paper consists of 4 pages. Section A: 10 questions ( 20 marks) Section B: 5 questions ( 30 marks) Section C: 4 questions ( 50 marks) 2) Answer all questions. 3) Return the question paper with your answer booklet.

2 SECTION A: MULTIPLE CHOICE QUESTIONS ( 10 X 2 marks =20 MARKS) Identify the letter of choice that best completes the statement or answer the question. 1. In the URL the path and filename of the document are. a. c. /course/info.html b. d. #majors 2. To completely eliminate dithering, some Web designers recommend the use of the palette. a. 256 color c. open b. browser-free d. safety 3. Which of the following is the file extension for an external style sheet? a. ess c. htm b. css d. no file extension is necessary 4. If you want an external document to be displayed in its own browser window, you can assign the keyword to the target attribute. a. _same c. _this b. _blank d. _over 5. Which of the following is not a web design recommended practice? a. design your site to be easy to navigate b. colorful pages appeal to everyone c. design your pages to load quickly d. limit the use of animated items 6. Which of the following is true if a web page contains both a link to an external style sheet and embedded styles? a. embedded styles will be applied first, then the external styles will be applied b. the inline styles will be used c. external styles will be applied first, and then the embedded styles will be applied d. web page will not display 7. Which of the following should you do to provide for usability and accessibility? a. use video and sound whenever po sible b. supply text descriptions of audio and video files that appear in your web pages c. never use audio and video files d. none of the above 1/4

3 8. What type of files are.wav,.aiff,.mid, and.au? a. audio files c. both audio and video files b. video files d. none of the above 9. What is a unique text-based Internet address corresponding to a computer s unique numeric IP address called? a. IP address c. URL b. domain name d. user name 10. To embed a video file, you can use the tag. a. <video> b. <link> c. <embed> d. <inline> SECTION B: SHORT QUESTIONS ( 5 x 6 marks= 30 MARKS) 1. Given the following HTML codes, sketch the layout on the browser. (6 marks) <ul style="list-style-type:circle"> <li>item One</li> <li>item Two</li> <li>item Three</li> <ol style="list-style-type:lower-roman"> <li>item Four</li> <li>item Five</li> </ol> <li>item Six</li> </ul> 2. Given the following HTML codes, sketch the layout on the browser. (6 marks) <table border="1" align="center"> <tr> <td rowspan="2">one</td> <td>two</td> <td>three</td> </tr> <tr> <td colspan="2" align="center">four</td> </tr> </table> 2/4

4 3. Describe at least two popular uses for JavaScript. (6 marks) 4. What is the different between inline styles and embedded styles? (You may illustrate your answer in HTML syntax ). (6 marks) 5. HTML provides several attributes to control the behavior and appearance of your links. Explain the following HTML codes on the use of target attributes. (6 marks) <b><a href= target= new >Discovery Schools</a></b> <b><a href= target= _self >Carnegie Library</a></b> SECTION C: LONG QUESTIONS (50 MARKS) 1. Download the exam data file from e-learning system and rename the folder name as your name. (1 mark) 2. Create an external style sheet named as trillium.css. Code the CSS to configure the following: a) Style rules for the h2 selector that configures background color #d5edb3, text color #5c743d, font family as Georgia. Times New Roman, left padding set to 30px,use trilliumbullet.gif as background image and set repeat attribute to no repeat, margin set to px.( 8 marks) b) Add a style rule for navigation area (Home, Services, Contact) that use an id named navbar, sets background color #5c743d and 5 pixels padding.(4 marks) c) Style rules for list item (Home, Services, Contact) to have inline display, right padding set to 20px and the list-style-type set to none.(4 marks) d) Add a style rule for <a> element with the link color #ffffff, visited link color #b6b654, hover link color #d5edb3 and text decoration set to none.(4 marks) e) Add a style rule for table selector which set the table to be centered, have a border and width of 75%.(5 marks) f) configure the <td> and <th> selectors with 5 pixels of padding, color #5c743d and 1 pixel solid border.(5 marks) 3/4

5 g) create a new class called altrow that sets a background color #d5edb3. Modify the first and third <tr> elements to altrow class.(5 marks) 3. Modify index.htm, services.htm, contact.htm to apply styles from the triulium.css external style sheet (3 marks). 4. In Contact.htm, add the following JavaScript: a) Add the date that document was last modified to the bottom of the page.(3 marks) b) Add form data validation to contact.htm so that if the name, , and phone number input boxes are empty, the form will display an error message and will not submit.(8 marks) 000 4/4