Time for action – creating and organizing project directories and assets
Perform the following steps to set up the project's working directory:
- Go to the
htdocs
folder. As a reminder, this folder is the folder in the local server located at:C:\xampp\htdocs
in Windows/Applications/XAMPP/htdocs
in OSX/opt/lampp/htdocs
in Ubuntu
- Create a new folder named
blog
. From now on, we will refer to this folder as the project directory. - Create a new folder named
css
to store style sheets. - Create a new folder named
image
to store images. - Create a new folder named
scripts
to store JavaScript files. - Create a new file named
index.html
; this HTML file will be the main page of the blog. Download the Responsive.gs package from http://responsive.gs/. The package comes in the.zip
format. Extract the package to unleash the files within the package. There, you will find a number of files, including style sheets and JavaScript files, as you can see from the following screenshot: