FORMATIVE ASSESSMENT - 1 Session – 2016-17 Class – X Topic : HTML-II Syllabus : Tables, Images and External Hyperlinks Name of the Activity: Museum Designing the home page for National Antique Description: You have been asked by the management of National Antiques Museum to design the home page for museum’s website. The page should have an attractive layout with images for five categories of antiques (African, Chinese and South East Asian, Middle East Asian, South American). Each image should be linked to its respective web page. Brief information should also be displayed about each category of antiques on the webpage. Learning Outcome: After doing this activity, students will be able to: - Put together many images on one page. - apply their creativity in placing more than one image on a web page and linking them to different web pages. - infer the need for an aesthetically designed layout. - Use tables and images in tandem for a neat and well-laid web page Time Duration : 1 hr. Tool(s) Used : Text Editor (e.g. Notepad), Browser (e.g. Internet Explorer) Group Size : 2 students per group. Procedure: be - The class shall be divided into pairs of two and activity shall announced one week in advance. - Students shall be asked to do layout planning on paper and comprehend the usage of tags and attributes required. They shall be allowed to carry the layout plan to the lab. - 1 hour shall be given to the students to perform the activity. - The teacher shall supervise the practical activity. Criteria for assessment: Layout Planning Use of height and width and border in images Correctness of hyperlinks Aesthetic appeal of webpage Application of table in web page Use of alt attribute in all images TOTAL MARKS 5 marks 5 marks 5 marks 5 marks 5 marks 5 marks 30 Assessment Rubrics: Criteria Layout Planning Use of height and width and border in images Correctness of links Aesthetic appeal Application of table in web page Use of alt attribute in all images Excellent V. Good Good Average (5) All images Well placed with varied alignments and appropriate height/width and border All five images having appropriate height, width and border. All 5 categories linked correctly Very appealing with good background colour or image and text colour (4) At least four images well placed with varied alignments appropriate height/width and border At least four images having appropriate height, width and border. Any 4 categories linked correctly Both Background image/colour and text color used but combinations needs improvement Table created but with 4 rows (3) At least three images well placed with varied alignments appropriate height/width and border (2) At least two images well placed with varied alignments appropriate height/width and border At least two having appropriate height, width and border. Any 3 categories linked correctly All 5 categories stated in 5 rows and cells All images At least four show alternate images show text alternate text At least three having appropriate height, width and border. Any 3 categories linked correctly Needs Improvement (1) At least one image well placed with varied alignments appropriate height/width and border At least one image having appropriate height, width and border. Any 1 category linked correctly Either of the two Needs to work (background/ on colour colour) is used, combinations but the other need improvement No background or colour used in web page Table created with at least 3 correct rows and cells At least three images show alternate text Table created but TR and TD inappropriate Data not displayed in table At least two images show alternate text At least one image show alternate text Follow Up: Students will be given an opportunity to understand their shortcomings and proper guidance shall be given for improvement.