Zero Code Website Development
Department of Computer Applications, PESU
Need of a Website
• Establishing Online Presence
• Reach a Wider Audience
• 24/7 Availability
• Credibility and Professionalism
• Showcasing Products/Services
• Customer Support and Interaction
• Data Collection and Analysis
This Photo by Unknown author is licensed under CC BY-NC. • Cost-Effectiveness
• And more…
Website
Domain
•Definition of Domain
•Structure of a Domain
(www.pes.edu)
•Domain Extensions (TLDs)
- (.org, .edu, .com..)
TYPES OF
WEBSITE
Static & Dynamic
This Photo by Unknown author is licensed under CC BY.
EXAMPLES
OF STATIC
WEB SITES
Resume websites, portfolio
websites, brochure websites and
other informational websites
This Photo by Unknown author is licensed under CC BY.
EXAMPLE
S OF
DYNAMIC
WEB SITES
Online social media
sites, blogs, news sites
This Photo by Unknown author is licensed under CC BY.
WHY WIX?
This Photo by Unknown author is licensed under CC BY-NC.
Wix
User-friendly website builder
No-coding
Drag & Drop interface
Variety of attractive
templates
Customizable
Free sub-domain
This Photo by Unknown author is licensed under CC BY-SA-NC.
Getting
Started with
WIX
Sign-up and Login
WIX Signup
1. Go to Wix.com and click on "Get Started" or
"Sign Up."
2. Choose to sign up with your email or social
media accounts.
3. Complete the registration process to access the
Wix dashboard.
This Photo by Unknown author is licensed under CC BY-ND.
Choose a Template
1. Browse through Wix's extensive collection
of templates.
2. Filter templates by category or use the
search bar for specific themes.
3. Click on a template to preview it and
choose "Edit" to start customizing.
This Photo by Unknown author is licensed under CC BY-SA-NC.
Customize Your 1. Use the Wix Editor's drag-
and-drop interface to
Website modify your site's
elements.
2. Customize text, images,
and colors to match your
brand or style.
This Photo by Unknown author is licensed under CC BY-NC.
3. Add or remove sections,
pages, and widgets to fit
your content.
Edit Pages and
Navigation
• Access the Pages menu to manage your
site's structure.
• Rename pages, add new ones, or
rearrange the order.
• Customize your navigation menu for easy
user navigation.
This Photo by Unknown author is licensed under CC BY-NC.
Add Apps and Widgets
• Explore the Wix App Market for additional
features and functionality.
• Choose from various apps such as contact
forms, galleries, social media integration, and
more.
• Install and configure apps to enhance your
site's capabilities.
This Photo by Unknown author is licensed under CC BY-SA-NC.
Mobile
Optimization
1. Click the mobile icon to
switch to the mobile editor
view.
2. Adjust the layout and content
to ensure your site looks great
on mobile devices.
3. Wix automatically optimizes
This Photo by Unknown author is licensed under CC BY-SA.
your site for mobile
responsiveness.
Preview & Publish
o Click "Preview" to see how your
website looks before publishing.
o Review your website for any final
adjustments.
o When you're satisfied, click
"Publish" to make your website live.
This Photo by Unknown author is licensed under CC BY-NC.
Congratulations
You have designed your own Web-site
This Photo by Unknown author is licensed under CC BY-NC-ND.