A REPORT ON INTERNSHIP

An internship report submitted to Bengaluru City

University in partial fulfillment of the requirement for
the award of the degree of

BACHELOR OF COMPUTER APPLICATIONS

BENGALURU CITY UNIVERSITY

SUBMITTED BY

MOHAMMED SUFIYAN K

U18KN21S0014
VI Semester
Under the Guidance of

DILIP KUMAR V
ASSISTANT PROFESSOR

MVM COLLEGE OF ARTS SCIENCE AND MANAGEMENT

Address: No.1336/72, 2, International Airport Road, behind Trident Hyundai

showroom, Vikas Layout, Palanahalli, Maruthi Nagar, Yelahanka, Bengaluru,
Karnataka 560064
 ORGANISATION’S CERTIFICATE

This is to certify that MOHAMMED SUFIYAN K REG. NO. U18KN21S0014 who is

pursuing his/her VI Semester BCA, at MVM COLLEGE OF ARTS SCIENCE AND
MANAGEMENT, Yelahanka, Bengaluru, has completed his/her 1 months of
organizational study at our organization from 20/05/2024 to 20/06/2024.

MOHAMMED SUFIYAN K has collected the required data and exhibited good
discipline during the study; we wish him/her good luck in all future endeavors.

THE WEBSITE MAKERS

Authorized Signatory
 MVM COLLEGE ARTS, SCIENCE
&MANAGEMENT (CASM)

COLLEGE CERTIFICATE

This is to certify that this Internship report on is carried out by MOHAMMED

SUFIYAN K bearing Reg. No. U18KN21S0014 is an original work carried out by the
said student. He/ She has successfully completed his/her 4 Weeks organizational study.

The Internship report is submitted to the Bengaluru City University in the

Academic Year 2023-24, in partial fulfillment for successful completion of VI Semester
BCA and also for the award of Bachelor of Computer Applications Degree of Bengaluru
City University.

Place: Bangalore Principal: Dr. Nalini Dwarakanath Ph.D.

Date: 20/06/2024
 CERTIFICATE BY HEAD OF THE DEPARTMENT

Certified that MOHAMMED SUFIYAN K is a student of Final year Batch (2021 –

2024) Bachelor of Computer Applications of MVM COLLEGE OF ARTS SCIENCE
AND MANAGEMENT, Bengaluru- 64, has submitted Internship Report, prepared
under the guidance of faculty of our college in partial fulfillment of the requirements for
the award of the Degree of "Bachelor of Computer Applications" of Bengaluru City
University and has not formed a basis for the award of any other Degree or Diploma of
any University or Institution.

PUSHPALATHA P

ASST PROF. & HEAD OF DEPARTMENT

BACHELOR OF COMPUTER APPLICATIONS

 Supervisor’s Certificate

This is to certify that the content of this report on “THE WEBSITE

MAKERS” carried out by MOHAMMED SUFIYAN K, bearing Register No
U18KN21S0014 is a bona-fide work carried out by the student under my
supervision during the academic year 2023-24 in partial fulfillment for the
completion of VI Semester BCA, of Bengaluru City University.

Place: BANGALORE Name of the Supervisor

Date: 20/06/2024 Mr. Danesh Roy

 STUDENT’S DECLARATION

I hereby declare that this Internship report on “THE WEBSITE MAKERS” is an

original record of my experience while conducting the internship study at Name of
the organization. The organizational study was carried out by me, as a partial
fulfillment for the successful completion of VI Semester of BCA of Bengaluru City
University. This report is not submitted to any other university for the award of any
Diploma/Degree etc.

Place: BANGALORE Name of the Student: MOHAMMED SUFIYAN K

Date: 20/06/2024 Register Number: U18KN21S0014

CERTIFICATE OF INTERNSHIP
 ACKNOWLEDGEMENT

I take this as an opportunity to express my profound gratitude to all who have been
significant contributors to this Internship Report.

I express my gratitude to M.V. MUNIRAJ, Chairperson MVM College of Arts Science and
Management for support in carrying out the internship.

I express my deepest sense of gratitude to DR. NALINI DWARAKANATH Ph.D.,

Principal, MVM College of Arts Science and Management for her constant support.

I am thankful to PUSHPALATHA P HOD, Department of Computer Applications, MVM

College of Arts Science and Management, for her support, guidance and encouragement.

I am grateful to DILIP KUMAR V, Assistant Professor Department of Bachelor of

Computer Applications, MVM College of Arts Science and Management, for sparing their
valuable time and guiding in the successful completion of the report.

I also thank the company THE WEBSITE MAKERS for the support in carrying out the
internship at their esteemed organization.

Place: BANGALORE

Date:20/06/2024

Signature of the Student

 LIST OF CONTENTS

Chapter 1 _________________________________________________________________1-5
1.1 Introduction ___________________________________________________________ 3
1.2 Objective of the study ___________________________________________________4
1.3 Scope of the study _____________________________________________________ 3
1.4 Methodology of the study _______________________________________________ 4
1.5 Limitation of the study __________________________________________________ 4-5

Chapter 2 Company Profile ___________________________________________________ 6-15

2.1 Brief profile ____________________________________________________________ 7
2.2 Why choose The Website Makers ___________________________________________ 8
2.3 Visions of the company ___________________________________________________ 12
2.4 Company information______________________________________________________13
2.5 Work description _________________________________________________________ 14-15

Chapter 3 Topics learnt through the Course _____________________________________19-52

3.1 Introduction to WordPress _______________________________________________ 19
3.2 What is WordPress ______________________________________________________ 20
3.3 Installing WordPress on localhost _________________________________________ 21
3.4 What is domain________________________________________________________ 22
3.5 What is server _________________________________________________________ 22
3.6 Domain server how to connect a domain to hosting ___________________________ 23
3.7 WordPress dashboard changes and plugins___________________________________ 24-25
3.8 Astra theme installation and templates ______________________________________ 26-27
3.9 Web pages, web development, and types of web development _____________________ 28-29
3.10 Designing web pages with Elementor ______________________________________ 30-31
3.11 Elementor dashboard ____________________________________________________ 31-33
3.12 Applying content, style, and advanced setting in elementor ______________________ 33-34
3.13 image element in WordPress creating an image element _______________________ 35-36
3.14 Heading element alignment ______________________________________________ 36-37
3.15 Button element in WordPress _____________________________________________ 38-40
3.16 Animation element in WordPress _________________________________________ 41-43
3.17 Setting up a website on OOO webhost _____________________________________ 44-46
3.18 Creating job application form ____________________________________________ 49-52

Chapter 4 __________________________________________________________________ 53
Conclusion_________________________________________________________________ 53

Chapter 5 __________________________________________________________________ 54-55

Reference___________________________________________________________________ 54-55

Evaluation of Internship Report _________________________________________________ 56

Evaluation Summary ___________________________________________________________ 57

Department of Applications Computer Page1

 Log Sheet

Name of the student: MOHAMMED SUFIYAN K

Name of the organization: THE WEBSITE MAKERS.
Name of the college: MVM COLLEGE OF ARTS SCIENCE AND MANAGEMENT.

