Information
AI Chat

This is a Premium Document. Some documents on Studocu are Premium. Upgrade to Premium to unlock it.

22014 - Web Page Designing with HTML

abcdefghijkl mnopqr stuvw xyz.

Course

Corporate Law (BLAW 2001)

727 Documents

Students shared 727 documents in this course

University

Savitribai Phule Pune University

Academic year: 2022/2023

Uploaded by:

Anonymous Student

This document has been uploaded by a student, just like you, who decided to remain anonymous.

Savitribai Phule Pune University

Recommended for you

Comments

Please sign in or register to post comments.

Preview text

MAHARASHTRA STATE

BOARD OF TECHNICAL EDUCATION

Certificate

This is to certify that Mr. / Ms. ................................................... Roll

No. .........., of First Semester of Diploma in.......................

.......................................... of Institute,...............................

............................... (Code: ..................) has completed the term work

satisfactorily in Subject Web Page Designing with HTML (22014) for

the academic year 20........ to 20........ as prescribed in the curriculum.

Place: ............... Enrollment No:................

Date: ............... Exam. Seat No: ...............

Subject Teacher Head of the Department Principal

Seal of Institution

Maharashtra State Board of Technical Education i

Preface

The primary focus of any engineering laboratory/field work in the technical education system is to develop the much needed industry relevant competencies and skills. With this in view, MSBTE embarked on this innovative ‘I’ Scheme curricula for engineering diploma programmes with outcome-base education as the focus and accordingly, relatively large amount of time is allotted for the practical work. Thisdisplays the great importance of laboratory work making each teacher, instructor and student to realize that every minute of the laboratory time need to be effectively utilized to develop these outcomes, rather than doing other mundane activities, for the successful implementation of this outcome-based curriculum, every practical has been designed to serve as a ‘vehicle’ to develop this industry identified competency in every student. The practical skills are difficult to develop through ‘chalk and duster’ activity in the classroom situation. Accordingly, the ‘I’ scheme laboratory manual development team designed the practicals to focus on theoutcomes, rather than the traditional age old practice of conducting practicals to ‘verify the theory’ (which may become a byproduct along the way).

This laboratory manual is designed to help all stakeholders, especially the students, teachers and instructors to develop in the student the pre-determined outcomes. It is expected from each student that at least a day in advance, they have to thoroughly read through the concerned practical procedure that they will do the next day and understand the minimum theoretical background associated with the practical. Every practical in this manual begins by identifying the competency, industry relevant skills, course outcomes and practical outcomes which serve as a key focal point for doing thepractical students will then become aware about the skills they will achieve through procedure shown there and necessary precautions to be taken,which will help them to apply in solving real-world problems in their professional life.

This manual also provides guidelines to teachers and instructors to effectively facilitate student-centered lab activities through each practical exercise by arranging and managing necessary resources in order that the students follow the procedures and precautions systematically ensuring the achievement of outcomes in the students.

Website design is a broad term that encompasses a wide variety of tasks, all involved in theformation of web pages. There are essentially two types of web design approaches, which aredynamic and static design. Static web design is typically based on basic HTML code. It isessential for diploma student to learn HTML since the task of static website design isperformed by using HTML coding. Even in dynamic websites, the task of presentation ofcontent is handled through HTML coding. This course introduce web page design usingHTML and also give emphasis on learning Cascading Style Sheets (CSS) which is a stylesheet language used for describing the presentation of a document written in a mark- uplanguage for formatting and styling of content. This learning enables students to design staticweb sites and host it on Internet/Intranet.

Although best possible care has been taken to check for errors (if any) in this laboratory manual, perfection may elude us as this is the first edition of this manual. Any errors and suggestions for improvement are solicited and highly welcome.

Maharashtra State Board of Technical Education ii

Programme Outcomes (POs) and Program Specific Outcomes (PSOs) to be

achieved through Practicals of this Course

Following programme outcomes are expected to be achieved out of the ten programme outcomes and programme specific outcomesthrough the practical’s of the course on Web Page Design.

Program Outcomes(POs)

