Download as PDF, PPTX
![ANPARA THERMAL POWER STATION[1] sangam.pdf](https://cdn.slidesharecdn.com/ss_thumbnails/anparathermalpowerstation1sangam-251121115219-9261cde4-thumbnail.jpg?width=640&height=640&fit=bounds)
Web development internship frontend sem .pdf
- 1. PARALA MAHARAJA ENGINEERINGCOLLEGE SITALAPALLI,BERHAMPUR Presented by:- SANTOSHI JENA Registration Number:-2201109088 Branch :- Computer Science and Engineering Semester:- 3rd Section:- B 1 AN INTERNSHIP PRESENTATION ON WEB DEVELOPMENT
- 2.
- 3. Web developmentis the process of creating , building and maintaining websites and web applications that are accessible through the internet. It involves a combination of tasks , including front-end development (dealing with what users can see and interact with), and backend development (managing the server-side logic). Essential web technologies like HTML , CSS and JavaScript which serve as building blocks for creating websites. 3
- 4.
- 5. OBJECTIVES ✓ Creating awebsite : The primary objective is to build a website and make it accesible on the internet. ✓ Sharing information : Web development is about sharing information or content with people , use articles, pictures or videos. ✓ User- friendly design : The website should be easy to use for visitors, encuring its simple to understand. ✓ Fast and resiable : Make sure the website leads quickly and doesn’t break when lots of people visit. 5 5
- 6. Formati ng tag Table tag Ancho r tag Object tag List tag Basic tag 6 <ul>Defines an unordered list <ol> Defines an ordered list <li> Defines a list item To link to another page <a href =“link”>Link Name</a> <video> : for animation <audio> : for audio file <img> : to insert image To create a table <tr> = defines a table row <th> = defines a table header <td> = defines a table cell To specify formatting of text and elements <b>, <i>, <u>, <big>, <div>, <span>, <sup>, <sub> <!DOCTYPE>, <html>, <head>, <title>, <body>, <br>, <p>, <h1> to <h6> HTML TAGS 6
- 7. CSS FOR STYLING 7 1 ●Inline Styling using style attributes 2 ● Internal Styling by using style tag inside a head tag 3 ● External Stylesheet can be linked to the head tag by using link tag in the html document 7
- 8. CSS PROPERTIES □ Color:To set the color of foreground. □ Background-color: Used to set the colour of background. □ Text-align:(Left/right/centre). □ Text-decoration:(Underline/overline/none). □ Font-weight:To specify boldness of text. □ Font-family:A grouping of fonts defined by sharing design styles. 8 8
- 9. Display: flex propertycreates a flexbox : • Parent element is called flex container and child elements are called flex elements. • Flexbox allows both horizontal and vertical alignment of flex items. ✓ Flex-grow property:Determines how much an element can grow in the available space within its flex container. ✓ Flex-shrink property:Specifies how much an element can shrink when the available space of the flex container is smaller. ✓ Flex-basis property:It defines the height or width of the element . 9 9
- 10. JAVASCRIPT ▶JavaScript is aprogramming language that makes websites interactive and dynamic. ▶JavaScript is not limited to client-side development it is used for server-side development as well. ▶JavaScript is a scripting language due to its simplicity and ease of use. 10 10
- 11.
- 12. SQL SQL is alanguage used to communicate with relational database to ask for a information that we need. SQL is used in various business software applications. The most common SQL operations are: Create ,Read ,Update ,Delete and Insert. 12 12
- 13. TYPES OF SQLCOMMANDS ▶DDL(Data defination language): CREATE TABLE,DROP TABLE ▶DQL(Data Query language): SELECT ▶DML(Data Manipulation Language): INSERT,UPDATE and DELETE 13 13
- 14. Node.js It is aplatform that lets you run javascript on the server rather than just web browsers. Node.js uses asynchronous programming It is particularly popular for creating web servers and applications that need to handle many users simultaneously . 14 14
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24. CONCLUSION ▶Web developers usespecial codes to make websites look good and work smoothly. ▶The aim is to create websites that are easy to use, looks nice , and do what they are supposed to do. ▶So, web development is all about making the internet a useful and enjoyable place for everyone. 24 24
- 25. REFERENCE 25 ✓ https://en.wikipedia.org/wiki/Web_development ✓ https://www.geeksforgeeks.org/web-development/ Forthis above project I refered the link below : 25
- 26.