Here we'll take a look at how a website looks from a programmers perspectives. We'll take a look at what constitutes it and what should we use for which purpose.
1. HTML: A website has the HTML pages which constitute the look and feel or in other words The Front-end. Plain text files with embedded tags that dictate the Presentation of Information.
2. CSS: We use Cascaded Style Sheets to enhance the looks. We can design colour themes and appearance of text and various page elements. CSS styling thus is a very important part of our exercises. Every HTML tag has some standard attributes which we can manipulate through CSS for streamlined look. We can also define various styling for different portions of our website.
4. Server side Programming: This is something that resides at server and takes care of your requests and responds to you with appropriate response. At first people used to have programs accepting user request and produce appropriate response. Those were (somewhere still are) cgi(Common Gateway Interface) programs. Later with the advent of server-side programming techniques we ended up with frameworks/Technologies that ease processing of Requests. Here we're using PHP to code our website. PHP is easy to learn, loosely typed, and very powerful.
What we'll have and where it will be?
Of course everything will be on the server. Since we're building this in PHP we won't have any actual HTML pages. All pages will be PHP only. It's just an HTML Page sans any PHP code in it. This works since the browser is not concerned with the URL - whether the page served is a HTML or PHP - but rather if the response is in correct format.
On server for the sake of ease of access we group similar files in folders. So we have a 'CSS' folder in which we put all CSS files. Another folder 'scripts' stores all our Java Scripts. Similarly we can put all PHP pages into another folder. This is necessary for very big websites where we have hundreds of pages.
Tools: What is required?
There are many other IDE's for PHP. You can try them too.
Download the Project from