1
00:00:00,450 --> 00:00:06,500
Before we get started on this project we'll need to make sure we have a few things ready first.

2
00:00:06,650 --> 00:00:15,140
Make sure that you have your web or map server running otherwise you won't be able to preview the website.

3
00:00:15,180 --> 00:00:15,970
As we develop it

4
00:00:20,720 --> 00:00:28,380
next Open your downloads file and also open the folder pertaining to this lecture transfer the folder

5
00:00:28,410 --> 00:00:40,480
titled perfect cup to your W WW directory contained in the web or man folder so you can see that the

6
00:00:40,480 --> 00:00:47,170
path to my Web root folder is C C drive web and then W WW.

7
00:00:47,360 --> 00:00:55,790
So I'm going to take the perfect cup folder and I'm going to transfer it into the web root folder this

8
00:00:55,790 --> 00:01:02,060
folder contains the theme which we downloaded from start bootstrap dot com and we just re renamed the

9
00:01:02,060 --> 00:01:04,180
folder to perfect cup.

10
00:01:04,700 --> 00:01:07,090
So it applies to our web development project.

11
00:01:07,100 --> 00:01:20,150
The folder contains 4 HCM l files and four sub folders CSX fonts image and J.S. the CSX folder contains

12
00:01:20,150 --> 00:01:25,730
the bootstrap dot CSX and bootstrap dot Min dots SS files.

13
00:01:25,730 --> 00:01:31,100
It also contains a custom CSX file for this specific layout called Business Casual

14
00:01:33,750 --> 00:01:36,690
the fonts directory contains the fonts used for this theme.

15
00:01:37,830 --> 00:01:41,970
The image folder contains eight images which will be used on our website

16
00:01:45,390 --> 00:01:52,050
the J.S. folder contains the bootstrap JavaScript files and also the J query dot J.S. file.

17
00:01:52,050 --> 00:01:56,170
These are all essential and will be used throughout our development

18
00:02:00,040 --> 00:02:07,300
since some of our pages will require HP code will change the DOT HMO extension on each one of these

19
00:02:07,300 --> 00:02:12,600
pages to dot P. HP just go ahead and do that for each one

20
00:02:16,990 --> 00:02:25,810
now open the index dot P HP file in your text editor and I'm using Notepad plus plus.

21
00:02:25,810 --> 00:02:30,770
So there it is because this is the first page we'll be working on.

22
00:02:30,840 --> 00:02:36,680
We also need to launch our local host home page from the web or map menu

23
00:02:44,510 --> 00:02:56,270
and once you have that open just typing slash perfect cup and the index page it should come up.

24
00:02:56,270 --> 00:03:02,480
Make sure you leave this open in your browser window throughout the duration of this section of the

25
00:03:02,480 --> 00:03:08,360
course because we'll be periodically checking any changes we make.

26
00:03:09,700 --> 00:03:13,730
So just leave this open you can either minimize it.

27
00:03:13,810 --> 00:03:18,160
I have a few monitors years I'm going to push it off to the side in the next lesson we'll go ahead and

28
00:03:18,160 --> 00:03:19,750
get started on our first page.