Sie sind auf Seite 1von 24

INDIRA GANDHI ENGINEERING COLLEGE

SAGAR (M.P.)
Session 2018-2019
A
Training REPORT
ON
“WEB DESIGNING”
Submitted to Rajiv Gandhi Proudyogiki Vishwavidyalaya
Bhopal (M.P.)
in Partial Fulfillment for the Degree of
Bachelor of Engineering

Under The Supervision Of Under The Co-supervision Of


Prof. Amy Alice Kujur Mr. Rajesh Ahirwar
Ms. Kshipra Soni

(Dept. of Information Technology)


IGEC Sagar M.P.
Submitted By
Aditya Parashar 0601EC161002
Aditya Kothari 0601IT161003
INDIRA GANDHI ENGINEERING COLLEGE SAGAR (M.P.)
Certificate

This is to certify that ADITYA KOTHARI AND ADITYA PARASHAR


BE7thSem IT Engineering have completed Industrial Training Report on “WEB
DESIGNING”
towards the partial fulfillment of requirement for the award of the degree of Bachelors
Of Engineering in IT of RGPV Bhopal M.P. for session 2019-2020.
the work presented in this report has been carried out by them under our guidance and
supervisions.

Guided By: CO-Guided By:

Prof. Amy Alice Kujur Mr. Rajesh Ahirwar


Ms. Kshipra Soni
It is with great reverence that we express our gratitude to our guides “MR. RAJESH
AHIRWAR AND MS. KSHIPRA SONI“ Department of Information Technology
Engineering, Indira Gandhi Engineering College for their valuable guidance and
help in this Training work. The credit for the successful completion of this Training
goes to their keen interest timing guidance and valuable suggestion otherwise our
endeavor would have been futile. We sincerely thank our Head of Department of
Information Technology Engineering “PROF. AMY ALICE KUJUR “ for her guidance
and encouragement in carrying out this Training works. We owe to our sincere
thanks to honorable Principal "Dr. N. L. Prajapati" for his kind support which he
rendered us in the envisagement for great success of our Training.

Aditya Parashar 0601EC161002


Aditya Kothari 0601IT161003
TRAINING CERTIFICATES
WEB DESIGNING

Web design refers to the design of websites that are displayed on the
internet. It usually refers to the user experience aspects of website
development rather than software development. Web design used to
be focused on designing websites for desktop browsers; however,
since the mid-2010s, design for mobile and tablet browsers has
become ever-increasingly important.
Two of the most common methods for designing websites that work
well both on desktop and mobile are responsive and adaptive design.
A web designer works on the appearance, layout, and, in some cases,
content of a website. Appearance, for instance, relates to the color,
font, and images used. Layout refers to how information is structured
and categorized.
TRAINING OBJECTIVES
 UNDERSTAND THE PRINCIPLES OF CREATING AN EFFECTIVE
WEB PAGE, INCLUDING AN IN-DEPTH CONSIDERATION OF
INFORMATION ARCHITECTURE.
 DEVELOP SKILLS IN ANALYZING THE USABILITY OF A WEB
SITE.
 LEARN THE LANGUAGE OF THE WEB: HTML AND CSS.
 LEARN TECHNIQUES OF RESPONSIVE WEB DESIGN,
INCLUDING MEDIA QUERIES.
 DEVELOP BASIC PROGRAMMING SKILLS USING
JAVASCRIPT.
HTML

 HTML - Hypertext Markup Language

 Hypertext Markup Language is the standard markup language for


documents designed to be displayed in a web browser. It use to
design a Webpage.
WHY HTML ?

 Create Web site - You can create a website or customize an existing


web template if you know HTML well.
 Become a web designer - If you want to start a carrer as a
professional web designer, HTML and CSS designing is a must skill.
 Understand web - If you want to optimize your website, to boost its
speed and performance, it is good to know HTML to yield best
results.
 Learn other languages - Once you understands the basic of HTML
then other related technologies like javascript, php, or angular are
become easier to understand.
CSS

 CSS STANDS FOR CASCADING STYLE SHEETS


 CSS DESCRIBES HOW HTML ELEMENTS ARE TO BE DISPLAYED ON
SCREEN, PAPER, OR IN OTHER MEDIA
 CSS SAVES A LOT OF WORK. IT CAN CONTROL THE LAYOUT OF
MULTIPLE WEB PAGES ALL AT ONCE
 EXTERNAL STYLESHEETS ARE STORED IN CSS FILES
 CSS IS USED TO DEFINE STYLES FOR YOUR WEB PAGES, INCLUDING THE
DESIGN, LAYOUT AND VARIATIONS IN DISPLAY FOR DIFFERENT
DEVICES AND SCREEN SIZES.
WHY CSS ?

 CSS saves time − You can write CSS once and then reuse same sheet in multiple HTML
pages. You can define a style for each HTML element and apply it to as many Web
pages as you want.
 Pages load faster − If you are using CSS, you do not need to write HTML tag attributes
every time. Just write one CSS rule of a tag and apply it to all the occurrences of that
tag. So less code means faster download times.
 Easy maintenance − To make a global change, simply change the style, and all
elements in all the web pages will be updated automatically.
 Superior styles to HTML − CSS has a much wider array of attributes than HTML, so you
can give a far better look to your HTML page in comparison to HTML attributes.
 Multiple Device Compatibility − Style sheets allow content to be optimized for more
than one type of device. By using the same HTML document, different versions of a
website can be presented for handheld devices such as PDAs and cell phones or for
printing.
 Global web standards − Now HTML attributes are being deprecated and it is being
recommended to use CSS. So its a good idea to start using CSS in all the HTML pages
to make them compatible to future browsers.
 Inline CSS.
An inline style may be used to apply a unique style for a single
element.

 Internal CSS.
An internal style sheet may be used if one single HTML page has
a unique style Internal styles are defined within the <style>
element, inside the <head>.

 External CSS.
External CSS is a file that contains only CSS code and is saved
with a ".css" file extension. This CSS file is then referenced in
your HTML using the <link> instead of <style>.
 Bootstrap is a free and open-source CSS
framework directed at responsive, mobile-first
front-end web development. It contains CSS-
and JavaScript-based design templates for
typography, forms, buttons, navigation and
other interface components.
WHY BOOTSRAP ?

 Easy to Use

 Responsiveness

 Customizable Bootstrap

 Consistency

 Support
JAVASCRIPT

 JavaScript is a very powerful client-side scripting language.


JavaScript is used mainly for enhancing the interaction of a user with
the webpage. In other words, you can make your webpage more
lively and interactive, with the help of JavaScript. JavaScript is also
being used widely in game development and mobile application
development.

 Being a scripting language, JavaScript cannot run on its own. In fact,


the browser is responsible for running JavaScript code. When a user
requests an HTML page with JavaScript in it, the script is sent to the
browser and it is up to the browser to execute it.
PROJECTS CREATED DURING TRAINING
FUTURE SCOPE

 IT SETS THE FIRST IMPRESSION

 IT SETS THE IMPRESSION FOR CUSTOMER SERVICE

 IT BUILDS TRUST WITH YOUR AUDIENCE

 IT CREATES CONSISTENCY

 ALL THINGS ARE AVAILABLE ON INTERNET


THANK YOU

Das könnte Ihnen auch gefallen