Web Pages and Web Sites

Let's Build a Website!

This exercise is composed of several parts.

Click here to view exercise as a PDF instead.

First, it will introduce the concept of creating a Web page using the Hypertext Markup Language (HTML). In this part, you will create an HTML Web page and view with your browser.

Second, you will start a Web server on your Windows computer with your Web page as the server's home page. You will configure the Web server so that your peer system (Kali Linux) can access the page across your subnet network.


In this section, you will create a Web page in HTML using any text editor, such as Notepad++.

First, create a folder in your Personal Volume, drive D:, and name it "Website"

  1

Next, create a text file in the folder and name it "Index.html" (make sure you delete the ".txt" extension.

2

Now edit the file using a text editor such as Notepad++. i.e. Right-button click on the file and open it with Notepad++.

3

Place in the file "My name is {whatever your name is} and this is my website!"

4

Save the file.

Now, within a browser, go to the website "file://d:/website/index.html"

You should have gotten your webpage showing the line you just entered as follows.

5

Edit your Index.html text file to include the following between "my" and "website"
<B>SAMPLE</B>

The "<B>" and "</B>" are HTML tags, specifically a begin tag and an end tag respectively. the "/" is used to designate an end tag. In this case the the "B" tells you that it is a "bold" tag and that everything in-between will be in a bold text font.

6

Save the file and re-load it into your browser.

8

Now put everything between, and including, the "B" tags between the following
two tags "<Font color=RED>" and "</Font>"
to get "<Font color=RED> <B> SAMPLE </B> </Font>"

9

Save the file and re-load it into your browser.

10

Now, copy the "image sample.jpg" file from your Personal Volume, drive D:, into your "Website" folder on your D: drive.

11

12

OK - now let's add one more line as follows into the "Index.html" file as follows:
<BR><img src ="image sample.jpg" height=25% width=25%>
 

13

Save the file and re-load it into your browser.

14

If you wish to learn more about HTML, visiting the following website should be very helpful:
https://www.w3schools.com/html/default.asp

In this section, you will access a Web server on your Windows computer with your Web page as the server's home page.

You will configure the Web server so that your peer system (Kali Linux) can access the page across your subnet network.

Within your Windows system, open up a browser and access "HTTP://Localhost ".

Within our subnet, we could also use "HTTP://10.0.10.11 .

15

 Within your Kali Linux system, open up a browser and access "HTTP://10.0.10.11 "

16

 Now you will open up the Windows Web service (IIS) and replace the default website with your own. First, find and double-click on the IIS icon.

17

Double-clicking on the IIS icon will load the IIS manager as follows:

18

Expand the service under Connection in the left panel and then select “Default Web Site”:

19

Now select “Basic Settings” under the Actions panel to the right. Then change the physical path to the directory where your website is located.
(i.e. "D:\Website"

20

We are using the default port of 80 in this exercise We could have left the default website in place and used a different port. This discussion will be added later.

Now, within your Windows system, open up a browser and access "HTTP://Localhost ". Within our subnet, we could also use "HTTP://10.0.10.11".

21

Now, within your Kali Linux system, open up a browser and access "HTTP://10.0.10.11 ".

22

Note that we are accessing the website within the same subnet. Our next step will be to allow the website to be accessed from outside the subnet. This discussion will be added later.



Creative Commons License
CyberExplorations Exercises by Glenn S. Dardick is licensed under a Creative Commons Attribution 4.0 International License.