Duration (In
SN Date Concept Learnt
Hours)
1 20/05/2024 Introduction to world press and types of websites. 10am-12pm
2 20/05/2024 Installing WordPress on localhost. 12pm-2pm
3 21/05/2024 Domain, Server, and Types of domains. 10am-12pm
Domain and Server -How to connect a domain to
4 21/05/2024 12pm-2pm
hosting.
5 22/05/2024 WordPress Dashboard Changes and Plugins. 10am-12pm
6 23/05/2024 Astra Theme installation and templates. 10am-12pm
Web pages, Web development, and Types of web
7 24/05/2024 10am-12pm
Development.
8 25/05/2024 Designing Web pages with elementor. 10am-12pm
9 27/05/2024 Elementor dashboard. 10am-12pm
Applying content, style, and advanced settings in
10 28/05/2024 10am-12pm
elementor designing settings.
11 29/05/2024 Heading element and alignment. 10am-12pm
12 30/05/2024 Image element in WordPress creating an image. 10am-12pm
13 30/05/2024 Video element in WordPress. 12pm-2pm
14 31/05/2024 Google maps element, selection, and columns. 10am-12pm
15 01/06/2024 Button element in WordPress 10am-12pm
16 03/06/2024 Select the desired icon form the available option. 10am-12pm
Use button alignment button to adjust the text
17 04/06/2024 10am-12pm
position within the button.
18 04/06/2024 Set the size of the button using the size options. 12pm-2pm
19 04/06/2024 Button style. 3pm-5pm
20 05/06/2024 Plugin in WordPress. 10am-12pm
21 06/06/2024 padding. 10am-12pm
22 06/06/2024 Margin and padding in WordPress. 12pm-2pm
23 07/06/2024 Creating forms. 10am-12pm
24 08/06/2024 Creating website on OOO webhost. 10am-12pm
25 08/06/2024 Adding animation 12pm-2pm
26 10/06/2024 Adding animation WordPress content 10am-12pm
27 10/06/2024 Adding animation to a heading 12pm-2pm
28 11/06/2024 Utilizing Lottie for advanced animations 10am-12pm
29 12/06/2024 10am-12pm
Setting up a website on OOO webhost
30 13/06/2024 Softaculous in WordPress 10am-12pm
31 13/06/2024 Benefits of using softaculous 12pm-2pm
32 14/06/2024 Forms in word press 10am-12pm
33 15/06/2024 Creating a form in WordPress 10am-12pm
34 15/06/2024 Creating a job application form 12pm-2pm
35 17/06/2024 Margins and padding in WordPress 10am-12pm
Department of Applications Computer Page2
 36 17/06/2024 Padding 12pm-2pm
37 18/06/2024 Key difference 10am-12pm
38 18/06/2024 Effective usage tips 12pm-2pm
39 19/06/2024 Apply padding to provide 10am-12pm
40 19/06/2024 Creating job application form 12pm-2pm
41 20/06/2024 learnings 10am-12pm
42 20/06/2024 Mentor review 12pm-2pm
NUMBER OF DAYS: 26
TOTAL HOURS: 84

Declaration:

It is declared that the student is completed his/her internship in our organization as per above
schedule.

Signature of Authority

Seal of the Organization

Department of Applications Computer Page3

 CHAPTER 1

INTRODUCTION

Department of Applications Computer Page4

 The Website Makers, is a leading IT software solutions and services industry focusing on
quality standards and customer values. We offer broad range of customized software
applications powered by concrete technology and industry expertise.
The Website Makers, is a Private Limited Indian Non- Government Company incorporated
in India on 19 July 2018. Its registered office is in West Godavari District, AP.
The Company is engaged in the Business Services Industry.
The Company's status is Active, and it has filed its Annual Returns and Financial
Statements up until 31 March 2023. It's a company limited by shares with an authorized
capital of Rs 10.00 Lakh and a paid-up capital of Rs 1.00 Lakh, as per the Ministry of
Corporate Affairs (MCA) records.

Tech Solution:
Software and Embedded solutions.

Quick Support:
Quick Support round the clock 24*7

Software and Embedded design Services:

 Web Design
 Website Development
 Embedded Development

Department of Applications Computer Page5

 IT Solutions :

Leading IT Solutions and Services offering highly scalable software products

Embedded Solutions :

Top notch embedded product design and development

Skill Development :

Leading Skill Development Company in all the latest technologies

1.1 INTRODUCTION

Internship program is essential for all BCA students, because it helps him or her to
acquire real life situation. I have selected The Website Makers which is one of the leading
Programming code Training Academy in AP.

Internship report is one of the parts of completing BCA degree of the department of
Science Administration, Bangalore City University. This report is on The Process and
Implementation of Software skills: A study on The Website Makers. It was a chance for me
to learn about the Management and Skills procedure of the company.

1.2 OBJECTIVE OF THE STUDY

General Objective:
The general objective of the study is to understand the Software skills Process and
Implementation system of The Website Makers.

Specific objectives:
 Specific objectives of the study are summarized below:
 To be familiar with the purpose of skills
 To be acquainted with the importance of skills
 To know the various steps of Software skills system followed by The Website Makers.

 To identify the various problems associated with in its programming skills system.

Department of Applications Computer Page6

 1.3 SCOPE OF THE STUDY
 Understanding programming skills The Website Makers.

 Acquire detail knowledge of programming skills and its implementation required by

programming skills policy.

 Acquire detail knowledge on different type of programming skills rules and guideline of
the company.

 Avail knowledge to overall Skills and service activity of the company.

1.4 METHODOLOGY OF THE STUDY

The research is an exploratory in nature. Both primary and secondary sources of data
have been used in the study. To collect primary data interview method has been used
with an unstructured questionnaire. The interview was as more of a discussion method.

The primary sources:

 Directors
 Manager
 Staffs
The secondary sources:
 Annual report of The Website Makers
 Prospect of The Website Makers
 Unpublished data
 The relevant programming languages on coding process

1.5 LIMITATION OF THE STUDY

The major limitations that I have encountered during the study and preparation of the
report are as follows:

 The time limitation was the major problem in this study.

 Lack of adequate information and data
 Restrictions as per the firm policies to disclose some of the internal information and
financial data of the company to outside people.
 Lack of experience and knowledge

Department of Applications Computer Page7

 Fig 1.1- Company Logo

Department of Applications Computer Page8

 CHAPTER 2
COMPANY PROFILE

Department of Applications Computer Page9

 2.1 BRIEF PROFILE

Name of the Company

THE WEBSITE MAKERS

Brief Introduction of the Company.

The Website Makers is an unlisted private company incorporated on 19 July, 2018. It is classified as
a private limited company and is located in West Godavari District, AP. Its authorized share capital
is INR 10.00 lac and the total paid-up capital is INR 1.00 lac.

1 The current status of The Website Makers is - Active.

2 The last reported AGM (Annual General Meeting) of The Website Makers, per our records, was
held on 30 September, 2022.

3 The Website Makers has a director - Daveedu Raju Akurathi.

4 The Corporate Identification Number (CIN) of The Website Makers is U74999KA2018PTC114911.

The registered office of The Website Makers is at No 59 2nd Main, 1st Cross Near Singapura
Village Bus Stop Tadepalligudem Mandal, West Godavari District, AP.

Internship program is essential for all BCA students, because it helps him or her to acquire
real life situation. I have selected The Website Makers which is one of the leading
Programming code Training Academy in AP. Internship report is one of the parts of
completing BCA degree of the department of Science Administration, Bangalore City
University. This report is on The Process and Implementation of Software: A study on The
Website Makers. It was a chance for me to learn about the Management and Soft skills
procedure of the company:

Department of Applications Computer Page10

 IT Solutions : Leading IT Solutions and Services offering highly scalable software

product.

Embedded Solutions : Top notch embedded product design and development.

The experienced instructors have professional education including pedagogical and

methodical training. In addition to the standard course program, we provide tailor-made
training solutions on request. For more information, please contact us. Our authorized
training centers located all over Bangalore to ease the accessibility of students The
Website Makers offers candidates one of the industry’s most advanced and comprehensive
programming skills training programs, covering a wide spectrum of commercial and
flight operations.

