VISVESVARAYA TECHNOLOGICAL UNIVERSITY

JnanaSangama, Belagavi - 590018

Internship Report

on

“WEB DEVELOPMENT USING WORDPRESS”

by

Haseeb Imtiyaz 4MT21CS057

Harshitha K 4MT21CS056
Goutam Varma 4MT21CS055

Mentor
Dr Shreekumar T
Assistant Professor
Dept of CSE

DEPARTMENT OF COMPUTER SCIENCE& ENGINEERING

(Accredited by NBA)

MANGALORE INSTITUTE OF TECHNOLOGY &

ENGINEERING
Accredited by NAAC with A+ Grade, An ISO 9001: 2015 Certified Institution
(A Unit of Rajalaxmi Education Trust®, Mangalore - 575001)
Affiliated to VTU, Belagavi, Approved by AICTE, New Delhi
Badaga Mijar, Moodabidri-574225, Karnataka
2022-23
 MANGALORE INSTITUTE OF TECHNOLOGY & ENGINEERING
Accredited by NAAC with A+ Grade, An ISO 9001: 2015 Certified Institution
(A Unit of Rajalaxmi Education Trust®, Mangalore - 575001)
Affiliated to VTU, Belagavi, Approved by AICTE, New Delhi
Badaga Mijar, Moodabidri-574225, Karnataka

DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING

(Accredited by NBA)

CERTIFICATE
This is to certify that the Internship report entitled by WEB DEVELOPMENT USING
WORDPRESS submitted by Haseeb Imtiyaz – 4MT21CS057, Harshitha K –
4MT21CS056, Goutam Varma – 4MT21CS055 is the work done by them in partial
fulfilment for the award of Bachelor of Engineering in Computer Science and Engineering
of the Visvesvaraya Technological University, Belagavi during the year 2022-23. Carried
out under the supervision of Dr Shreekumar T, Assistant Professor, Dept of CSE during
11-10-22 to 30-10-22. It is certified that all corrections/suggestions indicated for Internal
Assessment have been incorporated in the report and deposited in the departmental library.
The Internship report has been approved as it satisfies the academic requirements in respect
of project work prescribed for the said degree.

Guide Name Mr. Ravinarayana B. Dr. M. S. Ganesha Prasad

Internship Guide Head of the Department Principal

 ACKNOWLEDGEMENT

First and foremost, we thank our parents for what we are and where we are today, without
whose hard work and sacrifice we would not be here today.

We deem it a privilege to place on record the deep sense of gratitude to our supervisor Dr
Shreekumar T, Assistant Professor, Computer Science and Engineering, who always
stood behind us and supported in every step of the internship work.

We are grateful to Mr.Ravinarayana B., Head of the Department, Computer Science and
Engineering for their support and encouragement.

We would like to thank our Principal Dr. M.S. Ganesha Prasad, for encouraging us and
giving us an opportunity to accomplish the internship work.

We also thank our management who helped us directly and indirectly in the completion of
this work.

Our special thanks to faculty members and others for their constant help and support.

Above all, we extend our sincere gratitude to our parents and friends for their constant
encouragement with moral support.

Haseeb Imtiyaz

Harshitha K

Goutam Varma
 Table of Contents

Chapter No. Title Page No.

Internship Objective ⅰ

Weekly Overview of Internship

ⅰⅰ
Activities
1 Introduction 1-4

2 About Project 5

3 Outcome of Internship 6-8

4 Conclusion 9

5 Reference 10
 LIST OF FIGURES

Figure No Figure Name Page No

3.1 HOME 6
3.2 LOGIN 6
3.3 CONTACT US 7
3.4 CHECKOUT 7
3.5 MENU 8
3.6 CART 8
 ⅰ

INTERNSHIP OBJECTIVE

Internship are generally thought to be reserved for college students looking to gain
experience in particular field however, a wide array of people can benefit from training
internship in order to receive real world experience and develop their skill.

An objective for this position should empathize the skill you already pose in the area you
interest in learning more.

Some internship is used to allow individual to perform specific project while others
specifically designed to allow people to gain first-hand experience working.

Utilizing internship is a great way to build ones resume and develop skills that can be
emphasized in ones resume for future job.
 ⅰⅰ

WEEKLY OVERVIEW OF INTERNSHIP ACTIVITIES

