1
00:00:00,000 --> 00:00:04,651
[MUSIC]

2
00:00:04,651 --> 00:00:05,863
Hello and welcome.

3
00:00:05,863 --> 00:00:07,119
I'm Alina.

4
00:00:07,119 --> 00:00:09,490
I appreciate the effort you've put in so
far.

5
00:00:09,490 --> 00:00:15,052
And I'm excited to have you join me as
we take the knowledge you've learned so

6
00:00:15,052 --> 00:00:17,461
far to build a basic PHP website.

7
00:00:17,461 --> 00:00:18,535
In this course,

8
00:00:18,535 --> 00:00:23,294
we use PHP to make our website easier
to maintain by using template files,

9
00:00:23,294 --> 00:00:27,842
which will allow us to use the same
code and content on multiple pages.

10
00:00:27,842 --> 00:00:32,952
We'll also be using PHP to allow visitors
to browse through the collection of media

11
00:00:32,952 --> 00:00:38,215
and look at the details of a specific item
in an easy, customizable and scalable way.

12
00:00:40,207 --> 00:00:44,968
Before starting this course, you should
already know a little about how web pages

13
00:00:44,968 --> 00:00:48,410
work and
be able to write simple HTML and CSS.

14
00:00:48,410 --> 00:00:52,253
If you don't, you might wanna take
a detour and head over to our basic web

15
00:00:52,253 --> 00:00:55,981
design course first, which I've
linked to in the teacher's notes.

16
00:00:55,981 --> 00:00:58,790
While we have already put
together the HTML and

17
00:00:58,790 --> 00:01:04,140
CSS you'll use in this course, you will
be manipulating the HTML with PHP.

18
00:01:04,140 --> 00:01:07,220
So a basic understanding will help
you keep up with what we're doing.

19
00:01:09,010 --> 00:01:11,110
If you find an area that
you're struggling with,

20
00:01:11,110 --> 00:01:14,545
try reviewing the materials
linked in the teacher's notes.

21
00:01:14,545 --> 00:01:17,517
If anytime you find
yourself stuck on an issue,

22
00:01:17,517 --> 00:01:20,798
check out our awesome community forum for
support.

23
00:01:22,506 --> 00:01:24,066
Now that you're ready to get started,

24
00:01:24,066 --> 00:01:25,920
let's take a quick look
at the finished site.

25
00:01:27,140 --> 00:01:30,710
On the homepage, we have four
random selections from our catalog.

26
00:01:30,710 --> 00:01:33,640
These random items refresh
each time the page is loaded.

27
00:01:34,670 --> 00:01:40,800
We also have four links across the top,
Books, Movies, Music, and Suggest.

28
00:01:40,800 --> 00:01:44,150
The first three take you to
the specific pages of our catalog

29
00:01:44,150 --> 00:01:45,430
corresponding to their headings.

30
00:01:46,680 --> 00:01:50,870
Clicking on Books takes you to a page
listing the books in our catalog,

31
00:01:50,870 --> 00:01:52,920
organized alphabetically.

32
00:01:52,920 --> 00:01:56,990
From our category pages,
there's also a link to the Full Catalog.

33
00:01:56,990 --> 00:02:00,670
This takes you to a page listing all
the items in alphabetical order.

34
00:02:02,610 --> 00:02:05,600
If you click on an item,
you go to the details page for that item.

35
00:02:06,710 --> 00:02:08,200
Movies and music work the same way.

36
00:02:09,950 --> 00:02:13,465
A catalog of items, you click for details.

37
00:02:13,465 --> 00:02:15,400
While this is a fairly basic site,

38
00:02:15,400 --> 00:02:20,190
it gives us a good chance to explore
some of the most common website aspects.

39
00:02:20,190 --> 00:02:24,070
Next, we'll go over the basic setup and
organization of our project.

40
00:02:24,070 --> 00:02:27,360
The first thing we need is
an environment for running our code.

41
00:02:27,360 --> 00:02:29,950
The easiest way to follow
along with this project

42
00:02:29,950 --> 00:02:33,330
is to launch the workspace
associated with this video.

43
00:02:33,330 --> 00:02:35,600
There should already be
some starter HTML and

44
00:02:35,600 --> 00:02:39,090
CSS code, as well as some images
included in your workspace.

45
00:02:40,230 --> 00:02:43,530
We're going to be using workspaces
throughout this project, but

46
00:02:43,530 --> 00:02:46,520
if you prefer to work
locally on your own machine,

47
00:02:46,520 --> 00:02:50,090
you can also download the same
project files we'll be working with.

48
00:02:50,090 --> 00:02:54,210
Check the notes for download links,
as well as a link to our workshop

49
00:02:54,210 --> 00:02:57,270
that covers installing a local
PHP development environment.

50
00:02:58,760 --> 00:03:02,250
Let's go into our workspace and check out
the organization of the project files.

51
00:03:03,680 --> 00:03:06,440
In the root of our project,
we will have the files we are using for

52
00:03:06,440 --> 00:03:08,650
the individual pages of the site.

53
00:03:08,650 --> 00:03:11,617
Right now, all we have is index.html.

54
00:03:11,617 --> 00:03:18,526
There are also two folders, css, for our
CSS code, and img, for our image files.

55
00:03:18,526 --> 00:03:23,020
Within the img folder is a media
folder with the cover images for

56
00:03:23,020 --> 00:03:26,470
the books, movies, and
music in the library.

57
00:03:26,470 --> 00:03:28,820
That covers everything
we need to get started.

58
00:03:28,820 --> 00:03:31,100
So in the next video,
we'll jump into our project.