The Website Makers training program combines The Website Makers innovative
methodologies, knowledgeable instructor and advanced simulation technology for a
truly unique learning experience. The Website Makers trains candidate using practical and
operationally integrated learning approach with all training carried out using computer-
based training tools, programming skills training devices and programming skills
simulators. Software skills handling is one of the many sectors within The Website
Makers poised to see spectacular growth within the year ahead.

The Website Makers with its experience and expertise in training and placing skills
Service Staff can give you an added advantage. Prepare you for a career in Handling, its
session encapsulates modules in soft skills, passenger relationship management,
operations and personal grooming. We train the students in Skills simulators–the most
widely used virtual skills training in the in state.

The Website Makers has diverse programs which can be chosen by the students. It offers
Degree, and Certificate courses including IT technologies. These programs are offered
in Full Time mode. Institute present diversified BCA courses and programs that are
designed to meet the needs of students from different backgrounds. When it comes to
choosing a good institute for UG and IT technologies courses The Website Makers comes
to mind. They gave opportunity to student to choose courses like Certificate, UG BCA
with stream of computer science. From introductory courses to more advanced topics,
there is a variety of courses to choose from. Institute gives offer to students to gain
proficiency.

Department of Applications Computer Page11

 The Website Makers has diverse programs which can be chosen by the students. It offers
Degree, and Certificate courses including UG course. The software industry has also
been a key contributor to global economic prosperity, not only because the tourism
industry boosts local economies but also because it has allowed for improvements to soft
skills. Meanwhile, the soft water industry also directly provides millions of jobs for
people around the world.

 2.2 WHY CHOOSE THE WEBSITE MAKERS

 Instructor expertise skills

 Course structure

 IT training

Computer skills with millions of training hours between them. Our instructors provide a
wealthy of knowledge and experience gained from many years operating as, and load
controller and various positions with airlines around the globe. They have unparalleled
expertise and commitment to benefit you throughout your training with The Website
Makers. Of particular importance is the fact that we employ instructor who still work and
train with soft skills today, thereby ensuring our students to receive the most current and
relevant expertise in their training.

The Website Makers has an international course structure customized to satisfy industrial
requirements and controlling authorities’ regulations, In India Our course module
contains practical and interactive teaching and learning methods to ease the student
understanding. We do follow the regulations of AI, ML, IT information soft skills.

The Website Makers offers the most comprehensive range of training programs. This
extensive portfolio means we offer more choice to newly trained and experienced
candidates than any other training organization.

In addition, integrated course add-ons further improve your training experience. We

offer integrated simulator-based aircraft operation courses as well as integrated safety
and emergency procedures (SEP)training, all of which combine to ensure that our
training goes well beyond minimum licensing and the knowledge requirement to fully
prepare

Department of Applications Computer Page12

 you for the modern aviation.

Our industry centric approach also means that we are continuously looking at new ways
to add value to the training programs. From integrating comprehensive computer-based
training, to discounted recurrent training packages and free simulator time for
programming to evaluate your skills for employment, The Website Makers strive to give
you the best possible value for your investment.

When you combine this with The Website Makers position as the unsurpassed global
leader in Placement services, it all adds up to the leading training offering in the industry
today. The Software industry forms just one part of the wider Software industry. In
addition to skills, the software industry includes NON-IT, Projects and communications
skills developed.

The importance of the modern software industry is difficult to overstate. Still, one of the
main reasons for this importance is the globalized nature of the industry, helping to
connect different continents, countries, and cultures. As a result, global IT the best
modulation AI, Robotics.

For instance, some software worldwide helps facilitate IT while certain businesses
within the Software cater to IT and clients. Software provides the only rapid worldwide
Robotic network, generating economic growth, creating jobs, and facilitating
international trade and tourism.

Software is a collection of instructions, data, or computer programs that are used to

run machines and carry out particular activities. It is the antithesis of hardware, which
refers to a computer’s external components. A device’s running programs, scripts, and
applications are collectively referred to as “software” in this context...

The Software is growing fast and will continue to grow. The most recent estimates
suggest that demand for will increase by an average of 4.3%per annum over the next 20
years. If this growth path is achieved by 2036 the air transport industry will then
contribute 15.5 million in direct jobs and$1.5 trillion of GDP to the world economy.
Growth trajectory of the software industry and its potential impact on the global economy,
particularly in the context of the air transport industry. Here's a breakdown of the information you
provided:

Department of Applications Computer Page13

 Growth Rate: The software industry is expected to grow at an average annual rate of 4.3% over
the next 20 years. This growth rate indicates an increasing demand for software products and
services globally.

Projected Contribution to Software Industry : By 2036, if this growth path is achieved, the
software industry is estimated to contribute significantly to the global economy. It is projected to
generate 15.5 million direct jobs and contribute $1.5 trillion to the world economy in terms of Gross
Domestic Product (GDP). This suggests that the software industry's growth has a substantial impact
on sectors like software, likely through the development and implementation of software solutions
tailored to the needs of this industry.
Implications of Growth: The growth of the software industry implies several things:
Increased demand for software professionals: With the industry expanding, there will be a greater
need for software engineers, developers, data scientists, cyber security experts, and other related
professionals.
Technological advancements: As software evolves, it will drive innovations in various sectors,
including air transport. This could lead to improvements in areas such as aircraft design,
maintenance, navigation systems, passenger experience, and logistics management.
Economic growth: The projected increase in jobs and GDP contribution indicates that the software
industry's growth is expected too positively.
When The Website Makers intuition choosing an institute or class, consider factors such as the
reputation of the institution, the curriculum offered, the mode of instruction (online or in-person),
the duration and cost of the program, and any additional support or resources provided to students.
It's also beneficial to look for programs that offer opportunities for hands-on projects, internships,
or industry connections to enhance your learning experience and career prospects.
Top of Form.

Department of Applications Computer Page14

 2.3 VISION OF THE COMPANY:

At The Website Makers, we envision a future where technology serves as a catalyst for positive
change, empowering individuals, businesses, and communities across AP and beyond. Our vision is
to pioneer innovative solutions that bridge the digital divide, foster inclusive growth, and drive
sustainable development in the region...

MISSION OF THE COMPANY

At The Website Makers, our mission is to harness the power of technology to drive inclusive
growth, foster innovation, and empower communities across AP. We are dedicated to delivering
cutting-edge software solutions, data-driven insights, and transformative digital experiences that
enable our clients to thrive in an ever-evolving landscape

MEMBERS OF THE COMPANY

DAVEEDU RAJU AKURATHI Manoj C R

CEO & Founder CMO & Co-Founder

Department of Applications Computer Page15

 2.4 COMPANY INFORMATION

CIN U74999KA2018PTC114911

Company Status Active

Registration Number 173287

Date of Incorporation 19th July 2018

ROC ANDHRA PRADESH

Company Age 5 years, 10 month, 5 days

Authorized Capital 1500000

Paid-up capital 100000

Company category Company limited by shares

Company sub- category Non- government company

Class of company Private

Activity Education

Listing status Unlisted

Department of Applications Computer Page16

 2.5 Work Description:

As a Technology Solutions Architect at The Website Solutions, you will play a pivotal role in
designing and implementing innovative technology solutions that address the evolving needs of our
clients and contribute to the overall growth and success of the company. You will collaborate
closely with cross-functional teams, including software developers, data scientists, and project
managers, to architect scalable and efficient solutions that leverage cutting-edge technologies.

