CreateaFreeWebsite  with Responsive Web Design

How to Create Your htdocs folder

This information is older than methuselah and I haven't used windows in 10 years, so take it for what it's worth.

This procedure would have worked on most Windows platform computers.

Just follow the steps using the screen shots shown below:

Start buttonClick Start button bottom left of your Desk Top, then Computer

 

Creating your htdocs folder

 

Locate your C:/ drive and double click on it.

Creating your htdocs folder

 

Organize buttonFind an open space in the right pane and right click or on newer versions of Windows, Click the drop down arrow beside Organize top left, and choose New Folder.

 

Creating your htdocs folder

 

If you Right Clicked, Click New then Folder

Creating your htdocs folder

 

Either method, Type htdocs to replace the blue New Folder text.
Then click beside it.

Creating your htdocs folder

 

Then double click the htdocs folder to open it.

Creating your htdocs folder

 

Right click on a blank space inside the folder and choose New then Folder or use the Organize button again.

Creating your htdocs folder

 

Replace the New Folder text with the word images.

Creating your htdocs folder

 

Now when you save firstpage.html in the c:/htdocs folder, you'll be able to type file:///c:/htdocs/firstpage.html into the top of your browser and preview the web page.

When you save your images in Exercise 6 you'll save them in your c:/htdocs/images folder.

 

Free Tools We Recommend

Free Ebook How to Code in HTML5 and CSS3
"How to Code in HTML5 and CSS3" is a free e-book about making websites in HTML5 and CSS for absolute beginners. It doesn't require any experience in IT to start....
Free Logo Generator Turbologo.com
If you are building a website for business you need to begin thinking about creating a brand identity. An unforgettable logo could be just the start you need. You can create it free at Turbologo.com. They also provide generators for business cards and letterheads.
FREE HTML Editor (Windows): NoteTab Light
All the features of a commercial HTML editor.
FREE Apache Server (Windows): IndigoAmpp
Set up a real time server environment right on your PC. Test forms and scripts before uploading to your web space.
Linux Users
If like us, you've left the insane world of Microsoft Windows for the even worse experience of Linux, we recommend the BlueFish HTML editor. You'll find it in your software repository. It does have some QUIRKS, but it's FREE.
For image resizing we've found the easiest Linux tool to be Krita.
mage resizing we've found the easiest Linux tool to be Krita.

Have you tried our Free Mobile Ready website template kit? Download Template #402 - 6 Page Kit