322009: Web Page Designing Using Html Syllabus for Printing Technology 2nd Sem K Scheme MSBTE PDF

Web Page Designing Using Html detailed Syllabus for Printing Technology (PN), K scheme PDF 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 MSBTE Printing Technology 2nd Sem K Scheme Syllabus PDF, do visit MSBTE Printing Technology 2nd Sem K Scheme Syllabus PDF Subjects. The detailed Syllabus for web page designing using 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.
.

Course Outcomes:

Students will be able to achieve & demonstrate the following COs on completion of course based learning

1. Use HTML formatting tags to present content on web page.
2. Develop web page using List and hyperlinks, Images, Colors and Backgrounds.
3. Design HTML forms using table and frames.
4. Apply presentation schemes on content using CSS
5. Publish websites on Internet or Intranet.

Unit I

Introduction to HTML 1.1 Introduction of HTML, Terminologies used in Web Design: World Wide Web (www), Web Pages, Web Site, Web Browsers, Web Servers and Types of sites. Static vs. Dynamic web sites, Search Engine. 1.2 Web page structure: DOCTYPE, HTML, TITLE, HEAD, BODY and other meta tags with attributes. 1.3 Block Level Elements: Headings, Paragraphs, Breaks, Divisions, Cantered Text, Block Quotes, Preformatted text
Suggested Learning Pedagogy Chalk-Board Demonstration Hands-on

Unit II

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 III

Table and Form Development Using HTML tags. 3.1 Table: Table tag with attributes, Border, cell spacing, cell padding, width, align, bgcolor attributes. Adding captions: CAPTION tag, Formatting contents in the table cells, Spanning rows and columns: rowspan and colspan attributes. 3.2 Frames: Types of Frames with their attributes, Creating frames: FRAMESET tag, FRAME tag and its attributes, Frame targeting. 3.3 Forms: Creating basic form: FORM tag, action and method attributes, Form fields, Pull down menus, Buttons, Formatting technique: Using table to layout form.
Suggested Learning Pedagogy Demonstration Presentations Hands-on

Unit IV

Cascading Style sheets 4.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 4.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.
Suggested Learning Pedagogy Presentations Demonstration Hands-on

Unit V

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.
.

Practical / Tutorial Experiences

1. Create web page using structure tags to display sample message.*
2. Create a web page which display a string “Maharashtra State Board Technical Education, Mumbai” in all header tags.*
3. Create a web page for displaying a paragraph using block level tags, HR tags.*
4. Create webage to display paragraph with different text level tag, border and special characters.*
5. Design a web page for implementing ordered list items and unordered list.
6. Design a web page using Nested list* 1. Ordered list within unordered list 2. Unordered list within ordered list 3. Ordered list within ordered list 4. Unordered list within unordered list
7. 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 4. Use Image as a link
8. Create a webpage containing any image and add a hyperlink to another webpage. Use width and height property for an image.Insert images on web page using various attributes and set image as background.
9. Create table within table and also insert an image within the data elements of the table.*
10. Create a webpage that displays first year timetable. Make effective use of rowspan and colspan attributes.*
11. Create a webpage that provides a form for filling information. The webpage must contain following elements: Textbox, Radio buttons, Checkboxes, Buttons (Submit/REST), Text area, Textbox for passwords.
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. Create a website and host on open source.

Note : Out of above suggestive LLOs – ‘*’ Marked Practicals (LLOs) Are mandatory. Minimum 80% of above list of lab experiment are to be performed. Judicial mix of LLOs are to be performed to achieve desired outcomes.

Micro Project / Self Learning

Micro project

• Personal Resume Page: create a personal resume webpage that includes their name, contact information, a brief bio, education, work experience, and skills.
• Simple Game Interface: create a simple web-based game interface using HTML. This can include buttons, score displays, and game instructions.
• FAQ Page: Create a Frequently Asked Questions (FAQ) page for a fictional product or service, including questions and answers.
• Personal Blog Post: write a short blog post on a topic of their choice and format it as a blog entry with text, images, and headings.
• Travel Blog Entry: create a travel blog entry that includes text, images, and links to external resources.
• Event Invitation: Create an HTML invitation for an event. Include details like the event name, date, time, location, and RSVP functionality.
• News Article: Design a webpage that mimics the structure of a news article, complete with a headline, byline, article text, and an image.

Assignment

• Insert Video in an HTML page.
• Create an E-mail Newsletter.
• Create an animation using various HTML tags.

Note :
A suggestive list is provided, this may vary according to need of the course curriculum.

Laboratory Equipment / Software Required

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.
.

Learning Materials / Books

1. Jon Duckett “HTML and CSS: Design and Build Websites” Wiley ISBN-13: 9781118008188
2. Jennifer Niederst Robbins “Learning Web Design: A Beginner’s Guide to HTML, CSS, JavaScript, and Web Graphics” O’Reilly Media ISBN-13: 978-1449319274
3. Jon Duckett “Web Design with HTML, CSS, JavaScript and jQuery Set” Wiley ISBN-13: 9781119038634
4. Steve Krug “Don’t Make Me Think, Revisited: A Common Sense Approach to Web Usability” New Riders ISBN-13: 9780321965516
5. Terry Felke-Morris “Web Development and Design Foundations with HTML5” Pearson ISBN-13: 9780134801148

Learning Websites & Portals

1. https://www.w3schools.com/ W3Schools is a popular online resource that offers tutorials, examples, and exercises for learning HTML, CSS, JavaScript, and other web development technologies. It’s a great starting point for beginners.
2. https://developer.mozilla.org/ MDN provides extensive documentation, guides, and interactive examples for web development, including HTML, CSS, and JavaScript. It’s a trusted resource with up-to-date information.
3. https://www.codecademy.com/learn/learn-html Codecademy offers interactive coding lessons and projects, including web design and development courses. It’s a great platform for hands-on learning.
4. https://css-tricks.com/ CSS-Tricks is a website dedicated to CSS and web design. It offers tutorials, articles, and code examples that cover a wide range of web design topics.
5. https://www.smashingmagazine.com/ Smashing Magazine is an online publication that provides articles and resources on web design, development, and UX/UI design. It’s a valuable source of inspiration and knowledge.
6. https://www.webdesignerdepot.com/ Web Designer Depot offers articles, tutorials, and resources related to web design, user experience, and web development.
7. https://webdesign.tutsplus.com/ Tuts+ offers a wide range of tutorials and courses on web design, including HTML, CSS, and web development topics.
8. https://www.udemy.com/ Udemy offers a wide range of web design courses, both free and paid, on topics such as HTML, CSS, JavaScript, responsive design, and more. It’s a popular platform with a variety of courses suitable for students of different skill levels.
9. https://www.coursera.org/ Coursera partners with universities and organizations to provide online courses in web design and development. Students can enroll in courses, many of which are available for free, and learn from experts in the field.
10. https://www.edx.org/ edX offers courses from top universities and institutions. Students can explore web design and development courses, some of which are available for free.
11. https://www.codecademy.com/ Codecademy focuses on interactive coding lessons and projects, including web design and development courses. It’s a great platform for hands-on learning.
12. https://www.freecodecamp.org/ FreeCodeCamp is a nonprofit organization that offers a free, self-paced curriculum covering web development, including HTML, CSS, JavaScript, and more.

For detail Syllabus of all other subjects of Printing Technology, K scheme do visit Printing Technology 2nd Sem Syllabus for K scheme.

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