Solution Design: Lead the design and architecture of complex technology solutions, considering
factors such as scalability, performance, security, and usability. Translate business requirements
into technical specifications and design documents.

Technology Evaluation: Stay abreast of emerging technologies, tools, and frameworks relevant to
our industry. Evaluate and recommend technology solutions that align with business goals and drive
innovation.

Technical Leadership: Provide technical leadership and guidance to development teams

throughout the project lifecycle. Mentor junior team members, conduct code reviews, and ensure
adherence to best practices and coding standards.

Collaboration: Collaborate with stakeholders, including clients, product managers, and business
analysts, to understand requirements, gather feedback, and iterate on solutions. Work closely with
cross-functional teams to ensure seamless integration and alignment of technology initiatives with
business objectives.

Prototyping and Proof of Concept: Develop prototypes and proof of concepts to demonstrate the
feasibility and potential of new technologies or solutions. Conduct experiments and pilot projects to
validate hypotheses and drive informed decision-making.

Technical Documentation: Create comprehensive technical documentation, including architecture

diagrams, design specifications, and implementation guides. Ensure documentation is accurate, up-
to-date, and accessible to relevant stakeholders.

Continuous Improvement: Continuously assess and improve existing systems and processes.
Identify opportunities for optimization, automation, and enhancement to drive efficiency, reliability,
and performance.

Department of Applications Computer Page17

 Qualifications: Bachelors or Master's degree in Computer Science, Engineering, or related field.
Proven experience as a Solutions Architect, Software Architect, or similar role, with a strong
background in software development and architecture.
Proficiency in programming languages such as Java, Python, or JavaScript, and familiarity with
modern development frameworks and tools.
In-depth knowledge of cloud computing platforms (e.g., AWS, Azure, GCP) and experience
architecting and deploying cloud-based solutions.
Strong understanding of software design principles, micro services architecture, and distributed
systems.
Excellent communication skills, with the ability to articulate complex technical concepts to non-
technical stakeholders.
Strong analytical and problem-solving skills, with a passion for innovation and technology.
Join us at The Website Solutions and be part of a dynamic team that is shaping the future of
technology and driving positive change in our communities.

Department of Applications Computer Page18

 CHAPTER 3
TOPICS LEARNT DURING THE COURSE

Department of Applications Computer Page19

 TOPICS LEARNT DURING THE COURSE

 WordPress Intern Report

 Day 1: Introduction to WordPress and Types of Websites

 Gained a comprehensive understanding of WordPress, including its history, features,

and advantages
 Explored the diverse range of websites that can be created using WordPress, such as
blogs, portfolios, and e commerce stores.
 What is WordPress?

 WordPress is a free and open-source content management system (CMS) that

empowers users to create and manage websites without requiring any coding expertise.
 It stands as the most widely used CMS platform globally, powering over 43% of all
websites on the internet. Types of Websites that can be Created with WordPress
WordPress's versatility allows for the creation of a wide array of websites, including:
 Blogs

 Personal websites

 Business websites

 E-commerce stores

 Portfolio websites

 Membership websites

 Online courses

 Forums

 News websites

 Two Ways to Install WordPress:

 Locally on your PC: This approach is advantageous for testing and developing your
website prior to launching it live.
 Online on the internet: This method represents the most common way to install
WordPress. Report: Day 1 provided a solid foundation in the fundamentals of
WordPress and the diverse range of websites it can accommodate. Additionally, I gained
insights into the two primary methods for installing WordPress: locally on my computer
or online on a web server.

Department of Applications Computer Page20

 Installing WordPress on Localhost

 Successfully installed WordPress on a local server using the Bit Nami tool
 Configured essential WordPress settings, including the site title, tagline, and
username and password
 How to Install WordPress on a Localhost
 Requirements:
 A computer with an internet connection
 Bit Nami WordPress Stack Steps:
 Visit the Bit Nami WordPress Stack website and download the installer
 compatible with your operating system.
 Proceed with the installation of Bit Nami WordPress Stack.
 Launch the Bit Nami WordPress Stack Manager.
 Initiate WordPress by clicking the Start button.
 Access the WordPress dashboard by navigating to http://localhost:8080/wp-
admin/ in your web browser. Report: Day 2 equipped me with the knowledge
and skills to install WordPress on my local computer using the Bit Nami
WordPress stack

Department of Applications Computer Page21

 Domain, Server, and Types of Domains

● Gained a thorough understanding of domains and servers.

● Explored the various types of domains, including .com, .net, and .org.
● Learned how to select the most suitable domain for a particular website.

What is a Domain?

A domain serves as a unique address on the internet that identifies your website.
For instance, google.com represents the domain for Google's website.

What is a Server?

A server is a computer responsible for storing and delivering the files for your
website. When an individual visits your website, their web browser requests the
files from your server.

Types of Domains

A diverse range of domain types exists, each with its own specific purpose.
Some prevalent domain types include:

● .com - Commercial websites

● .net - Network-related websites

● .org - Organization websites
● .gov - Government websites
● .edu - Educational institution websites

Day 3 provided in-depth knowledge of domains, servers, and the various types
of domains available.

Department of Applications Computer Page22

 Domain and Server - How to Connect a Domain to Hosting

● Mastered the process of connecting a domain to a hosting server. Purchasing a

Domain and Server

Numerous hosting providers offer domain names and server space. Some well-known
hosting providers include:

● Ho stinger

● GoDaddy

● Namecheap

● Bluehost

Connecting a Domain to Hosting

After purchasing a domain name and server space, it is necessary to connect the domain
to your hosting account. This process varies depending on your hosting provider, but it
generally involves straightforward steps.

Report:

successfully guided me through the process of connecting a domain to a hosting

account.

Department of Applications Computer Page23

 WORLDPRESS DASHBOARDCHANGES AND
PLUGINS

WordPress Dashboard Changes and Plugins:

The WordPress dashboard serves as the central hub for managing your website.
It has undergone significant improvements over the years to enhance usability
and functionality. Here are some key changes and considerations regarding the
dashboard and plugins:

1. Gutenberg Editor Integration: Gutenberg, introduced in WordPress 5.0,

revolutionized content creation with its block-based editor directly integrated
into the dashboard. This visual editor allows for more intuitive content
management.
2. Block Widgets: WordPress introduced Block Widgets in version 5.8, allowing
users to add blocks directly to widget areas like sidebars and footers, enhancing
customization options without needing additional plugins.
3. Improved Site Health: The Site Health feature provides insights into your site's
overall health directly from the dashboard. It checks PHP and database versions,
identifies potential security issues, and recommends improvements.
4. Plugin Management: WordPress continues to refine plugin management with
features such as the ability to install, activate, deactivate, and delete plugins
seamlessly from the dashboard. Automatic updates ensure plugins stay secure
and up to date.
5. Customization and Appearance: The appearance section allows easy
customization of themes, menus, and widgets, giving users more control over
the website's look and feel without needing extensive coding knowledge.
6. Accessibility Improvements: WordPress places a strong emphasis on
accessibility, making dashboard elements easier to navigate and use for all users,
including those with disabilities.

Department of Applications Computer Page24

 7. Security Enhancements: Continuous security updates and features like two-
factor authentication help protect WordPress sites from vulnerabilities, ensuring
a safer experience for users and administrators alike.

Overall, WordPress dashboard changes and plugins have evolved to streamline

website management, improve user experience, and enhance security. These
advancements empower users to create and maintain professional websites
efficiently.

Department of Applications Computer Page25

 ASTRA THEME INSTALLATION AND TEMPLATES

Astra Theme Installation and Templates

