Scribd
Upload
8 views30 pages

Web Design Using Generic Templates

Uploaded by

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

Web Design Using Generic Templates

Uploaded by

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

Web design using generic templates

Joomla and Wordpress


Search Engine Optimization

• Search engine optimization (SEO) is the process of


affecting the visibility of a website or a web page in
a web search engine's unpaid results—often referred
to as "natural", "organic", or "earned" results.
• In general, the earlier (or higher ranked on the search
results page), and more frequently a site appears in the
search results list, the more visitors it will receive from
the search engine's users, and these visitors can be
converted into customers.
Success Factors
• Cross linking between pages of the same website to provide more links to
important pages may improve its visibility.
• Writing content that includes frequently searched keyword phrase, so as to
be relevant to a wide variety of search queries will tend to increase traffic.
• Adding relevant keywords to a web page's meta data, including the title tag
and meta description, will tend to improve the relevancy of a site's search
listings, thus increasing traffic
• Choose a title that effectively communicates the topic of the page's
content.
• Each of your pages should ideally have a unique title tag, which helps
Google know how the page is distinct from the others on your site.
• Titles can be both short and informative. If the title is too long, Google will
show only a portion of it in the search result.
• A page's description meta tag gives Google and other search engines a
summary of what the page is about
Important tags
Title
• HTML titles have always been and remain the most
important HTML signal that search engines use to
understand what a page is about.
• Bad titles on your pages are like having bad book
titles in the examples above.
• In fact, if your HTML titles are deemed bad or not
descriptive, Google changes them.
The Meta Description Tag
• Allows you to suggest how you’d like your pages to be described in
search listings.
• Another lschool of thought argues that the meta description tag
isn’t a “ranking factor” and that it doesn’t actually help your pages
rank higher.
• Rather, it’s a “display factor,” something that helps how you look if
you appear in the top results due to other factors.
• However a meta description that contains the keywords searched
for (in bold) may catch the user’s eye. A well-crafted meta
description may help ‘sell’ that result to the user.
• Both can result in additional clicks to your site. As such, it makes
sense for the meta description tag to be counted as a success
factor.
About generic web-page templates
1. Create on a Service
site
WIX: www.wix.com
Click on “Start now” then:
Step 1: Sign Up
• Step 2: Choose the type of site.
• Step 3: Let’s have it with Wix editor
• Step 4: Let’s choose a business template
• Click on Edit
• Step 5:

• Follow through the directions on how to edit


different sections of the page, by clicking on
the section you want to edit, and choosing
what you want
• Step 6: Click on save
Specify a domain name and continue
• Step 7: Click on Publish
• Advantages and disadvantages?
Joomla
1. Install

• OS details: Version and Processor type.


• Create a folder called files on the desktop.
• Download and install a file archiver such as 7zip.
• Download Joomla.
• Start Apache and MySQL
• Copy the extracted JOOMLA folder into
C:\XAMPP\htdocs
• Get into LocalHost from the web-page and you will be
directed to install the JOOMLA
Installing JOOMLA
• Click Next
• Recommended settings in RED (Display errors: On and
Output Buffering: On:
– Edit the php.ini file
– Go to C:\XAMPP\php
– Open php.ini with notepad
– Find output_buffering statement and replace the figure with Off.
– Find dispay_errors and turn them off.
– Restart the services (Apache) to update the changes. Click the
check-button to uninstall and re-install and start the service again.
– The installation page should be updated.
• Click next and you get to the license page.
• Click next then you get to the database configuration page.
Database Configuration
• Database name: MySQL
• Host Name: LocalHost <No password>
• UserName: Root
• Database Name: Joomla
• Table Prefix: <Table Name>
• Next
• No need for FTP click next
• Enter your username and password for accessing
JOOMLA and then next.
• Click on remove installation folder then next
Opening JOOMLA
• URL: Localhost/Joomla <Joomla is the name
of the Folder I created>
• If it goes to open the web site, click on
Administrator.
• Enter your log-in credentials
Installing template
• Log In to Administration page
• Scroll to extensions
• Click on install extensions
• Click on “Upload package file”
• Click on choose file
• Find the extracted template file that you have downloaded
• Click on the template inside the folder.
• Click on update and install
• Go to extensions
• Template manager
• Set the installed template as default template by clicking
under the default column.
WordPress
• Copy the downloaded file to
C:\XAMPP\htdocs
• Access the file through localhost/wordpress-
4.6.1/wordpress/
• Choose English and click continue.
Click Let’s go!
Enter the details below and click on
submit
Click on Run the install
Input the needed information and click
on Install Worpress
Proceed to Log In
• To customize your site click on “Customize”

You might also like