DOC-20220423-WA0002.

1. 1 SIDDHARTH DEGREE COLLEGE NADAUN PROJECT REPORT “SCHOOL WEBSITE” ( HTML) SUBMITTED IN:THE PARTIAL FULFILLMENT OF BCA (BACHELOR OF COMPUTER APPLICATION (Batch:2019-20) SUBMITTED TO:SUBMITTED BY: MRS. VASHNAVI THAKUR NITIN RANA (6190610029) (BCA DEPT.) RAMAN (6190610033) TARUN (6190610054)

2. 2 Acknowledgement We are very thankful to everyone who supported us for this assignment and gives their guidance to complete our project work effectively and moreover on time. We are equally grateful to our faculty “Mr Saveen puri”, who gave us moral support and guided us in different matters regarding the topic. We feel immensely proud in extending our heartiest thanks to“Mrs Vashnavi thakur”, for providing us a platform to improve in various fields. They went out of their way and provide us with openhearted help and counsel. They have been a source of inspiration for us and their experience and knowledge have helped us in learning and giving the project the shape it has assumed her cooperation in short was immense. We pleased to place this project in record our appreciation of sincere and devoted services rendered by the faculty member of all level for the completion of this project. Name: Nitin rana ,Tarun ,Raman Course: BCA (Bachelor of computer application) Semester: 6th Roll no. :(6190610029) (6190610033) (6190610054)

3. 3 PREFACE As a part of the Course curriculum, the BCA students are preparation of the project in their “6thsemester”. The objective behind the practical application, to relate the theories taught in the class room to the partical application, to develop the presentation skills and to learn how to make effective report. The topic of my project is “School Website” developed by using “HTML( HYPER TEXT MARKUP LANGUAGE ),.....” . This report is entirely prepared for the academic purpose and in spite of my best efforts there may be error for which we take the responsibility. Nitin rana(6190610029) Raman(6190610033) Tarun(6190610054)

4. 4 INDEX SR.NO. CONTENTS PAGE NO. 01 Introduction / Aims and Objectives 02 History and development 03 Feasibility study 04 Software and Hardware Requirement 05 System analysis 06 System requirements specifications 07 System Testing 08 Implementation and Documentation 09 Coding 10 Screenshot and run mode

5. 5 Introduction Welcome to City School City School prides itself on the quality of its educational programmes, the professionalism of its staff, the enthusiasm of its students and the high level of support provided by parents and community members. We are an open school and we actively seek participation and involvement from the whole school community. The school commenced on the 29th January, 1997 with 6 primary classes and a morning preschool group, student numbers totaled 120 and was officially opened on the 11th June, 1997. We are one of six primary schools that serve the rural area and are continually growing in size. We currently have 16 classes and two preschool groups with enrolments around 370. Our priority enrolment area is the Virginia and Bees Creek areas as stated in our Managed Enrolment Policy. In 2004 the school undertook a comprehensive community survey seeking to clarify the effectiveness of our service delivery and identify any changes that needed to be made. This was undertaken within the parameters of: Curriculum, Teaching and Learning Environment and Ethos Partnerships and Services In 2015 we undertook a School Perception Survey to seek feedback from our community on what is working well and what needs to be addressed so that we can continue to ensure that we are delivering not just a good education but an education for good. School Values These values were developed in consultation with the school community. The school values are:

6. 6 A high standard of teaching and learning A safe and welcoming environment Family and community involvement School Motto The school motto was adopted on Harmony Day 2005 where a new school song, created by Ken Brodie, was performed. CARE in the school motto stands for: Commitment to Learning Accepting Responsibility Respect for self, others and the environment Excellence in all we do The Front Office The Front Office is the main contact point for all visitors and parents and is open 7.45am – 4pm, Monday to Friday during the school term. Office staff can advise parents on most school matters and procedures. Services include enrolments, payment of contribution, purchase of school uniforms and forwarding messages to students. If collecting children early from classes, please do so through the front office. Meetings with the Principal or other Teaching Staff are usually arranged through the Front Office.

7. 7 History and development The concept of grouping students together in a centralized location for learning has existed since Classical antiquity. Formal schools have existed at least since ancient Greece (see Academy), ancient Rome (see Education in Ancient Rome) ancient India (see Gurukul), and ancient China (see History of education in China). The Byzantine Empire had an established schooling system beginning at the primary level. According to Traditions and Encounters, the founding of the primary education system began in 425 AD and “… military personnel usually had at least a primary education …”. The sometimes efficient and often large government of the Empire meant that educated citizens were a must. Although Byzantium lost much of the grandeur of Roman culture and extravagance in the process of surviving, the Empire emphasized efficiency in its war manuals. The Byzantine education system continued until the empire's collapse in 1453 AD.[11] In Western Europe, a considerable number of cathedral schools were founded during the Early Middle Ages in order to teach future clergy and administrators, with the oldest still existing, and continuously operated, cathedral schools being The King’s School, Canterbury (established 597 CE), King’s School, Rochester (established 604 CE), St Peter’s School, York (established 627 CE) and Thetford Grammar School (established 631 CE). Beginning in the 5th century CE, monastic schools were also established throughout Western Europe, teaching religious and secular subjects.

8. 8 Islam was another culture that developed a school system in the modern sense of the word. Emphasis was put on knowledge, which required a systematic way of teaching and spreading knowledge and purpose-built structures. At first, mosques combined religious performance and learning activities. However, by the 9th century, the madrassa was introduced, a school that was built independently from the mosque, such as al-Qarawiyyin, founded in 859 CE. They were also the first to make the Madrassa system a public domain under Caliph’s control. Under the Ottomans, the towns of Bursa and Edirne became the main centers of learning. The Ottoman system of Külliye, a building complex containing a mosque, a hospital, madrassa, and public kitchen and dining areas, revolutionized the education system, making learning accessible to a broader public through its free meals, health care, and sometimes free accommodation In Europe, universities emerged during the 12th century; here, scholasticism was an important tool, and the academicians were called schoolmen. During the Middle Ages and much of the Early Modern period, the main purpose of schools (as opposed to universities) was to teach the Latin language. This led to the term

9. 9 grammar school, which in the United States informally refers to a primary school, but in the United Kingdom means a school that selects entrants based on ability or aptitude. The school curriculum has gradually broadened to include literacy in the vernacular language and technical, artistic, scientific, and practical subjects.

10. 10 Feasibility Study The next step is to examine the feasibility of the purposed system this involves evaluating the costs and benefits of the system. Initially a rough cost benefits analysis will be sufficient for the management to take a decision either in favour of or against the purposed system. Costs include costs of design, development, implementation and maintenance of the system. Benefits will be realized from the timely and accurate generation of require information to meet the stated objectives of the organization. It is to be realized that a data base created for a system application usually serves other application as well to certain extent. For e.g. a database for payroll accounting can be used for applications such as provident fund (PF) accounting. Retirement benefits accounting, personal information system etc. Such indirect benefits is also should be considered in the feasibility analysis. The feasibility study is concerned with three aspects. These are:

11. 11 1. Technical feasibility: During the study, the analyst identifies the existing computer system (hardware and software) of the concerned department and determines whether these technical resources are sufficient for the purposed system or not. If they are not sufficient, the analyst suggests the configuration of the computer system that is required. By conducting this study the analyst can as certain the following: 1. Whether the project can be carried out with the existing equipment. 2. Whether the existing system is enough? 3. Can the work be done with the existing personal? 4. If a new technology is required, hoe best can it be implemented. 2. Economic feasibility: Economic Feasibility is the most important study that determines the cost and benefits of the proposed system and compares with the budget. The cost of the project should not outweigt the budget. The cost of the reject includes the cost of hardware, software, development and implementation. Cost-benefit analysis is performed to determine the benefits and servings that are expected. If benefits are found to be more than costs, then the analyst decides to continue the development of the proposed system otherwise considers it economically not feasible. By conducting this study the analyst can ascertain the following: (A) Whether the project is economically feasible? (B) Whether there are sufficient benefits as comrade to the costs incurred? The economic faster or cost factor is not concerned to our system because we are going to develop the system for partial fulfillment of BCA degree. The entire requirement to develop the system is provide by the colleges and valuable guidance is given by our guide. 3. Operational feasibility: During operational feasibility study, it is determined whether the system will operate in the way that user wants or not. This test of feasibility asks if the system will work when it is developing and installed. Operational feasibility must determine how the purposed system will fit in with the current operations and what, if any, job reconstruction and retraining will be needed to implement the system. The analyst should determine

12. 12 (A) Whether the system can be used if it is developed and implement? (B) Will there be resistance from users that will cripple the possible application benefits? Advantages of making feasibility study: There are many advantages of making feasibility study some of which are summarized below: This study being made as the initial step of software development life cycle has all the analysis part in which helps in analysis the system requirement completely. Helps in identify the risk factors involved in developing and deploying the system. The feasibility study helps in planning for risk analysis Feasibility study helps in making cost/benefits analysis which helps the organization and system to run efficiently. Feasibility study helps in making plan for training developer for maintaining the system. So, the feasibility study is report which could be used by the senior or top person in the organization. System analysis When the system analyst decides that the requested system is feasible and the management agrees to continue the development process, the next phase of SDLC is determined of system requirements. This phase includes studying of existing system in details and collecting data to find out the requirement of the users. The questions are: 1. How is being done in the organization? 2. How is it being done? 3. How frequency does it occur? 4. What is the volume of transaction or decisions? 5. How well is the task being performed? 6. Does a problem exist? 7. If a problem exists, how serious is it? What is the underlying cause?

13. 13 System design In the system design phase, the primary objective is to be identifying user requirement and to build a system that satisfies these requirements, system specialists often refer to this stage as logical design, in contrast to the process of developing program software, which is referred to as physical design. The main activities of this phase are: (a) The analyst being the design process by identifying reports and other output system will produce. (b) Identify date requirements. (c) The system design describes the data to be input, calculated or stored. (d) The analyst should specify the file structure, storage devices such magnetic tape and magnetic disk etc. (e) The data base is designed in this phase. (f) Changes to make in the organization structure of the firm are outlined. (g) Input, output, file, forms and procedures are planned.

14. 14 (h) Finally, standard for testing, documentation and system control are formulated. Project planning Project planning is project management, with relates to the use of schedule such as Gantt charts to plan and subsequently report progress within the project environment. Initially, the project scope is defined and the appropriate methods for completing the project are determined. Following this step, the durations for the various tasks necessary to complete the work are listed and grouped into a work breakdown structure. Project planning is often used to organize different areas of a project, including project plans, workloads and the management of team and individuals. The logical dependencies between tasks are defined using an activity network diagram that enables identification of the critical path. Float or slack time in the schedule can be calculated using project management software. Then the necessary resources can ne estimated and cost for each activity can be allowed to each resource, giving the total project

15. 15 cost. At this stage, the project schedule may be optimized to achieve the appropriate balance between resource usage and project duration to comply with the project objectives. Once established and agreed, the project schedule becomes what is known as the baseline schedule. Progress will be measured against the baseline schedule throughout the life of the project. Analysing progress completed to the baseline schedule is known as earned value management. The outputs of the project planning phase include the project requirements, the project schedule, and the project management plan. The project planning can be done manually. However, when managing several projects, it can be easier and faster to use automated project management software. Project Scheduling Project scheduling, a schedule is a listing of a project's milestone, activities, and deliverables, usually with intended start and finish dates. Those items are often estimated in terms of resource allocation, budget and duration, linked by dependencies and scheduling events. A schedule is commonly used in project planning and project portfolio management parts of project management. Elements on a schedule may be closely related to the work breakdown structure (WBS) terminal element, the statement of work, or a Contact Data Requirement List.

16. 16 System Requirement Specification System Requirement Specification collection of information that embodies the requirement of a system. A business analyst, sometimes titled system analyst, is responsible for analysing the business needs of their clients and stakeholders to help identify business problem and propose solutions. Within the system development life cycle domain, the BCA typically performs a liaison function between the business side of an enterprise and the information technology department or external service providers. The software requirements specification is produced at the culmination of the analysis task. The function and performance allocated to software as part of system engineering are refined by establishing a complete information description, a detailed functional and behavioural description, an indication of performance requirements and design constraints, appropriate validation criteria, and other data pertinent to requirements.

17. 17 Introduction: 1. Purpose - The main purpose, to make this web page is to overcome of problems of database handling maintain registers of members, credentials, and information about worker which as works at library etc. 2. Intended audience - The SRS is meant for basically my final semester project of BCA. Besides, it is obtusely targeted for the manager of mentioned centre, the Client, to get and overall description and advantages of the propose system over the existing system. 3. Product vision and scope- The propose system is being developed keeping in mind the requirements/needs of the client to automate its existing system for record keeping, report generation and management level information system. Keeping in minds the needs, the system enough to handle the records. Credential's records, member's records, report generation and storing other related information. OVERALL DESCRIPTION 2.1 product perspectives: The propose system falls under RDBMS (relational database management system) category. I have adopted HTML as front end and back end of the software. HTML is at present one of the most popular development platform for web base system that is efficient for web programming. 2.2 Product functions Functionalities 2.2.1 any question can query for credentials availability per specified conditions. 1. A person can cancel the credential only after he logs in.

18. 18 2. A user can sign up for a profile if he doesn't have one already. 3. On logging in, the user has options to Credential issued. Edit profile information. Cancellation of his credentialed issued. View all current credentials credentialed by him. 4. A person can get all information regarding if the key in it. A person can get all information about credentials if he keys in the credential id. A person can get the availability of the credentials of the next 20 days. Official members are supposed to do that work which distributed by the administrator. Administrator or assigned official members can add/modify/ delete information. Administrator or assigned official members can add/modify/ delete seat type per their availability and generate report. Administrator or assigned official members can define and manage changes information. Administrator or assigned official members can define scheme and modify time to time and generate report. Administrator can add/modify/ delete official member and generate report. Administrator can add/modify/delete user information and generate report. 2.3 Operating environment: The proposed software is to run on client/server model network. A client/server can deliver the better performance than the file server system because a client application and database server work together to split processing load of application (thus the team distributed processing). The server manages the database among the number of client. While the client send, request and analysis the data entry from with small specific data set, such as rows in a table not file as in the file server system. A database server system is intelligent enough so that it locks and returns only the rows a client request, which ensure concurrency, minimize the network traffic and increase the system performance. 2.4 Assumption and dependencies: While cost estimation of the proposed system it has been assumed that the cost hardware and for license of operating system and back end will be met by client (the organization). Hence only the cost incurred for the proposed software is included therein. The followings are identified as some of the potential risk factor or dependencies: 1. Non-availability of request resources. 2. Power cuts. 3. Slippage of schedule due to unpredictable holidays etc.

19. 19 2.5 life cycle model: I am using SDLC model that begin at system level and progresses through analysis, design, coding, testing, implementation and maintenance. External interface requirements: 1. User interfaces 2. Software interfaces. 1. User interfaces: It has been required that every form's interface should be user friendly and simple to use. Besides, there should be facility of accessing the system through keyboard along with the mouse i.e. keyboard shortcut. 2. Software interfaces:It has been required that there could be a necessity of using the stored data for report that is not supported by proposed system at present. So, the proposed system is required to export it data as text file so that some other application software can import the data. 3. System future requirement:Other than descriptions provided above, the following features were required by the client: 1. The system should be secured enough to rely upon. 2. Users should not have allowed deleting /modifying any report. 3. Users should not have allowed taking financial reports. 4. Every user report should keep the track of user inputting the report. 5. System should provide facility of exporting its data in text format. 6. System should be able to integrate with its phase II development. Other non- functional requirements a. Performance requirement: As it is going to be used by all the concerned employees within the organization, the system should have a good performance in terms of speed of accuracy. The purposed system should be accurate and fast enough to handle huge data. It should provide fast communication between server and clients b. b. Safety requirements:As the system is going to handle record for a long run eliminating any probable because for data loss. C. Security requirements: The software should not allow unauthorized access to any module of the system besides, it should maintain the privilege granted to users at various user levels. d. Software quality attributes: The prioritizing of the software quality attributes is assumed as under: 1. Accurate and hence reliable.

20. 20 2. Secured. 3. Fast speed. 4. Portability

21. 21 CODING HOME <!DOCTYPE html> <html> <head> <title>Home</title> <link rel=”stylesheet” href=”css/style.css”> <style> Body{font-family:arial; }

22. 22 Table, th, td { Height:80px; } Table, th, td, img { Text-align:center; } </style> </head> <body> border- <table collapse=”0”> style=”width:100%;” cellpadding=”5” <tr > <td src=”image/schoollogo.png” colspan=”5” bgcolor=”darkblue”><img width=”150”

23. 23 height=”80”><br><font School</b></font></td></tr> color=”white”><b>City <tr width=”60%” bgcolor=”red” class=”clr”> <td align=”center” ><a href=”home.html”>Home</a></td> <td align=”center” ><a href=”faq.html”>Faq</a></td> <td href=”facilities.html”>facilities</a></td> align=”center”><a <td align=”center”><a href=”future.html”>Future</a></td> <td href=”contact.html”>Contact</a></td> align=”center”><a </tr> <tr><td src=”image/shool1.jpg” height=”450”></td></tr> width=”100%”colspan=”6”><img width=”100%” <tr> <td colspan=”4” class=”head”><h2>City School</h2> <p>School is the place where we learn to read and write. It is the most crucial place for a student, and it helps us to learn

24. 24 new things. The teachers are always helpful and teach us important things in life. We must always be regular to school as missing classes can lead to problems during exams. Schools teach us how to be consistent, punctual, and obedient. It also makes us better human beings so that we can treat our elders with respect. Most of what we learn is a result of the learning imparted by our teachers.</p> </td> <td class=”img-responsive imag”></td> colspan=”2”><img src=”image/schoollogo.png” </tr></table> <hr width=”1500” size=”4” color=”black”> <table> <tr> text- <td><h2 align:left;”>Gallery</h2><td> style=”padding:0 50px;

25. 25 </tr> <tr> <td><img height:200px;”></td> src=”image/1.jpg” style=”width:250px; <td><img height:200px;”></td> src=”image/2.jpg” style=”width:250px; <td><img height:200px;”></td> src=”image/3.jpg” style=”width:250px; <td><img height:200px;”></td> src=”image/4.jpg” style=”width:250px; <td><img height:200px;”></td> src=”image/5.jpg” style=”width:250px; <td><img height:200px;”></td> src=”image/3.jpg” style=”width:200px; </tr> <tr> <td><img height:200px;”></td> src=”image/6.jpg” style=”width:250px; <td><img height:200px;”></td> src=”image/7.jpg” style=”width:250px;

26. 26 <td><img height:200px;”></td> style=”width:250px; src=”image/8.jpg” <td><img height:200px;”></td> src=”image/9.jpg” style=”width:250px; <td><img height:200px;”></td> src=”image/10.jpg” style=”width:250px; <td><img height:200px;”></td> src=”image/2.jpg” style=”width:200px; </tr> <tr color=”darkblue” class=”back”> <td colspan=”6”><font color=”white” >copyright 2021 All right reserved<br> Developed by khushal</font></td> </tr> </table> </body>

27. 27 </html> FAQ <!DOCTYPE html> <html> <head> <title>Faq</title> <link rel=”stylesheet” href=”css/style.css”> <style> Body{font-family:arial;

28. 28 } Table, th, td { Height:80px; } Table, th, td, img { Text-align:center; } </style> </head> <body> <table style=”width:100%;” cellpadding=”5” border-collapse=”0”> <tr ><td colspan=”6” bgcolor=”darkblue”><img src=”image/schoollogo.png” width=”150” height=”80”><br><font color=”white”><b>City School</b></font></td></tr> <tr width=”60%” bgcolor=”red” class=”clr”> <td align=”center” ><a href=”home.html”>Home</a></td> <td align=”center” ><a href=”faq.html”>Faq</a></td> <td align=”center”><a href=”facilities.html”>facilities</a></td> <td align=”center”><a href=”future.html”>Future</a></td>

29. 29 <td align=”center”><a href=”contact.html”>Contact</a></td> </tr> <tr> <td colspan=”6” class=”head”><h2>Que.1. why we the best in delhi school?</h2> <p>Ans. The annual EWISR study, which rates India’s premier 1,000 schools in 10 categories, is regarded as one of the world’s most comprehensive, in-depth and extensive school-evaluation surveys.</p> <h2>Que.2. why our Faculty is best in school?</h2> <p>Imagine being mentored by the great minds you most respect. Imagine learning from New York City’s most renowned industry experts. Imagine participating in intensive seminars led by faculty on the forefront of research and scholarship.</p> <h2>Que.3. why we are number one in sport?</h2> <p>Ans. “We Are Number One” is a song from the English language Icelandic children’s television series LazyTown, composed by Máni Svavarsson. The song was featured in the twelfth episode of the show’s fourth season, entitled “Robbie’s Dream Team”, which is the 103rd episode overall.[2]</p> <p>Ans. The annual EWISR study, which rates India’s premier 1,000 schools in 10 categories, is regarded as one of the world’s most comprehensive, in-depth and extensive school-evaluation surveys.</p> <h2>Que.4. why our Faculty is best in school?</h2> <p>Imagine being mentored by the great minds you most respect. Imagine learning from New York City’s most renowned industry experts. Imagine participating in intensive seminars led by faculty on the forefront of research and scholarship.</p> <h2>Que.5. why we are number one in sport?</h2> <p>Ans. “We Are Number One” is a song from the English language Icelandic children’s television series LazyTown, composed by Máni Svavarsson. The song was featured in the

30. 30 twelfth episode of the show’s fourth season, entitled “Robbie’s Dream Team”, which is the 103rd episode overall.[2]</p> </tr> <tr class=”back”> <td colspan=”6”><font color=”white” >copyright 2021 All right reserved<br> Developed by khushal</font></td> </tr> </table> </body> </html> FACILITIES <!DOCTYPE html>

31. 31 <html> <head> <title>facilities</title> <link rel=”stylesheet” href=”css/style.css”> <style> Body{font-family:arial; } Table, th, td { Height:80px; } Table, th, td, img { Text-align:center; } </style>

32. 32 </head> <body> border- <table collapse=”0”> style=”width:100%;” cellpadding=”5” <tr src=”image/schoollogo.png” height=”80”><br><font School</b></font></td></tr> ><td colspan=”6” bgcolor=”darkblue”><img width=”150” color=”white”><b>City <tr width=”60%” bgcolor=”red” class=”clr”> <td align=”center” ><a href=”home.html”>Home</a></td> <td align=”center” ><a href=”faq.html”>Faq</a></td> <td href=”facilities.html”>facilities</a></td> align=”center”><a <td align=”center”><a href=”future.html”>Future</a></td> <td href=”contact.html”>Contact</a></td> align=”center”><a </tr> </table>

33. 33 <table> <tr> text- <td><h2 align:left;”><b>Facilities</b></h2><td> style=”padding:0 50px; </tr> <tr> <td><img height:400px;”></td> src=”image/swimm.jpg” style=”width:500px; <td><img height:400px;”></td> src=”image/lib.jfif” style=”width:500px; <td><img height:400px;”></td> src=”image/comp.jfif” style=”width:500px; </tr> <tr> <td><img height:400px;”></td> src=”image/chem.jfif” style=”width:500px;

34. 34 <td><img height:400px;”></td> src=”image/bus.jfif” style=”width:500px; <td><img height:400px;”></td> src=”image/10.jpg” style=”width:500px; </tr> </table> border- <table collapse=”0”> style=”width:100%;” cellpadding=”5” </tr> <tr class=”back”> <td colspan=”6”><font color=”white” >copyright 2021 All right reserved<br> Developed by khushal</font></td> </tr> </table> </body>

35. 35 </html> FUTURE <!DOCTYPE html>

36. 36 <html> <head> <title>Future</title> <link rel=”stylesheet” href=”css/style.css”> <style> Body{font-family:arial; } Table, th, td { Height:80px; } Table, th, td, img { Text-align:center; } </style>

37. 37 </head> <body> border- <table collapse=”0”> style=”width:100%;” cellpadding=”5” <tr src=”image/schoollogo.png” height=”80”><br><font School</b></font></td></tr> ><td colspan=”6” bgcolor=”darkblue”><img width=”150” color=”white”><b>City <tr width=”60%” bgcolor=”red” class=”clr”> <td align=”center” ><a href=”home.html”>Home</a></td> <td align=”center” ><a href=”faq.html”>Faq</a></td> <td href=”facilities.html”>facilities</a></td> align=”center”><a <td align=”center”><a href=”future.html”>Future</a></td> <td href=”contact.html”>Contact</a></td> align=”center”><a </tr>

38. 38 <tr> <td colspan=”6” class=”head2”><h2><b><u>The School Of The Future</u></B></h2> <p>Generally speaking, schools have looked the same for the last 75 years or more. Of course, technology is now a key part of the classroom, and interactive whiteboards may have replaced the traditional chalkboards. But still the basic premise remains the same – the teacher stands at the front facing rows of desks which students sit behind.</p> <p>So, schools really haven’t changed much physically for the better part of century. Some schools have experimented with flirtations of ‘open plan’ classroom design – but long corridors with conventional classrooms off them are still largely the order of the day. Indeed, the way schools are organised has changed little either. Children are still typically grouped by age first and then by ability second. Of course, all over the world, you will always find isolated stories of schools being particularly

39. 39 innovative and creative. These are the schools that have decided to do things a little bit differently (often with great results), but – by and large – not upsetting the status quo seems to be the way most schools do things. But technology has never moved at such a fast pace. Many people will be asking the question: What should the school of the future look like? People are intrigued by the thought of embracing technology more to improve the learning environment. AI (Artificial Intelligence) is big news these days – Will robots take over from teachers one day?</p><br><br><br><br><br><br><br> </tr> <tr class=”back”> <td colspan=”6”><font color=”white” >copyright 2021 All right reserved<br> Developed by khushal</font></td> </tr>

40. 40 </table> </body> </html>

41. 41 Contact <!DOCTYPE html> <html> <head> <title>Future</title> <link rel=”stylesheet” href=”css/style.css”> <style> Body{font-family:arial; } Table, th, td {

42. 42 Height:80px; } Table, th, td, img { Text-align:center; } </style>

43. 43 </head> <body> <table style=”width:100%;” cellpadding=”5” border- collapse=”0” > <tr ><td colspan=”6” bgcolor=”darkblue”><img src=”image/schoollogo.png” width=”150” height=”80”><br><font color=”white”><b>City School</b></font></td></tr> <tr width=”60%” bgcolor=”red” class=”clr”> <td align=”center” ><a href=”home.html”>Home</a></td> <td align=”center” ><a href=”faq.html”>Faq</a></td>

44. 44 <td align=”center”><a href=”facilities.html”>facilities</a></td> <td align=”center”><a href=”future.html”>Future</a></td> <td align=”center”><a href=”contact.html”>Contact</a></td> </tr> </table> <table align=center> <tr> <td colspan=”6” class=”head2”><h2>Contact Us</h2>

45. 45 <label>Your Name</label> <input type=”text” class=”btn”><br> <label>Your Email</label>&nbsp <input type=”text” class=”btn”><br> <label>Your Phone</label> <input type=”text” class=”btn”><br> <label>Subject</label>&nbsp &nbsp &nbsp &nbsp <input type=”text” class=”btn”><br> <label>Message</label>&nbsp &nbsp &nbsp <textarea rows=”10” style=”width:700px;”></textarea><br> <input type=”submit” value=”Send Now” class=”btn2”>

46. 46 </tr> </table> <table style=”width:100%;” cellpadding=”5” border- collapse=”0”> <tr class=”back”> <td colspan=”6”><font color=”white” >copyright 2021 All right reserved<br> Developed by khushal</font></td> </tr>

47. 47 </table> </body> </html> CSS FILE Table, th,td

48. 48 {border:none;} .clr a {text-decoration:none; Color:white;} .head h2 {font-weight:bold; Margin-left:50px; Text-align:left; Font-size:20px; Margin-top:50px;} .head p {font-size:16px; Margin-left:50px; Text-align:left;}

49. 49 .imag { Margin-top:50px; } .head a {border:1px solid black; Background:#2a3854; Padding:10px;color:white; Text-decoration:none;} .back {background:#2a3854;} .back a {border:1px solid black; Background:#b8353a; Margin-left:20px;

50. 50 Padding:10px;color:white; Text-decoration:none;} .social img {border:1px solid white; Border-radius:50%; Padding:10px; Margin-left:10px;} .head2 {background:#f6f6f6; Text-align:left; } .head2 p {line-height:25px; Margin-left:100px;} .head2 h2