1. Astra Theme Overview:

 Astra is a lightweight, customizable WordPress theme known for its speed and
performance.
 It offers a range of pre-built templates and customization options suitable for
various types of websites.
2. Installation Process:

 From WordPress Dashboard:

 Navigate to Appearance > Themes.

 Click on Add New and search for "Astra".

 Click Install and then Activate the theme.

Manual Installation:

o Download the Astra theme from the official website.

o Upload it to your WordPress site via Appearance > Themes > Add New > Upload
Theme.

3. Customization Options:

Astra Starter Templates:

o Astra provides a library of ready-to-import starter templates for different

niches (e.g., business, portfolio, blog).
o Access these templates via Appearance > Astra Options > Starter Templates.

Customizer Settings:

o Easily customize site layout, typography, colors, header options, and more
through the WordPress Customizer.
o Accessible via Appearance > Customize.

Department of Applications Computer Page26

 4. Key Features:

 Performance-Focused: Astra is designed to be lightweight, ensuring fast

loading times.
 Compatibility: Works seamlessly with popular page builders like
Elementary, Beaver Builder, and Gutenberg.
 WooCommerce Integration: Includes options tailored for eCommerce sites.

 SEO-Friendly: Built with SEO best practices in mind to help improve search

engine rankings.

5. Tips for Using Astra:

 Explore different starter templates to find a design that suits your website's

needs.
 Utilize Astra's integrations with page builders for more advanced layouts and

customization.
 Regularly update both the Astra theme and installed plugins for security and

performance improvements.

Astra theme offers a user-friendly experience with robust customization

options, making it suitable for both beginners and experienced WordPress
users aiming to create professional websites efficiently

Department of Applications Computer Page27

 WEB PAGES, WEB DEVELOPMENT, AND TYPES OF
WEB DEVELOPMENT

Web Pages, Web Development, and Types of Web Development

Web Pages: Web pages are individual documents or resources accessible on

the World Wide Web. They are created using HTML (Hypertext Markup
Language) and often enhanced with CSS (Cascading Style Sheets) and
JavaScript to define structure, style, and interactivity. Web pages can vary
widely in content and purpose, from simple text-based pages to complex
multimedia-rich applications.

Web Development: Web development encompasses the tasks involved in

building and maintaining websites. It includes web design, content creation,
client-side scripting, server-side scripting, network security configuration, and
more. Web developers utilize various programming languages, frameworks,
and tools to create functional and visually appealing websites that meet
specific business or personal objectives.

Types of Web Development:

1. Front-end Development:
 Focuses on the user interface and user experience (UI/UX).
 Involves coding with HTML, CSS, JavaScript, and frameworks like React,
Angular, or Vue.js.
 Ensures the website is visually appealing, responsive, and interactive.
2. Back-end Development:
 Manages the server-side logic and database interactions.
 Uses languages such as PHP, Python, Ruby, or Node.js.
 Implements server-side applications, handles user authentication, data storage,
and server performance.
3. Full-Stack Development:
o Combines both front-end and back-end development skills.
o Requires knowledge of both client-side and server-side technologies.

Department of Applications Computer Page28

 o Enables developers to work on all aspects of website development,
from UI design to server configuration.
4. Web Application Development:
 Focuses on creating dynamic and interactive web applications.
 Involves complex functionalities such as real-time updates, user collaboration,
and database management.
 Often uses frameworks like Django (Python), Laravel (PHP), or Express.js
(Node.js).
5. Mobile Web Development:
 Involves creating websites optimized for mobile devices.
 Utilizes responsive design techniques to ensure compatibility across different
screen sizes.
 Often integrates with mobile-specific features like touch gestures and
geolocation.

Web development continues to evolve with advancements in technology and

user expectations, driving the need for developers skilled in various aspects of
front-end, back-end, and full-stack development to create engaging and
functional web experiences.

Department of Applications Computer Page29

 DESIGNINING WEB PAGES WITH ELEMENTOR

Elementor is a popular drag-and-drop page builder plugin for WordPress,

known for its user-friendly interface and extensive customization capabilities.
Here are some key points to consider when designing web pages with
Elementor:

1. Installation and Setup:

 Install Elementor from the WordPress dashboard by navigating to Plugins >
Add New and searching for "Elementor".

 Activate the plugin and start using it to design your pages.

Drag-and-Drop Interface:
 Elementor provides a visual, drag-and-drop interface that allows you to
build and customize pages without needing to code.
 Simply drag widgets (elements like text, images, videos, buttons, etc.) onto
your canvas and customize them as needed.
2. Templates and Blocks:
 Elementor offers a library of pre-designed templates and blocks that you can
use as a starting point for your pages.
 Choose from various layouts and styles tailored for different purposes
(e.g., landing pages, portfolios, blogs).
3. Responsive Design:
 Ensure your pages look great on all devices with Elementor's responsive
design controls.
 Preview and adjust layouts for desktops, tablets, and mobile devices to
optimize user experience across platforms.
4. Customization Options:
 Customize every aspect of your page's design using Elementor's settings panel.
 Adjust fonts, colors, spacing, backgrounds, and more without touching a line of
code.
5. Integration and Compatibility:
 Elementor integrates seamlessly with most WordPress themes and plugins.
 Compatible with popular third-party plugins for extended functionality (e.g.,
WooCommerce for eCommerce sites).

Department of Applications Computer Page30

 6. Performance Optimization:
 Elementor is designed to be lightweight and optimized for speed.
 Minimize the use of unnecessary elements and optimize images to improve page
load times.
7. Community and Support:
 Join Elementor's active community for tips, tutorials, and support.
 Access Elementor's extensive documentation and knowledge base for
troubleshooting and learning new features.

Elementor empowers users of all skill levels to create professional-looking web

pages efficiently, offering flexibility and creative control without the need for
extensive coding knowledge. Its intuitive interface and robust feature set make
it a preferred choice for WordPress website design and development.

ELEMENTOR DASHBOARD

The Elementor dashboard is the central control panel where you manage and
create your website's pages using the Elementor page builder plugin. Here’s an
overview of what you can expect from the Elementor dashboard:

1. Installation and Activation:

 Install Elementor from the WordPress dashboard by navigating to
Plugins > Add New, searching for "Elementor," and clicking Install
Now.
 Activate Elementor once it’s installed.
 User Interface:
 Elementor provides an intuitive, user-friendly interface designed for ease of use.
 The main dashboard consists of a live preview of your page, with drag-and-drop
elements available in a sidebar or panel on the left.
 Content Creation with Drag-and-Drop:
 Build your pages visually by dragging elements (widgets) from the sidebar onto
the live preview area.
 Elements include text boxes, images, buttons, videos, icons, and more, which can
be customized extensively.

Department of Applications Computer Page31

 2. Templates and Blocks:
 Access Elementor’s library of pre-designed templates and blocks to jump-
start your page design.
 Templates range from complete page layouts to individual sections (blocks)
that you can insert and customize.
3. Global Settings and Style Options:
 Customize global settings such as fonts, colors, and spacing across your
entire website.
 Adjust individual element styles directly from the Elementor interface
without needing additional CSS coding.
4. Responsive Editing:
 Ensure your pages look great on all devices with Elementor's responsive
editing capabilities.
 Switch between desktop, tablet, and mobile views to optimize layouts
and styling.
5. Integration and Compatibility:
 Elementor integrates seamlessly with most WordPress themes and plugins.
 It’s compatible with popular third-party plugins, enhancing functionality
for various website needs (e.g., WooCommerce for eCommerce features).
6. Revision History and Undo/Redo:
 Track changes made to your pages with Elementor’s revision history feature.
 Easily undo or redo changes during the design process.