DATE DAY NAME OF THE TOPIC/MODULE COMPLETED

Installing WordPress, Logging into the WordPress Admin &
11 – 10 – 22 TUESDAY
General Site Settings
12 – 10 – 22
1st Week

WEDNESDAY Writing Posts & Formatting Text in WordPress Site

Publishing, deleting & restoring a post
13 – 10 – 22 THURSDAY
Publishing Date & Time
Adding Read More link to a post
14 – 10 – 22 FRIDAY
Changing the Text in more Tag
Creating Links (Hyperlinks)
15 – 10 – 22 SATURDAY
Adding Images & Managing the Media Library

DATE DAY NAME OF THE TOPIC/MODULE COMPLETED

Adding and Editing Image Library
17 – 10 – 22 MONDAY
Uploading a Video file
Categories, Tags & Reading Settings
18 – 10 – 22 TUESDAY
Creating Posts
2ndWeek

Editing and adding Widgets

19 – 10 – 22 WEDNESDAY Installing and activating themes
Installing and Activating Plugins
Adding Menus and Submenus
20 – 10 – 22 THURSDAY
Opening Menu links in new tab
21 – 10 – 22 FRIDAY Creation of Web Page using HTML & CSS
22 – 10 – 22 SATURDAY Mini Project Development

DATE DAY NAME OF THE TOPIC/MODULE COMPLETED

27 – 10 – 22 THURSDAY Mini Project Development

3rdWeek

28 – 10 – 22 FRIDAY Mini Project Presentation

29 – 10 – 22 SATURDAY Report Writing

Overall Presentation and Quiz
30 – 10 – 22 SUNDAY
Submission of Report
CHAPTER 1

INTRODUCTION

WordPress
WordPress is a free and open-source Content Management System (CMS). It is an
online site based on PHP and MySQL. It was mainly designed as a blogging tool but now
it has evolved into a versatile CMS. Where, you can use it to create a simple blog as well
as a fully operational website and mobile applications. It is even used to create an online
store using some WordPress plugins.
It is considered as the easiest and most popular CMS tool due to its features. The main
feature of WordPress is its versatility and feasibility to use. There is no use of coding and
designing skills for creating a website on this. Even a non-technical person can also create
a website with the help of WordPress easily.
WordPress is an open-source community that implies thousands of people from all over the
world work on it. It is free software. You are free to download, install, modify, and use it.
Although, there might be some cost involved during web hosting.
There are more than 26,000 themes and 31,000 plugins to create a website.

1
WordPress Features
WordPress is a content management system that is packed with features. In the
following sections, we will go over the most important ones.

Admin Dashboard and Settings:

The WordPress admin dashboard is also known as the admin area. It allows
administrators and authorized contributors to modify WordPress and perform
maintenance.
The default way to access the WordPress dashboard is to go to yourdomain.com/wp-
admin and log in by typing the username and password set during the WordPress
installation process.
The admin dashboard contains all the website management features, such as the content
editor, theme customizer, plugins, and widgets.

Content Editor:
The content editor or the text editor is where users can add, edit, and publish
WordPress posts and pages. Learning to use WordPress’s content editor will be a breeze
if you are already familiar with word processors like Microsoft Word.
After creating the content, users can assign tags, a featured image, and a meta
description to the post or page using the settings sidebar. Many of these sidebar settings
can positively impact search engine optimization (SEO).

Theme Customizer:
The theme editor or customizer allows users to customize their current theme or design
template. Users can make various changes, such as uploading a logo, customizing the
navigation menu, and setting a custom homepage.
Every theme has different degrees of customization.
Page builders add drag-and-drop functionality to the theme editor. Some examples of
page builder plugins are Elementor and Beaver Builder.

2
Plugins & Widgets:
Plugins are add-ons that extend a WordPress’s functionality. By installing plugins,
users can add features that are not present in the core WordPress software. Many of the
plugins are created by developers within the WordPress community. You can create
your own plugin too.
The official directory currently contains over 58,000 plugins – there is a WordPress
plugin for virtually any situation. There are those for strengthening website security,
speeding up a website, increasing search engine optimization, adding forms, and more.

HTML & CSS

HTML stands for HyperText Markup Language. It is a standard markup language

