Overview of web development technologies: HTML, CSS, JavaScript, and PHP.
This course introduces the core technologies of web development, including HTML, CSS, JavaScript, and PHP, used to build dynamic and responsive websites. It also covers the fundamentals of Content Management Systems (CMS), highlighting their role in simplifying website creation and management. Students will explore popular CMS platforms such as WordPress, Joomla, and MS SharePoint, gaining insights into their features and how to install wordpress.
2. Introduction to Content Management Systems (CMS) and their importance
2.8. INSTALLATION OF XAMMP AND WORDPRESS (LOCALLY ON YOUR LAPTOP)
INSTALLATION OF XAMMP AND WORDPRESS
- Download XAMPP:
a) Go to the Apache Friends website: https://www.apachefriends.org/index.html
b) Download the XAMPP installer for Windows.
- Install XAMPP:
a) Run the installer. You might get security warnings; just proceed.
b) Choose the components you need (Apache, MySQL, PHP are essential; others are optional).
c) Select an installation directory (e.g., C:\xampp).
d) Complete the installation.
- Start XAMPP Servers:
a) Open the XAMPP Control Panel.
b) Click "Start" next to Apache and MySQL. Their status should turn green.
- Download WordPress:
a) Go to the official WordPress.org website: https://wordpress.org/download/
b) Download the latest WordPress .zip file.
- Extract WordPress to XAMPP's htdocs folder:
a) Navigate to your XAMPP installation directory (e.g., C:\xampp).
b) Go into the htdocs folder (e.g., C:\xampp\htdocs). This is where your websites will reside.
c) Create a new folder inside htdocs for your WordPress site (e.g., mywordpresssite).
d) Extract the contents of the downloaded WordPress .zip file into this newly created folder (C:\xampp\htdocs\mywordpresssite). Make sure the wordpress folder itself isn't inside mywordpresssite – you want the contents directly in mywordpresssite.
- Create a MySQL Database:
o Open your web browser and go to http://localhost/phpmyadmin. This is the administration interface for your MySQL database.
- Click on the "Databases" tab at the top.
- In the "Create database" section, enter a name for your new database (e.g., mywordpressdb).
- Click the "Create" button. Remember this database name!
- Run the WordPress Installation:
a) Open your web browser and go to http://localhost/mywordpresssite (replace mywordpresssite with the folder name you chose).
b) You will see the WordPress setup page.
c) Select your language and click "Continue."
d) On the "Welcome to WordPress" page, click "Let's go!".
e) Database Name: Enter the name of the database you created in phpMyAdmin (e.g., mywordpressdb).
f) Username: Type root (this is the default XAMPP MySQL username).
g) Password: Leave this field blank (default XAMPP MySQL password is empty).
h) Database Host: Keep it as localhost.
i) Table Prefix: You can leave this as wp_ or change it for security (e.g., wp_mynew_).
j) Click "Submit."
k) If everything is correct, WordPress will tell you "All right, sparky! You've made it through this part of the installation." Click "Run the installation."
- Complete WordPress Setup:
a) Provide your site title, username, strong password, and your email address.
b) You can check "Discourage search engines from indexing this site" if you don't want your local site to appear in search results (recommended for local development).
c) Click "Install WordPress."
d) Log in to your new local WordPress site.