7. Performance and Optimization:
 Elementor is optimized for performance, ensuring fast loading times for
your pages.
 Use optimization techniques like lazy loading and image optimization to
further enhance speed.
8. Community and Support:
 Join the Elementor community for tips, tutorials, and support.
 Access Elementor’s extensive documentation and knowledge base
for troubleshooting and learning new features.

The Elementor dashboard empowers users to create dynamic and visually

appealing websites efficiently, with tools and features designed to streamline

Department of Applications Computer Page32

 the web design process. Whether you’re a beginner or an experienced developer,
Elementor provides the flexibility and functionality needed to build professional
websites using WordPress.

APPLYING CONTENT, STYLE AND ADVANCED

SETTINGS IN ELEMENTOR

Elementor offers robust tools for applying content, style, and advanced settings
to your website pages. Here’s a concise overview of how you can utilize these
features effectively:

1. Content Creation:
 Drag-and-Drop Interface: Build your pages visually by dragging
elements (widgets) such as text, images, buttons, and more onto the live
preview area.
 Widgets and Elements: Elementor provides a wide range of widgets to
add various types of content, including headlines, images, videos, forms,
and social icons.
 Templates and Blocks: Start with pre-designed templates or blocks to
speed up page creation. Customize these templates to fit your content
needs.
2. Style Customization:
 Global Styles: Set global typography, color schemes, and spacing options
to maintain consistency across your website.
 Element Styles: Customize individual elements by adjusting their
typography, colors, margins, padding, borders, and backgrounds.
 Hover Effects and Animations: Apply hover effects and animations
to elements to enhance interactivity and visual appeal.
3. Advanced Settings:
 Responsive Editing: Ensure your pages look great on all devices with
Elementor’s responsive editing tools. Preview and adjust layouts for
desktops, tablets, and mobile devices.

Department of Applications Computer Page33

  Custom CSS: Add custom CSS code to modify specific styles or achieve
unique design effects beyond Elementor’s built-in options.
 Custom Templates: Create custom headers, footers, and single post/page
templates using Elementor’s Theme Builder feature for advanced
customization.
4. Integration and Functionality:
 Third-Party Integrations: Integrate Elementor seamlessly with third-
party plugins and tools to extend functionality. Popular integrations include
WooCommerce for eCommerce features and forms plugins for enhanced
user interaction.
 WordPress Widgets: Utilize WordPress widgets within Elementor to add
additional functionality like recent posts, categories, and custom menus.
5. Performance Optimization:
 Load Time Optimization: Optimize page load times using Elementor’s
built- in performance features, such as lazy loading and minification of
assets.
 Revision History: Track changes made to your pages and easily revert to
previous versions if needed, ensuring smooth workflow management.

Elementor’s comprehensive set of content creation, style customization, and

advanced settings empower users to design professional websites with ease,
flexibility, and creativity. Whether you’re a beginner or an experienced web
developer, Elementor provides the tools needed to build visually stunning and
functional websites on WordPress.

Department of Applications Computer Page34

 IMAGE ELEMENT IN WORLDPRESS CREATING AN
IMAGE ELEMENT

In WordPress, creating an image element is straightforward, especially when

using tools like the Gutenberg editor or page builders such as Elementor. Here’s
a short guide on how to create an image element:

1. Using Gutenberg Editor:

 Add Block: Start by creating or editing a post or page in WordPress.
 Insert Image Block: Click on the (+) icon or the "Add Block" button,
then select the "Image" block from the available blocks.
 Upload or Select Image: You can either upload a new image from
your computer or select an existing image from your media library.
 Adjust Settings: Once the image is inserted, you can adjust settings such
as alignment, size, and alternative text (important for accessibility).
2. Using Elementor (Page Builder):
 Add Element: Open the page you want to edit with Elementor.
 Drag Image Widget: Locate the Image widget in the Elementor panel
(usually found under Basic Widgets or Media Widgets) and drag it onto your
page layout.
 Upload or Select Image: In the Image widget settings, upload a new
image or select one from your media library.
 Customize Styling: Elementor allows you to customize the image’s size,
alignment, margins, borders, and hover effects directly within the widget’s
settings panel.
 Advanced Options: You can also set advanced options like image size,
responsiveness, and link settings if you want the image to link to another
page or open in a lightbox.
3. Best Practices:
 Optimize Images: Before uploading, optimize your images for the
web to ensure faster loading times.
 Alt Text: Always add descriptive alt text to your images for accessibility
and SEO purposes.
 Responsive Design: Ensure your images look good on all devices by
testing responsiveness and adjusting settings if necessary.

Department of Applications Computer Page35

  Linking: Decide if your image should link to another page or open in a
lightbox for a better user experience.

Creating an image element in WordPress is essential for enhancing visual appeal

and engagement on your website. Whether using Gutenberg or a page builder
like Elementor, these tools provide flexible options to showcase images
effectively and create.

HEADING ALIGMENT AND ALIGMENT

In web development, alignment refers to the placement and positioning of

elements within a web page. Proper alignment not only enhances the visual
appeal but also improves readability and user experience. Here’s a brief
overview of heading alignment and alignment practices in web development:

1. Heading Alignment:
 Importance: Headings (like <h1>, <h2>, etc., in HTML) play a crucial
role in structuring content and guiding users through the hierarchy of
information on a webpage.
 Alignment Options: Headings can be aligned in different ways, including
left- aligned (default), centered, right-aligned, and justified.
 Semantic Structure: Use headings appropriately to denote the importance
and hierarchy of content sections. For example, <h1> for main headings,
<h2> for subheadings, and so on.
2. General Alignment Practices:
 Consistency: Maintain consistent alignment throughout your website to
provide a cohesive and professional look.
 Grid Systems: Use grid systems (like CSS Grid or Bootstrap’s grid
system) to align elements systematically and responsively across different
screen sizes.
 Whitespace: Use adequate whitespace (padding and margins) around
elements to improve readability and avoid clutter.

Department of Applications Computer Page36

  Responsive Design: Ensure alignment adjustments for different devices
(desktop, tablet, mobile) to maintain a consistent and user-friendly
experience across all platforms.
3. Best Practices for Alignment:
 Accessibility: Consider accessibility guidelines (such as WCAG) when
aligning elements to ensure content is accessible to all users, including those
using screen readers.
 Visual Hierarchy: Use alignment to establish a clear visual hierarchy,
guiding users’ attention from the most important to the least important
content.
 Testing: Always test your website on different browsers and devices to
ensure alignment remains consistent and visually appealing.

Proper heading alignment and overall alignment practices are fundamental

aspects of web development that contribute to a well-structured, visually
appealing, and user-friendly website. By implementing these practices, you can
enhance the readability, usability, and overall user experience of your web pages
effectively.

Department of Applications Computer Page37

 BUTTON ELEMENT IN WORPRESS

In WordPress, adding a button element to your posts, pages, or other content is

essential for encouraging user interaction and guiding them towards specific
actions. Here’s a concise guide on using the button element in WordPress:

1. Using Gutenberg Editor:

 Add Block: Start by creating or editing a post/page in WordPress.

 Insert Button Block: Click on the (+) icon or the "Add Block" button,
then select the "Button" block from the available blocks.
 Customize Button: Enter the text you want to display on the button. You
can also add a link to where the button should navigate when clicked.
 Styling Options: Gutenberg offers basic styling options such as button
alignment, size, and background color. You can adjust these settings in the
block’s sidebar settings panel.
 Additional Settings: Customize advanced settings like button border
