22014: Web Page Designing With Html Syllabus for Computer Technology 2nd Sem I – Scheme MSBTE

Web Page Designing With Html detailed Syllabus for Computer Technology (CM), I – scheme has been taken from the MSBTE official website and presented for the diploma students. For Subject Code, Subject Name, Lectures, Tutorial, Practical/Drawing, Credits, Theory (Max & Min) Marks, Practical (Max & Min) Marks, Total Marks, and other information, do visit full semester subjects post given below.

For all other Diploma in Computer Technology (CM) Syllabus for 2nd Sem I – Scheme MSBTE, do visit Diploma in Computer Technology (CM) Syllabus for 2nd Sem I – Scheme MSBTE Subjects. The detailed Syllabus for web page designing with html is as follows.

Rationale:

For the complete Syllabus, results, class timetable, and many other features kindly download the iStudy App
It is a lightweight, easy to use, no images, and no pdfs platform to make students’s lives easier.
.

Competency

The aim of this course is to help the student to attain the following industry identified competency through various teaching learning experiences:

• Develop static interactive web-sites.

COURSE OUTCOMES (COs)

The theory, practical experiences and relevant soft skills associated with this course are to be taught and implemented, so that the student demonstrates the following industry oriented COs associated with the above mentioned competency:

1. Use block level formatting tags to present content on web page.
2. Use text level formatting tags to present content on web page.
3. Apply hyper linking on web page.
4. Organize the content using table and frames.
5. Apply presentation schemes on content using CSS
6. Publish websites on Internet or Intranet.

COURSE MAP (with sample COs, PrOs, UOs, ADOs and topics’)

For the complete Syllabus, results, class timetable, and many other features kindly download the iStudy App
It is a lightweight, easy to use, no images, and no pdfs platform to make students’s lives easier.
.

Suggested Practicals/ Exercises:

The practicals in this section are PrOs ( i . e . sub-components of the COs) to be developed and assessed in the student for the attainment of the competency.

Practical Outcomes (PrOs)

1. Create web page using structure tags to display sample message.
2. Create a web page for displaying a paragraph using block level tags, HR tags (Part-I)
3. Create a web page for displaying a paragraph using block level tags, HR tags (Part-II)
4. Create a Web Page using Text level tags and Special Characters.
5. Create a web page for implementing different types of Lists.
6. Create a web page to link-
   1. A different web page of same site
   2. A different location on the same web page
   3. A specific location on different web page of same site. 111 02
7. 1. Create a web page to link-
      1. An external page of different web site.
      2. To an email ID
   2. Write tags to change colors of links
8. Insert images on web page using various attributes
9. Implement image as a button and set image as background.
10. Create a web page to implement Frame tags.
11. Create a web page to implement Table tags
12. Create a web page for demonstration of CSS by applying Internal style.
13. Create a web page for demonstration of CSS by applying External style.
14. Create a web page for demonstration of CSS by applying Inline style
15. Install a web server and publish a website on Intranet.
16. Publish a website on internet by acquiring space on free hosting site.

Note

1. A suggestive list of PrOs is given in the above table. More such PrOs can be added to attain the COs and competency. A judicial mix of practical need to be performed, out of which, the practicals marked as are compulsory, so that the student reaches the Applying Level’ of Blooms s Cognitive Domain Taxonomy as generally required by the industry
2. The ‘Process and ‘Product’ related skills associated with each PrO are to be assessed according to a suggested sample given below

Performance Indicators Weightage in %