PO1. Basic knowledge: Apply knowledge of basic mathematics, science and basic engineering to solve the problems related to application of computers andcommunication services in storing, manipulating and transmitting data, often in thecontext of a business or other enterprise. PO2 knowledge: Apply Information Technology knowledge to solve broadbased Information Technology related problems. PO3 and practice: Plan to perform experiments, practices and to use the results to solve Information Technology related problems. PO4 tools: Apply appropriate Information Technology related techniques/ tools with an understanding of the limitations. PO5 engineer and society: Assess social, health, safety and legal issues and the consequent responsibilities relevant to practice in the field of information technology. PO6 and sustainability: Apply Information Technology related engineering solutions for sustainable development practices in environmental contexts. PO7: Apply ethical principles for commitment to professional ethics, responsibilities and norms of practice in the field of Information Technology. PO8 and team work: Function effectively as a leader and team member in diverse/ multidisciplinary teams. PO9: Communicate effectively in oral and written form. PO 10-long learning: Engage in independent and life-long learning along with the technological changes in the IT and allied industry.

Program Specific Outcomes (PSOs) PSO1 Information Technology: Use latest technologies for operation andapplication of information. PSO2 Technology Process: Maintain the information processes using modern information and communication technologies.

Maharashtra State Board of Technical Education iv

List of Industry Relevant Skills

The following industry relevant skills of the competency ‘Develop static interactive web-

sites’are expected to be developed in students by undertaking the practicals of this laboratory

manual.

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

Maharashtra State Board of Technical Education v

Guidelines to Teachers

For incidental writing on the day of each practical session every student should maintain a dated log book for the whole semester, apart from this laboratory manual which s/he has to submit for assessment to the teacher in the next practical session.
Teachers should give opportunity to students for hands-on after the demonstration.
Assess the skill achievement of the students and COs of each unit.
Explain prior concepts to the students before starting of each experiment.
List of few sample questions for reference. Teachers must design more such questions so as to ensure the achievement of identified CO.
Teacher should ensure that the practical skill and competencies are developed in the students after the completion of the practical exercise.
Teacher may provide additional knowledge and skills to the students even though it’s not covered in the manual but are expected from the students by the industries.
Teacher may suggest the students to refer additional related literature of the Technical papers/ Reference books/ Seminar proceedings, etc.
Teacher shall assess the performance of students continuously as per norms prescribed by MSBTE.
During assessment teacher is expected to ask questions to the students to tap their Achievements grading related knowledge and skills so that student can prepare while submitting record of the practicals focus should be given on development of enlisted skills rather than theoretical knowledge.

Instructions for Students

Understand the purpose of practical and its implementation.
Student shall develop practical skills as expected by the Industries.
Listen carefully to the instructions given by the teacher about importance of relevant program outcomes, relevant course outcomes, practical significance, competency and practical skills, practical outcome and the theoretical background during the practical session.
Write the answers of the questions allotted by the teacher during practical session.
Student should develop the habit of group discussion related to the practical, so that exchange of knowledge/skills could take place.
Student shall attempt to develop related hands-on-skills to gain confidence.
Student shall refer technical magazines, websites related to the scope of the course.
Student should develop habit to submit the practical, exercise continuously and progressively on the scheduled dates and should get the assessment done.
Student should be well prepared while submitting the write up of the exercise.
Student should not hesitate to ask any difficulty faced during conduct of practical.

Maharashtra State Board of Technical Education 1

Practical No: Create Sample Web Page

I Practical Significance A web page is a HTML document accessible on the World Wide Web (WWW).HyperText Markup Language (HTML) is the most commonly used markup language for creating web pages. This practical is useful for creating web page using HTML which display a sample message.

II Relevant Program Outcomes - Discipline knowledge: Apply Computer engineering discipline-specific knowledge to solve core computer engineering related problems. - Experiments and practice: Plan to perform experiments and practices to use the results to solve broad-based Computer engineering problems. - Engineering tools: Apply relevant Computer technologies and tools with an understanding of the limitations. - Individual and team work: Function effectively as a leader and team member in diverse/ multidisciplinary teams. - Communication: Communicate effectively in oral and written form.

III Competency and Practical skills This practical is expected to develop the following skills for the industry identified competency ‘Develop static interactive web-sites’.