radius, text color, and hover effects using custom CSS if needed.

2. Using Elementor (Page Builder):

 Add Element: Open the page you want to edit with Elementor.
 Drag Button Widget: Locate the Button widget in the Elementor panel
(under Basic Widgets or Elements) and drag it onto your page layout.
 Edit Button Text and Link: Double-click on the button to edit the text and
add a URL link to where the button should redirect users when clicked.
 Style Customization: Elementor allows extensive styling options such
as button size, typography, background color, border radius, and hover
effects.
 Advanced Options: Set additional attributes like button alignment,
icon placement (if using), and responsiveness for different devices.

Department of Applications Computer Page38

 3. Best Practices for Buttons:

 Clarity and Call-to-Action: Ensure the button text is clear, concise, and
encourages the user to take action (e.g., "Buy Now", "Learn More",
"Subscribe").
 Consistent Design: Maintain consistent button styles (color, size, shape)
across your website for a cohesive user experience.
 Accessibility: Use contrasting colors and provide descriptive hover effects
to make buttons accessible to all users, including those with disabilities.
 Testing: Test buttons on various devices and browsers to ensure they
display correctly and function as expected.

Adding button elements effectively in WordPress enhances user engagement

and guides visitors towards desired actions, whether it’s making a purchase,
subscribing to a newsletter, or navigating to important content. By utilizing
built-in tools like Gutenberg or page builders such as Elementor, you can create
visually appealing and functional buttons that contribute to a positive user
experience on your website.

Department of Applications Computer Page39

Department of Applications Computer Page40
 ANIMATION ELEMENT IN WORDPRESS

Adding animations to elements on your WordPress website can enhance user

engagement and create a more dynamic user experience. Here’s a short guide
on how to incorporate animations using plugins or custom code:

1. Using Plugins:
 Animate It! Plugin: The "Animate It!" plugin for WordPress allows you
to easily add CSS3 animations to your content. After installing and
activating the plugin:
 Edit a post or page in WordPress.
 Select the text, image, or element you want to animate.
 Use the plugin's settings to choose from various animation effects such as fade
in, slide, bounce, rotate, etc.
 Adjust animation duration, delay, and other parameters as needed.
 Preview your changes and update the post/page.
2. Using Custom Code (CSS Animations):
 Identify the Element: Determine which element on your WordPress site
you want to animate (e.g., a heading, image, button).
 CSS Animation: Use CSS keyframes to define animation properties such
as duration, timing function, and keyframes (start and end states of the
animation).

 Example:

css
Copy code
/* Define keyframes for animation */
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}

/* Apply animation to the element */

. animated-element {
animation: fadeIn 1s ease-in-out; /* Animation name,
duration, timing function */
}

Department of Applications Computer Page41

  Apply to WordPress: Add this CSS code to your WordPress theme’s
custom CSS section (usually found in the theme customizer) or using a
custom CSS plugin.
 Modify: Adjust the animation properties (like duration or timing) to achieve
the desired effect.
3. Best Practices for Animations:
 Subtle and Purposeful: Use animations sparingly and for a specific
purpose to avoid overwhelming users.
 Performance: Optimize animations for performance to ensure they don’t
affect page load times negatively.
 Accessibility: Consider accessibility guidelines (like providing a way to
disable animations) to ensure inclusivity for all users.

Adding animations to your WordPress website can bring attention to key

elements and improve the overall user experience. Whether using plugins or
custom code, WordPress provides flexibility to implement animations
effectively without extensive coding knowledge.

Department of Applications Computer Page42

 Steps to Add Animations Using a Plugin:

Install and Activate the Plugin: Go to your WordPress dashboard, navigate to

Plugins > Add New, and search for a plugin like “Animate It!”. Install and
activate it. Configure the Plugin: Follow the plugin’s instructions to configure
settings. This usually involves selecting the elements you want to animate and
choosing the animation effects. Apply Animations: Use the plugin’s interface
to apply animations to specific elements on your pages or posts.

Example: Adding Animations with CSS Hero Install CSS Hero: Purchase,
install, and activate CSS Hero on your WordPress site. Select Element: Open
CSS Hero’s visual editor and select the element you want to animate. Choose
Animation: In the animation tab, choose from a variety of animations (e.g., fade
in, slide in). Customize: Adjust the duration, delay, and iteration of the
animation as needed. Save and Publish: Save your changes and publish your
page.

Conclusion

Implementing animations in WordPress can significantly enhance your

website’s user experience. Whether you prefer using custom CSS, JavaScript
libraries, or plugins, there are multiple approaches to achieve dynamic and
engaging animations. By choosing the method that best fits your skill level and
project requirements, you can effectively integrate animations into
your WordPress site

Department of Applications Computer Page43

 SETTING UP A WEBSITE ON OOO WEBHOST

Setting up a website on 000webhost involves a few straightforward steps. Here’s

