2. XAMPP: HTML website Test, Tutorial
HTML website tested in XAMPP
HTML websites do not require a web server to be tested; therefore, you don't need XAMPP.
For example purpose, we will run 2 tests:
- test 1: the HTML website is tested straight in browser
- test 2: the HTML website is tested from server
Result: no difference; the display ⁄ functionality is identical in both cases
Video demonstration XAMPP: HTML website test
2. XAMPP HTML website Test, Tutorial
min | video details |
---|---|
00:03 | access localhost |
00:11 | open the browser |
00:16 | testing an HTML website: a) straight in browser (right side of the screen) b) from the server (left side of the screen) |
00:19 | open the HTML folder |
00:22 | the html website contains: 1 index.html file, 2 png images, 1 css and 1 javascript file, and a 'menu' folder grouping 4 html pages, one for each menu |
00:35 | BROWSER test: |
00:35 | test in browser: simply drag and drop the html folder containing the website and click the index.html file |
00:39 | that's the html website |
00:42 | SERVER test: |
00:42 | now we will test it from server: Step1: add it to htdocs directory Step2: access it from http://localhost |
00:43 | Step1: open htdocs directory by clicking the shortcut icon If you want to know how to create a desktop shortcut icon to your htdocs directory, watch a video demo here |
00:47 | Step1: add your html website to htdocs directory |
00:53 | Step2: test your html website on server |
00:56 | the html website displays |
00:59 | Note: the display ⁄functionality of an html website is identical on both sides; the html websites can be tested straight in browser, no need for a server |