1. Debugging ability 20
2. Quality of output achieved (Product. 40
3. Complete the practical in stipulated time 10
4. Answer to sample questions 20
5. Submit report in time 10

The above PrOs also comprise of the following social skills/attitudes which are Affective Domain Outcomes (ADOs) that are best developed through the laboratory/field based experiences:

1. Follow safety practices
2. Practice good housekeeping
3. Demonstrate working as a leader/a team member
4. Follow ethical practices.

The ADOs are not specific to any one PrO, but are embedded in many PrOs Hence, he acquisition of the ADOs takes place gradually in the student when s/he undertakes a series of practical experiences over a period of time Moreover, the level of achievement of the ADOs according to KrathwohFs Affective Domain Taxonomy should gradually increase as planned below:

• Valuing Level’ in 1st year
• ‘Organising Level in 2nd year
• Characterising Level in 3rd year

Major Equipment/ Instruments Required

The major equipment with broad specification mentioned here will usher tn uniformity in conduct of experiments, as well as aid to procure equipment by authorities concerned.

Equipment Name with Broad Specifications

1. Computer with a text editor and browser ALL
2. Scanner : A4 size, supporting image quality 200 DPI or higher 7
3. Computer system with Internet connection 12
4. Web server 12

Underpinning Theory Components

For the complete Syllabus, results, class timetable, and many other features kindly download the iStudy App
It is a lightweight, easy to use, no images, and no pdfs platform to make students’s lives easier.
.

Unit I

Basics of HTML

Part A

Unit Outcomes (UOs)

1. Differentiate characteristics of the given type of web sites.
2. Describe structure of the given HTML page.
3. Explain use of head tag and body tag in the given web page. Id.Describe the procedure of using the given block level tag on a web page
4. Describe feature of the given type of URL

Part B

Topics And Sub-Topics

1. Fundamentals of World Wide Web(www): Information about Web Browsers, Web Servers and types of sites. Static vs dynamic web sites Web page structure: DOCTYPE, head, body, title and other meta tags with attributes
2. Block Level Tags And Horizontal Rules: Headings. Paragraphs. Breaks, Divisions, Centered Text, Block Quotes. Preformatted text, types of Address, HR tag

Unit II

Next Level Tags and List

Part A

Unit Outcomes (UOs)

1. Describe use of the given special characters in creating Web Page.
2. Use relevant tag to display the given special characters.
3. Explain use of the given type of list in Web Pages.
4. Describe the procedure of using the given text level tags in creating a Web Page

Part B

Topics And Sub-Topics

1. Text Level Tags And Special Characters: Bold, Italic. Teletype.Underline, Strikethrough, Superscript, Subscript, DIV tag, displaying special characters
2. Lists: Ordered Lists. Unordered Lists, Definition Lists, Nested Lists

Unit III

For the complete Syllabus, results, class timetable, and many other features kindly download the iStudy App
It is a lightweight, easy to use, no images, and no pdfs platform to make students’s lives easier.
.

Unit IV

Table And Frames

Part A

Unit Outcomes (UOs)

1. Explain the given table attributes to organize data on a web page
2. Use the given table attribute to change default table setting.
3. Describe the given type of ‘frame’ with examples
4. Describe the procedure to organize display as per given screen layout using frames.

Part B

Topics And Sub-Topics

1. Table: Table tag with attributes TABLE, TR, TH, TD tags. Border, cell spacing, cell padding, width, align, bgcolor attributes.
2. Frames :Types of Frames with their attributes, Creating frames: FRAMESET tag – rows, cols attributes.

Unit V

Cascading Style sheets

Part A

Unit Outcomes (UOs)

1. Describe CSS code for the given type of formatting on a web page.
2. Describe the given style sheet properties.
3. Explain the given property of CSS
4. Describe the procedure to create CSS for applying the given presentation scheme on a web page.

Part B

Topics And Sub-Topics

1. Cascading Style Sheets: Different types of Style Sheets, Benefits of using CSS. Adding style to the document: Linking to style sheets, Embedding style sheets, Using inline style, Selectors: CLASS rules, ID rules
2. Style sheet properties: Font, text, box, color and background properties; Creating and Using a simple external CSS file: Using the internal and inline CSS; background and color gradients in CSS Setting font and text in style sheet usine table layout

Unit VI

For the complete Syllabus, results, class timetable, and many other features kindly download the iStudy App
It is a lightweight, easy to use, no images, and no pdfs platform to make students’s lives easier.
.

Suggested Specification Table For Question Paper Design

– Not Applicable-

Suggested Student Activities

Other than the classroom and laboratory learning, following are the suggested student-related co-curricular activities which can be undertaken to accelerate the attainment of the various outcomes in this course:

1. Prepare journals based on practical performed in laboratory
2. Browse and Observe features of different types of website
3. Identify different host servers for hosting static website.

Suggested Special Instructional Strategies

For the complete Syllabus, results, class timetable, and many other features kindly download the iStudy App
It is a lightweight, easy to use, no images, and no pdfs platform to make students’s lives easier.
.

Suggested Micro-Projects

Only one micro-project is planned to be undertaken by a student assigned to him/her in the beginning of the semester. S/he ought to submit it by the end of the semester to develop the industry oriented COs. Each micro-project should encompass two or more COs which are in fact, an integration of PrOs, UOs and ADOs The micro-project could be industry application based, internet-based, workshop-based, laboratory-based or field-based. Each student will have to maintain dated work diary consisting of individual contribution in the project work and give a seminar presentation of it before submission The total duration of the microproject should not be less than 16 (sixteen) student engagement hours during the course.

In the first four semesters, the micro-project could be group-based. However, in higher semesters, it should be individually undertaken to build up the skill and confidence in every student to become problem solver so that s/he contributes to the projects of the industry. A suggestive list is given here. Similar micro-projects could be added by the concerned faculty: Create sample website with minimum ten web pages Containing text, images, colors and background, frames, tables, and CSS with suitable hyper linking

1. Website for Universities or Colleges
2. Web site for books shops, grocery store, others
3. Web site for any Vehicle Showroom
4. Website for Hospital facilities
5. Web site for Travel and Tourism Agency
6. Web site related to any Sports (Ex Cricket, Tennis,)Any other suggested topic by subject teacher

Suggested Learning Resources

1. HTML and XHTML -The complete reference Powell. Thomas Tata McGraw Hill, New Delhi, 2014, ISBN: 9780070701946
2. Learning Web Design Robbins OReilly, London, 2012 ISBN 10:1-4493-1927-0
3. Teach Yourself HTML and CSS in 24 Hours SAMS Pearson Education Publication, New Delhi, 2015. ISBN: 978-672336140
4. HTML,XHTML and css Bohem, Anne Murachs Publication, New York, 2013. ISBN 13:978-1890774578
5. HTML 5 Black Booktsecond edition. DT Editorial services Dreamtech Publication, New Delhi, ISBN: 978-9350040959

Software/Learning Websites

For the complete Syllabus, results, class timetable, and many other features kindly download the iStudy App
It is a lightweight, easy to use, no images, and no pdfs platform to make students’s lives easier.
.

For detail Syllabus of all other subjects of Computer Technology, I – scheme do visit Computer Technology 2nd Sem Syllabus for I – scheme.

For all Computer Technology results, visit MSBTE Computer Technology all semester results direct links.