Scribd
Upload
46 views14 pages

Sai Lab 1

XAMPP is a local development server used to test websites before publishing them online. There are 5 steps to setting up XAMPP: 1. Download XAMPP from their website. 2. Install XAMPP, choosing your preferred folder location and language. 3. Create a folder in the XAMPP htdocs folder to store projects. 4. Insert Bootstrap by downloading the files, extracting them, and copying folders into your project folder. 5. Open your project files by starting the XAMPP server and accessing files through localhost in a web browser.

Uploaded by

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

Sai Lab 1

XAMPP is a local development server used to test websites before publishing them online. There are 5 steps to setting up XAMPP: 1. Download XAMPP from their website. 2. Install XAMPP, choosing your preferred folder location and language. 3. Create a folder in the XAMPP htdocs folder to store projects. 4. Insert Bootstrap by downloading the files, extracting them, and copying folders into your project folder. 5. Open your project files by starting the XAMPP server and accessing files through localhost in a web browser.

Uploaded by

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

Lab ACTIVITY 1

In SYSTEM INTEGRATION ARCHITECTURE.


Hello! I’m Angelito
From BSIT 3A
WHAT IS XAMPP?
XAMPP is simply a local host or server that is used to test clients or
websites before publishing them to a remote web server.
1 Step.
st

Download
XAMPP
Step 1:
Donwload
Xampp
Choose what your device preffered.
2nd Step.
Install XAMPP
2nd Step: Setup your Xampp

Click Next.
Choose Folder
And lastly choose your language.
3rd Step.
Create folder in HTDOCS
inside of XAMPP
STEP 3: Open Folder in XAMPP
Search in the folder C:\xampp\htdocs.

Create a folder that you will use to make some


projects like html or css.
4TH Step.
Insert Bootstrap
STEP 4: Insert Bootstrap
1. Download Bootstrap: Go to the official Bootstrap website:
https://getbootstrap.com/. Click the "Download" button to get the latest version
of Bootstrap.
2. Extract the Bootstrap Files: Once the download is complete, extract the
contents of the downloaded ZIP file to a location on your computer.
3. Create a New Project Folder: Inside the htdocs folder of your local web server
(e.g., XAMPP, WAMP, MAMP), create a new folder for your Bootstrap
project. You can name it anything you like, such as "my-bootstrap-project."
4. Copy Bootstrap Files: From the extracted Bootstrap folder, locate the
following folders and files: css: Contains Bootstrap CSS files. js: Contains
Bootstrap JavaScript files. fonts: Contains Bootstrap icon fonts. Copy these
folders and files into your "my-bootstrap-project" folder within the htdocs
directory.
5. Create an HTML File: Inside your "my-bootstrap-project" folder, create a new
HTML file. You can name it "index.html" or any other name you prefer.
6. Link to Bootstrap: Open your "index.html" file in a text editor. In the <head>
section of your HTML file, include the following lines to link to the Bootstrap
CSS and JavaScript files. Make sure to adjust the file paths if necessary:
5TH Step.
Open file in localhostXAMPP
STEP 5: localhost XAMPP
1. Start XAMPP

2. Place Your HTML File in the htdocs Folder: Navigate to the "htdocs" folder in
your XAMPP installation directory. This directory is typically located at:

3. Access Your HTML File: Open a web browser (e.g., Chrome, Firefox). In the
browser's address bar, type http://localhost/your-file.html, replacing "your-
file.html" with the actual filename of your HTML file. For example, if your
HTML file is named "index.html," you would enter http://localhost/index.html.
Press Enter, and your HTML file will be served from your local web server.
You should see your HTML page displayed in the browser.
Thank you!
Do you have any questions?

[email protected]
09707579959
peekaboo

You might also like