BA. (Hons) Graphics Design

Size: px

Start display at page:

Download "BA. (Hons) Graphics Design"

Jessica Armstrong
5 years ago
Views:

BA. (Hons) Graphics Design Cohort: BGD/14B/FT, BGD/14A/FT, BGD/12B/FT & BGD/11/PT Examinations for 2014 2015 / Semester 1 MODULE: WEB DESIGN MODULE CODE: WAT1106C Duration: 2 Hours Instructions to

1 BA. (Hons) Graphics Design Cohort: BGD/14B/FT, BGD/14A/FT, BGD/12B/FT & BGD/11/PT Examinations for / Semester 1 MODULE: WEB DESIGN MODULE CODE: WAT1106C Duration: 2 Hours Instructions to Candidates: 1. Answer all questions. 2. Questions may be answered in any order but your answers must show the question number clearly. 3. Always start a new question on a fresh page. 4. All questions carry equal marks. 5. Total marks 100. This question paper contains 4 questions and 5 pages. Page 1 of 5

2 ANSWER ALL QUESTIONS QUESTION 1: (25 MARKS) a) Briefly highlight the steps behind the process of designing a website for a client? b) What is the purpose of wireframes in Web site Design? c) One of the advantages of working with Adobe Dreamweaver is that is provides numerous productivity enhancements over hand-coding. Many of these enhancements are activated by a proper site definition in Adobe Dreamweaver. Explain in detail the advantages offered with site Definition and when site is properly defined in Adobe Dreamweaver. d) In the past, font color was added in HTML using the tags <font color= Red > Red font</font>. This approach is no longer used and the text formatting is rather done in CSS. Account for this change. e) You are working on a website that contains a menu as follows: You want to build this menu using unordered list. Write down the HTML codes to create the unordered list. Page 2 of 5

3 QUESTION 2: (25 MARKS) a) Using appropriate examples explain the purpose of the following tags: 1. <Ins>, <del> 2. <cite> 3. <address> 4. <hr> 5. <br> b) HTML5 introduced new tags to be used instead of the traditional <div> tags. Name 5 new tags introduced by HTML5 and explain their uses. c) Below are examples of links placed within the html tags, explain where the links are located with respect to the actual file. 1. <a href="reviews.html">reviews</a> 2. <a href="music/listings.html">listings</a> 3. <a href="movies/dvd/reviews.html">reviews</a> 4. <a href="../index.html">home</a> 5. <a href="../../index.html">home</a> d) Below are the code listing to insert an audio file in a web page. <body> <audio src="audio/someaudio.ogg" controls autoplay preload> <p>this browser does not support our audio format.</p> </audio> </body> Explain the use of the words: I. Controls II. III. Preload Autoplay ( marks) e) What is the difference between inline HTML elements and block level elements? Page 3 of 5

4 QUESTION 3: (25 MARKS) a) By using an appropriate example, explain how the integration of the following CSS in an HTML document are different? i. Internal CSS. ii. External CSS. iii. Inline CSS. b) CSS can be used to format classes and IDs. I. Why are IDs used? II. When is it suitable to create and format elements using CSS classes? c) With the aid of a diagram, explain the terms margin, padding and border? ( marks) d) HTML5 and CSS3 support multiple CSS classes. Assuming that you have the following classes:.red {background-color:red;}.white-text {color:white;} i. Explain how multiple CSS classes are applied? ii. What are the advantages of using multiple CSS classes? (2 + 3 marks) e) With the aid of a diagram, draw the output of the following CSS codes..shape{width:100px;height:100px;border-radius:300px;} Page 4 of 5

5 QUESTION 4: (25 MARKS) a) How do a Responsive website differ from an HTML5 mobile Application? b) HTML5, CSS3 and JavaScript are now used to create mobile applications. Explain the process you would go through to create an HTML based mobile App. c) You are designing a website that will adapt on various screen sizes and you notice that once of the elements bearing an id of box1 cannot be bigger that 650px and smaller than 450px in width. Write down the CSS codes to do same. d) Many clients prefer having their website built using CMS technology these days. What are the advantages using a CMS like Wordpress? e) Explain the steps involved in hosting a website online. ***END OF QUESTION PAPER*** Page 5 of 5

BA. (Hons) Graphics Design

BA. (Hons) Graphics Design Cohort: BGD/16A/FT Examinations for 2016 / Semester 2 Resit Examinations for BGD/13/FT & BGD/14B/FT MODULE: Web Design MODULE CODE: WAT1106c Duration: 2 Hours Instructions to