Submitted By Name: Aman Kumar Registration Number: 12115502 Course: B.Tech (ECE) SUMMER TRANNING REPORT ON WEB DEVELOPMENT Submitted in partial fulfillment of the requirements for the award of degree of B.Tech (ECE) Submitted to LOVELY PROFESSIONAL UNIVERSITY PHAGWARA, PUNJAB TOPIC: WEB DEVELOPMENT CERTIFICATE About IMPETUS AI SOLUTION • I joined Impetus AI solution for my summer traning . • I found this Organization/company from my relatives. • Impetus AI Solutions was launched by a group of driven, dedicated, and ever- persevering teams of highly qualified tech enthusiasts and professionals. We have successfully diversified and branched into a plethora of domains within a short period. State-of-the-art AI solution offerings will transform your business into a front-runner in any area. From analytical to tech-driven services, we cater to businesses in the realms of finance, hospitality, sports, real estate, and education. Even though we are headquartered in Hyderabad, the impact of our successful solutions on businesses can be felt across India. Vision And Mission of impetus ai solution • Mission: • We at Impetus AI Solutions are driven by our mission to become a renowned player in the AI domain with a well-rounded facet of customer service based on a solid foundation of state-of-art technology and an exceptional talent pool. • Vision: • We strive to cater to all tech-based needs of our clients through honest communication, objective guidence, technical assistance, and a genuine concern for their long-term progress and growth. introduction WEB DEVELOPMENT Web development refers to the creating, building, and maintaining of websites. It includes aspects such as web design, web publishing, web programming, and database management. It is the creation of an application that works over the internet i.e., websites. The word Web Development is made up of two words, that is: Web: It refers to websites, web pages or anything that works over the internet. Development: It refers to building the application from scratch. It involves a combination of various skills, technologies and practices to build interactive and visually Appealing websites that carter to different purpose and audiences. Web development is a dynamic field that constantly evolves with new technologies and trends. Developers need to stay updated on the latest tools and practices to create modern and effective web solutions. SKILLS REQUIRED WEB DEVELOPMENT HTML HTML, or Hypertext Markup Language, is a fundamental coding language used in web development to structure and organize the content of web pages. It serves as the backbone of a webpage, defining the elements that make up the page's structure and hierarchy. HTML employs a system of tags – enclosed in angle brackets (<>) – to describe different elements and their relationships within a document. CSS Cascading Style Sheets (CSS) is used to apply styles to web pages. It is used to make web pages presentable. The reason for using this is to simplify the process of making web pages presentable. It allows you to apply styles on web pages. More importantly, it enables you to do this independently of the HTML that makes up each web page. JavaScript JavaScript is a very powerful tool that can do many things for a website. For one, it powers the site’s general interactivity. JavaScript makes it possible to build rich UI components such as image sliders, pop-ups, site navigation mega menus, form validations, tabs, accordions, and much more. Web application development process Tags used in html Text Elements <h1> to <h6>: Define headings of different levels (h1 being the highest). <p>: Represents a paragraph of text. <a>: Creates a hyperlink to another webpage or resource. <a>: Creates hyperlinks to other web pages or resources. <a name="anchor">: Creates an anchor that can be linked to within the same page using the #anchor syntax. <strong>: Indicates strong importance, usually displayed as bold text. Semantic Elements (HTML5) <em>: Emphasizes text, typically displayed in italics. <header>: Represents the header section of a document or a section. Lists <nav>: Defines navigation links. <ul>: Defines an unordered (bulleted) list. <main>: Represents the main content area of the document. <ol>: Defines an ordered (numbered) list. <article>: Represents a self-contained composition, such as a blog post. <li>: Represents a list item within <ul> or <ol>. <section>: Defines a generic section of content. Images and Multimedia <aside>: Represents content that is tangentially related to the main content. <img>: Embeds an image in the web page. <footer>: Represents the footer section of a document or a section. <audio>: Embeds audio content. Forms and Inputs <video>: Embeds video content. <form>: Creates a form for user input. Links and Anchors <input>: Represents various input types, such as text, password, checkbox, radio, etc. <textarea>: Creates a multi-line text input area. <select>: Creates a dropdown menu. <button>: Creates a clickable button. Html page structure <!DOCTYPE>: It defines the document type or it instruct the browser about the version of HTML. <html>: This tag informs the browser that it is an HTML document. Text between html tag describes the web document. It is a container for all other elements of HTML except <!DOCTYPE> <head>: It should be the first element inside the element, which contains the meta data (information about the document). It must be closed before the body tag opens. <title>: As its name suggested, it is used to add title of that HTML page which appears at the top of the browser window. It must be placed inside the head tag and should close immediately. <body>: Text between body tag describes the body content of the page that is visible to the end user. This tag contains the main content of the HTML document. PROJECTS • Wikipedia webpage My first project is make a Wikipedia page of Dr. A.P.J Abdul Kalam with the help of html, css tags and styling the web page using css. • Facebook login page: My second project is to create a facebook login using html, css. • Portfolio Web page My last project to create portfolio using html tags, css styling and webpage layout. Challenges Faced During Projects making faced many problems like: • During making the Layout of the webpage margin, width, height and creating div. • As in order to make webpage responsive it is the biggest challenge . • Placing an image, logo, favicon at respected places is also challenging. • Some more challenge faced during styleing(css), creating form, textarea and buttons etc. Learning Outcomes • Developing a solid understanding of web development concepts, tools, and technologies Building proficiency in coding languages such as HTML, CSS, and JavaScript Gaining experience working with web development frameworks such as React Learning how to work collaboratively on web development projects Conclusion • In conclusion, the journey through this web development course has been a transformative experience that has equipped us with the knowledge, skills, and mindset needed to thrive in the ever-evolving digital landscape. From the foundational concepts to the cutting-edge techniques, we have traversed a comprehensive spectrum of topics that collectively define the art and science of web development.