Create Web page by using HTML tags.
Save HTML document with proper extension on specified location.
Display HTML document on web browser.

IV Relevant Course Outcomes Use tags to present content on web page.

V Practical Outcome Create a Web Page using structured tags.

VI Relevant Affective domain related Outcome(s) 1. Follow safety practices. 2. Maintain tools and equipment. 3. Follow ethical practices.

VII Minimum Theoretical Background All HTML documents must start with a document type declaration: <!DOCTYPE html>.The HTML document itself begins with <html> and ends with </html>. HTML document is divided into two parts: The head and the body. The <head> element is used to specify information about the HTML Web Page as title of the Web Page. Actual content of the Web Page are specified inside the <body> element.

Maharashtra State Board of Technical Education 2

Web page structure: <!DOCTYPE html> <html> <head> <title>PageTitle</title> </head> <body> </body> </html>

Example of Web page structure: Create a Web page to display sample message “Web Page Designing using HTML” Steps: 1. Open Text Editor. 2 following HTML codes to display sample message.

3 above program with file name “first”under a folder name “HTML” in “D” drive. 4. Run this program using web browser with the path specifiedas follows: D:/HTML/first

Maharashtra State Board of Technical Education 4

XIII Output (Take screen shot of the webpage created as output and attachit here) ...................................................................................................... ......................................................................................................

XIV Conclusion ...................................................................................................... ......................................................................................................

XV Practical Related Questions Note: Below given are few sample questions for reference. Teachers must design more such questions so as to ensure the achievement of identified CO. 1. State the role of browser and List names of various browsers. 2. Differentiate between static and dynamic websites. 3. Write steps to save created HTML code.

[Space for Answer] ...................................................................................................... ...................................................................................................... ...................................................................................................... ...................................................................................................... ...................................................................................................... ...................................................................................................... ...................................................................................................... ...................................................................................................... ...................................................................................................... ...................................................................................................... ...................................................................................................... ...................................................................................................... ...................................................................................................... ...................................................................................................... ...................................................................................................... ...................................................................................................... ...................................................................................................... ...................................................................................................... ...................................................................................................... ...................................................................................................... ...................................................................................................... ...................................................................................................... ...................................................................................................... ......................................................................................................

Maharashtra State Board of Technical Education 5

......................................................................................................

XVI References / Suggestions for further Reading Software/Learning Websites 1. w3schools/html/html_basic.asp 2. html/tutorials/html/lesson4.php

XVII Assessment Scheme Performance indicators Weightage Process related: 7 Marks 30% 1. Debugging ability 30%

Product related: 17 Marks 70%

Quality of output achieved 30%
Correctness of Program codes 20%
Completion and submission of practical in time 10%
Answer to sample questions 10% 100%

Marks obtained DatedTeacher Sign of Process Related(7)

Product Related(17) Total(25)

Maharashtra State Board of Technical Education 7

VIII Exercise Write HTML Code to show following output using block level tags.

IX ‘HTML’ Code 1. Write HTML code for above exercise on the blank pages attached at the end of practical. 2. Write HTML code to design a page using all above block level tags.

X Resources Required

Sr. No. Name of Resource Major Specification Qty. Remarks

1 Computer System

Any desktop or laptop computer with basic configuration

One computer system for each student 2 Software Package Text editor, Webbrowser

XI Precautions to be Followed 1. Handle computer system with care. 2. Be cautious while performing files related operations in computer system. Closely observe and remember the file name and its folder.

Maharashtra State Board of Technical Education 8

XII Resources Used

Sr. No. Name of Resource

Specification

Computer Systemwith broad specifications
Software
Any other resource used

XIII Output (Take screen shot of the webpage created as output and attach it here) ...................................................................................................... ......................................................................................................

XV Practical Related Questions Note: Below given are few sample questions for reference. Teachers must design more such questionsso as to ensure the achievement of identified CO. 1 different block level tags 2. Write attributes of <P> tags. 3. Identify the correct HTML tag for inserting a line break? a. <br> b. <lb> c. <bk> d. <newline>

Was this document helpful?

Premium

This is a Premium Document. Some documents on Studocu are Premium. Upgrade to Premium to unlock it.