Scribd
Upload
15 views18 pages

Bobby PPT-1

Uploaded by

ADARSH.D
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
15 views18 pages

Bobby PPT-1

Uploaded by

ADARSH.D
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 18

Vidya Samvardhak Mandal’s

SOMASHEKHAR R. KOTHIWALE INSTITUTE OF


TECHNOLOGY, NIPANI -591237
(Approved by AICTE, new delhi affiliated to VTU, belagavi & Recognized by Govt. of karnataka)
An ISO 9011:2015 Certified institution

Internship on HTML, CSS, Javascript, Bootstrap


Under The Guidance of Prof. Anup Ganji
Submitted By: Mr. Balakrushna Madhale (2VS21CS009)
CONTENTS

• Company Profile
• Introduction Of Web Page
• What is HTML, CSS, Javascript, Bootstrap
• Projects
• Conclusion
• References
COMPANY PROFILE

 Name : S V Mind Logic


 Address :: Near Kittur Rani Chennamma Circle, Nipani, Karnataka, 591237.
 Website :www.svmindlogic.com
 Email :[email protected]
 Mobile Number:7709054041
 Company Services: Web Design, Web Development, Software Development, Mobile Application,
SEO Optimization, Domain & Hosting
WHAT IS WEB PAGE
 Website is a collection of webpages.

o Types of webpages:

 Static Webpage:

• There is no database.

• There is no user interaction with the webpage.

• Ex: read only data.

 Dynamic Webpage:

• There is user interaction with the webpage.

• There is database present.

• Ex: Facebook, Instagram, etc.


WHAT IS HTML ?

 HTML ”Stands for Hyper Text Markup Language”

 HTML is the standard markup language for creating Web pages

 HTML is a client-side scripting language.

 File extension of html is .html or .html.

 HTML contains predefine tags.


STRUCTURE OF HTML :
<html>

<head>

<title>Title of your HTML page</title>

</head>

<body>

<!--your webpage content and markup-->

</body>

</html>
PROPERTIES

 Bgcolor property
• Image tag
 Heading tag
• Table tag
 Align property • List tag
 Italic tag • Form tag
 Underline tag • Input tag
 Horizontal tag
• Submit Button
• Reset
 Break tag
• Radio
 Marquee tag • Check Box
 Hyperlink tag • Text Area
 Select tag
WHAT IS CSS ?

 CSS stands for "Cascading Style Sheets.”


 CSS is used to design the web page or html tags
 CSS separates the structure and content of a webpage from its design and layout
 CSS descirbes how the html elements are to be displayed on screen ,paper,in other
media
TYPES OF CSS
o Inline CSS

• Used to design the individual tags in a page.

• Ex: <h1 align= “center” style= “color: red; background-color:yellow;”>heading level 1<h1>

o Internal CSS

• Used to design whole page.and A class can used multiple times in page

• Internal css code write under the <head>tag using <style> tag.

o External CSS

• Used to design the whole project.

• Save the file under the root folder as “style.css”.

• Include css file under the head tag using link tag
JAVASCRIPT

• JavaScript is used to perform the form validation.

• Steps to perform empty field validation:

• Set id to every input tag.

<input type= “text” name= “username” id= “username” />

• Under the form tag using onsubmit method call validation_form(); function.

<form name= “loginform” action= “first.html” method= “post” onsubmit= “return validation_form();”>

• Declare definition of validation_form() under the head tag using javascript.

<script type= “text/javascript”>


BOOTSTRAP
• Bootstrap is a open source free CSS frame work or CSS library use to design mobile
friendly responsive website.

• Steps to configure or include bootstrap

• Search on google getbootstrap.

• Open getbootstrap.com website.

• Choose include via CDN option.

• Copy bootstrap CSS link tag and paste under the head tag.

• Copy javascript bootstrap code and paste under the head tag.
<div class=”container-fluid”>

<div class=”row”>

<div class=”col-3”>

<img src=”images/logo.png”>

</div>

<div class=”col-9”>

<h1>Website/Software/Mobile App</h1>

</div>

</div>

</div>
Components:

• Navbar: Navbar is use to add the menu bar in a page.

• Carousel: Carousel is use to add slide show images in a page.

• Alerts: Alerts is use to add alert strip in a page.


• Card: Card is use to add cards in a page.
PROJECTS
WEBSITE FOR TOURISM
CONCLUSION

 In review this internship has been an excellent and rewarding experience.


 I can honestly say that my time spent interning with “SV Mind Logic” is very good for me.
 After complete my intership training, I had been exposed to programmer working life
 One main thing that I have learned through this internship is time management skills as well as self-
motivation.
 From this internship and time management I had to learn how to motivate myself through being in the
work for so many hours
 In working environment, teamwork is vital in contributing to a strong organization.
REFERENCES

 Referenced the HTML tags from: HTML Tutorial (www.Geeksforgeeks.org )


 Referenced the CSS code from: CSS Tutorial (www.Geeksforgeeks.org )
 Referenced the JavaScript code from: JavaScript Tutorial (www.Geeksforgeeks.org )
THANK
YOU
ANY
QUESTIONS ?

You might also like