for web page creation. It allows the creation and structure of sections, paragraphs, and
links using HTML elements (the building blocks of a web page) such as tags and
attributes.
HTML has a lot of use cases, namely:
• Web development. Developers use HTML code to design how a browser
displays web page elements, such as text, hyperlinks, and media files.

• Internet navigation. Users can easily navigate and insert links between related
pages and websites as HTML is heavily used to embed hyperlinks.
• Web documentation. HTML makes it possible to organize and format
documents, similarly to Microsoft Word.

The average website includes several different HTML pages. For instance, a home page,
an about page, and a contact page would all have separate HTML files.
HTML documents are files that end with a .html or .htm extension.

Cascading Style Sheets, fondly referred to as CSS, is a simple design language intended
to simplify the process of making web pages presentable.

3
CSS handles the look and feel part of a web page. Using CSS, you can control the colour of
the text, the style of fonts, the spacing between paragraphs, how columns are sized and laid
out, what background images or colours are used, layout designs, variations in display for
different devices and screen sizes as well as a variety of other effects.

CSS is easy to learn and understand but it provides powerful control over the presentation
of an HTML document. Most commonly, CSS is combined with the markup languages
HTML or XHTML.

4
CHAPTER 2

ABOUT PROJECT

Our project is based on creating an ecommerce website for organic products, Organic
Store using WORDPRESS. Here we have used WordPress and XAMPP to create the
website.
WordPress is an open-source content management system (CMS) to build any types of
websites. In technical terms, WordPress is written in PHP and run on a MySQL or a
MariaDB database.
XAMPP is an open-source package of web solutions that includes Apache distribution for
many servers and command-line executables along with modules such as Apache
server, MariaDB, PHP, and Perl.
We have used the Astra Theme on our website which is one of the popular themes found
in WordPress.
The Plugins which are been used in our website are Starter Templates, Elementor,
Icegram, WPForms and WooCommerce.
We have used the plugin Starter Templates to install and activate beautiful templates. In
WordPress, a template provides the structure for how your content is displayed. It is a file
generated by your WordPress theme that can be applied to specific posts or pages to control
the way they look on your website. Astra theme provides beautiful templates; hence we are
using the theme Astra.
We have used the plugin Elementor, which is one of the popular page builders.
Elementor is the leading website building platform for WordPress, enabling web creators
to build professional, pixel-perfect websites with an intuitive visual builder.
We have used the plugin Icegram to show Pop Up messages on the website. We also used
WooCommerce plugin which is the most used plugin for creating the ecommerce website.
We used WPForm plugin is to create contact us page in our website

5
CHAPTER 3

OUTCOME OF INTERNSHIP

Result basically refers to any output that comes as a result of the completion of the activities
that have been performed as a part of the project or a particular project component.
We learnt to create beautiful website using WordPress.
SNAPSHOTS:

Fig 3.1 – HOME Page

Fig 3.2 – LOGIN Page

6
Fig 3.3 – CONTACT US page

Fig 3.4 – CHECKOUT Page

7
Fig 3.5 – Menu Page

Fig 3.6 – CART Page

8
CHAPTER 4

CONCLUSION
From this internship we learnt how to develop the website using WordPress and the basics
of HTML and CSS. This Internship has been an excellent and rewarding experience. We
can conclude that there have been a lot I learnt during this period of Internship as someone
with no prior experience with Web Development. I’ve done are not flawless and could be
improved provided enough time. I believe that my time spent in research and discovering it
was well worth it and contributed to finding an acceptable solution to build a fully functional
website. The two main things I learnt from this internship are importance of time
management and motivation.

FUTURE SCOPE
It has been a great pleasure for us to work on this exciting and challenging project. This
project has been proved good for us as it provided practical knowledge of not only designing
user interface, but also about all handling procedure related with internship. It also provided
knowledge about the latest technology used in Web Development that will be in great
demand in future. This will provide better opportunities and guidance in future in
developing project independently.

9
CHAPTER 5

REFERENCE
1. https://www.hostinger.in/tutorials/what-is-wordpress
2. https://www.javatpoint.com/what-is-wordpress
3. https://www.hostinger.com/tutorials/what-is-html
4. https://www.tutorialspoint.com/css/what_is_css.htm
5. https://www.javatpoint.com/xampp
6. https://wordpress.org/plugins/elementor/
7. https://www.wpbeginner.com/glossary/template/
8. https://wordpress.org/plugins/all-in-one-wp-migration/

10