Scribd
Upload
19 views3 pages

Lab 1

This document is a tutorial for a web techniques and applications course, covering basic web concepts and the installation of XAMPP. It includes exercises on HTML abbreviations, URL components, and the differences between HTTP and HTTPS, as well as step-by-step instructions for installing XAMPP and creating a simple PHP welcome page. The tutorial emphasizes the intuitive nature of XAMPP for web development on Windows systems.

Uploaded by

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

Lab 1

This document is a tutorial for a web techniques and applications course, covering basic web concepts and the installation of XAMPP. It includes exercises on HTML abbreviations, URL components, and the differences between HTTP and HTTPS, as well as step-by-step instructions for installing XAMPP and creating a simple PHP welcome page. The tutorial emphasizes the intuitive nature of XAMPP for web development on Windows systems.

Uploaded by

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

TWT6223 Web Techniques and Applications

Tutorial 1
Web Basic and Xampp
Part A: Web Basic
1. Give the full term to the below abbreviation:
a. HTML
b. XHTML
c. CSS
d. HTTP
e. HTTPS
f. SSL
g. TLS

2. A uniform resource locator (URL) identifies the location of a website on the internet. Given a
URL as https://www.mmu.edu.my/index.php?req=37, examine each component of the URL by
filling the below table.

Component in URL Description

https://

www.mmu.edu.my

index.php

req=37

3. What is difference between HTTP and HTTPS protocol? Given two examples when HTTPS
protocol is used.
TWT6223 Web Techniques and Applications

Part B: XAMMP

Xampp is a Windows web development environment. It allows you to create web applications with
Apache, PHP and the MySQL database. It also comes with PHPMyAdmin to easily manage your
databases.

Xampp installs automatically (installer), and its usage is very intuitive. You will be able to tune
your server without even touching the setting files.

Installing

 Go to https://www.apachefriends.org/index.html
 Choose the Download link for “XAMPP for Windows” if your computer is a Windows
platform.
 The installer will be automatically activated as shown below:

 Press the “Save File” button and save it into your computer.
 Once the installer is downloaded, double-click the installer to install the Xampp.
 The Xampp will be installed into your C drive.

Testing the Apache server

 Once the installation success, you may click the “XAMPP Control Panel” from the Starts Menu,
a Xampp icon will appear in the bottom right of Notification Area, right-click the Xampp icon
to activate the Apache server by pressing the Start button as bellow:
TWT6223 Web Techniques and Applications

 If the red circle beside the Apache is changed to green color after the Start button is pressed.
This means the server is become active now.
 You can double-click the Xampp icon directly to display the Xampp Control Panel as shown
below. From here, you can start and stop the Apache server.

Starting

 When you install Xampp, a "htdocs" directory is created (generally c:\ xampp\htdocs).
 Create a directory inside for your project and put your PHP files in it.
 You may open the web browser and type the url (http://localhost or http://127.0.0.1/) into the
address bar of the web browser.

Create Welcome Page using PHP Script

<html>
<body>

<?php
print "Welcome to MMU!";
?>

</body>
</html>

 Create a folder named “Tut01” inside the htdocs folder.


 Save the above PHP script as "welcome.php" into the Tut01 folder.
 open your web browser, type the url as http://localhost/Tut01/welcome.php
 You will see the browser displaying the message “ Welcome to MMU!”

You might also like