a step-by-step guide with an example:
1. Sign Up for an Account:
 Go to the 000webhost website (https://www.000webhost.com/) and sign up
for a free account. Fill in your details and create a username and password.
2. Create a New Website:
 After logging into your 000webhost account, you’ll be greeted with a
dashboard. Look for the "Create New Site" button or link. Click on it to
proceed.
3. Choose a Website Name:
 Enter a name for your website. This name will become part of your site’s
URL. For example, if you enter "myfirstwebsite", your URL could be
"myfirstwebsite.000webhostapp.com".
4. Select Website Builder or Upload Files:
 000webhost offers a website builder that simplifies the process of creating
a website without needing to write code. Alternatively, if you have a
website already developed, you can upload your files using FTP or the file
manager. Example: Let’s say you choose to use the website builder. You'll
be presented with options to select a template or start building from
scratch.
5. Design and Customize Your Website:
 Suppose you select a template. Customize it by adding your content, such
as text, images, and videos. Use the drag-and-drop functionality to arrange
elements on your pages.
Example: You choose a template suitable for a portfolio website. You replace
placeholder text and images with your own portfolio items and adjust the layout
to showcase your work effectively.
6. Set Up Domain (Optional):
 If you have a custom domain name (e.g., yourdomain.com), you can
connect it to your 000webhost website. Follow the instructions provided by
000webhost to point your domain to their servers.

Department of Applications Computer Page44

 Example: You own the domain "example.com" and want to use it for your
website. You update your domain’s DNS settings to point to 000webhost’s
nameservers as instructed.
7. Publish Your Website:
 Once you’re satisfied with your website’s design and content, click on the
"Publish" or "Update" button within the website builder to make your site
live on the internet.
Example: After reviewing your portfolio website and confirming everything
looks good, you click "Publish". Now, your website
"myfirstwebsite.000webhostapp.com" is live and accessible to visitors.

8. Manage Your Website:

 Use the 000webhost control panel to manage your website. You can
monitor traffic, update content, and perform maintenance tasks as needed.

Example: You regularly log in to your 000webhost account to check visitor

statistics, make updates to your portfolio items, and ensure your website is
running smoothly.

9. Additional Features:
 Explore additional features offered by 000webhost, such as email hosting,
databases, and security options, to enhance your website’s functionality
and security.

Example: You decide to set up a contact form on your portfolio website using a
form builder provided by 000webhost to make it easier for potential clients to
reach you.

10. Support and Resources:

 Take advantage of 000webhost’s support resources, including tutorials,
forums, and documentation, to troubleshoot any issues and learn more
about managing your website effectively.

Department of Applications Computer Page45

 Example: You encounter an issue with embedding a video on your website. You
visit the 000webhost knowledge base and find step-by-step instructions on how
to resolve the issue.

By following these steps and utilizing the example provided, you can set up a
functional and visually appealing website on 000webhost quickly and
efficiently. This process allows you to establish your online presence with
minimal cost and technical expertise required.

FORMS IN WORDPRESS

Forms in WordPress are essential for collecting user information, conducting

surveys, receiving feedback, and enabling user interaction on your website.
Here’s a detailed overview along with an example of how to create and manage
forms in WordPress:

1. Using Plugins:
 Popular Plugins: WordPress offers several plugins to create forms easily.
Among them, "Contact Form 7", "WP Forms", and "Gravity Forms" are
widely used for their simplicity and flexibility.
 Installation: Install your chosen form plugin from the WordPress plugin
repository. Go to Plugins > Add New, search for the plugin, and click Install
Now.

2. Creating a Form:

Department of Applications Computer Page46

  Example with WP Forms:
 After installing WP Forms, go to WP Forms > Add New to create a new form.
 Choose a template or start with a blank form.
 Drag and drop form fields like name, email, message, etc., into your form.
 Customize field labels, placeholders, and required fields as needed

3. Configuring Form Settings:

 Email Notifications: Set up notifications to receive an email
whenever someone submits a form.
 Confirmation: Define what happens after a user submits a form (e.g.,
show a thank-you message or redirect to another page).
 Spam Protection: Enable CAPTCHA or honeypot fields to prevent
spam submissions.
4. Embedding Forms:
 Short code: Each form plugin provides a short code that you can copy
and paste into any post, page, or widget where you want the form to
appear.
 Block Editor: Use the form block if you’re using the Gutenberg editor, or
use the short code block to embed the form directly.

Department of Applications Computer Page47

 5. Customizing Forms:
 Styling: Most form plugins offer customization options to match your
website’s design. You can change colors, fonts, and layouts through the
plugin’s settings.
 Advanced Fields: Some plugins allow you to add advanced fields like file
uploads, dropdowns, checkboxes, and conditional logic (show/hide fields
based on user input).
6. Managing Form Submissions:
 Viewing Submissions: Access form submissions directly from your
WordPress dashboard. Most plugins provide a submissions dashboard
where you can view, export, or delete form entries.
 Data Handling: Ensure compliance with data protection regulations (like
GDPR) by configuring data retention policies and user consent options.
7. Example Scenario:
 Use Case: Suppose you run a blog and want to collect feedback from your
readers using a simple contact form.

 Implementation: Install and activate the WP Forms plugin. Create a new

form titled "Feedback Form" with fields for Name, Email, Feedback
Message, and a Submit button.
 Embedding: Use the short code provided by WP Forms to embed the form
on your "Contact Us" page.
 Management: Monitor form submissions through WP Forms’ submission
dashboard. Receive feedback directly to your email inbox with notification
settings.

Forms in WordPress provide a powerful way to engage with your audience, gather information, and facilitate
communication effectively. With plugins like WP Forms, you can create, customize, and manage forms
effortlessly, enhancing the functionality and interactivity of your WordPress website

Department of Applications Computer Page48

 CREATING JOB APPLICATION FORM

1. Install and Activate WP Forms Plugin:

 Go to your WordPress dashboard.
 Navigate to Plugins > Add New.
 Search for "WP Forms", install it, and activate the plugin.
2. Create a New Form:
 Once WP Forms is activated, go to WP Forms > Add New to create a new form.
3. Design Your Job Application Form:

Department of Applications Computer Page49

  Form Fields: Drag and drop fields from the left panel to the right to build your
form. Essential fields for a job application form may include:
 Name (First Name and Last Name)
 Email Address
 Phone Number
 Address
 Resume/CV Upload (File Upload field)
 Cover Letter (Paragraph Text field)
 Desired Position (Dropdown field)
 Salary Expectations (Number field)
 Additional Questions (Paragraph Text or Checkbox/Radio Button fields for specific
questions)
 Field Settings: Customize each field's label, placeholder text, and required status
(if applicable).
4. Configure Form Settings:
 Notifications: Set up email notifications to receive an email whenever
someone submits the form.
 Confirmation: Define the confirmation message users see after submitting the
form (e.g., "Thank you for your application!").
 Spam Protection: Enable CAPTCHA to prevent spam submissions.
5. Embedding the Form:
 After saving your form, WP Forms will provide you with a short code.
 Example Embedding: Copy the short code provided by WP Forms and paste it
into the text editor of a new or existing WordPress page titled "Job Application
Form".
 Alternatively, use the WP Forms block if you’re using the Gutenberg editor.
6. Publish and Manage the Form:
 Publish: Publish or update the page to make your job application form live on
your website.
 Management: Access form submissions directly from your WordPress
dashboard. Navigate to WP Forms > Entries to view, export, or delete form entries.

Example Scenario:

Use Case: You manage a company’s website and want to streamline the job
application process for potential candidates.

Implementation:

Department of Applications Computer Page50

  Install WP Forms: Install and activate WP Forms on your WordPress site.
 Create Job Application Form: Create a new form titled "Job Application
Form" using WP Forms. 
 Form Fields: Include fields for Name, Email Address, Phone Number,
Resume/CV Upload, Cover Letter, Desired Position, Salary Expectations,
and any additional questions relevant to your job openings. 
 Embedding: Copy the generated short code and embed it on a new page
titled "Job Application Form".
 Notification Settings: Configure email notifications to receive job
applications directly to your inbox.
 Publish: Publish the page to make the job application form accessible to
potential candidates.

By following these steps, you can create a professional and effective job
application form in WordPress using WP Forms. This approach simplifies the
application process for candidates while providing you with structured and
organized job applications directly through your website.

Department of Applications Computer Page51

Department of Applications Computer Page52
 CHAPTER IV

CONCLUSION

Summary of the project findings and conclusions drawn from the analysis.

Recommendations for future work or further research to enhance the model's

performance or explore additional avenues. By providing clear explanations of each
component, your project output enables stakeholders to understand the methodology,
results, and implications of your machine learning project effectively. This
comprehensive approach facilitates informed decision-making and encourages
further exploration and development in the field. Web applications are software
programs that are accessed through a web browser over the internet. They run on
remote servers and allow users to interact with data, perform tasks, and access
services without having to install any software locally on their devices. Here's a brief
explanation of web applications:

Department of Applications Computer Page53

 CHAPTER V

REFERENCE

 THE WEBSITE MAKERS Private Limited is a notable IT solutions provider based in

Bangalore, India.

 Established on July 19, 2018, the company specializes in delivering a variety of customized
software

 applications and embedded solutions. Their core offerings include web designing, IT
consultancy, IT

 support, and embedded product development. (THE WEBSITE MAKERS) (Toffler)

 In addition to their technological services, THE WEBSITE MAKERS is dedicated to skill

development,

 offering internships, workshops, and corporate training programs across various domains like
machine

 learning, data science, artificial intelligence, and full-stack development. They also produce
software

 products such as core banking systems, billing and expense trackers, and time trackers,
alongside

 hardware products like IoT boards and automation boards (THE WEBSITE MAKERS)

Department of Applications Computer Page54

  For more detailed information about their services and offerings,
you can visit their official website:

1) https://thewebsitemakers.in/

Department of Applications Computer Page55

 EVALUATION OF INTERNSHIP REPORT

For submission to Bangalore City University

Student Mentor/supervisor

Name: Name:

Reg.no.

Signature

Date: Date:

Department of Applications Computer Page56

 EVALUATION SUMMARY

Project viva voce Total

Max. Marks 60 40 100

Marks Allotted

Name of the examiner Sign

Department of Applications Computer Page57