|
Most websites don't start from scratch... they start out as other websites. Because of the way HTML pages and their associated files are stored and delivered, you can retrieve most of the files needed to reproduce or modify the look and feel of any HTML website. Inspecting the code of a site you like will help you understand how it was designed.
To copy all (or most) of the files needed to reproduce a web page... navigate to the page in your browser, then:
File > Save As > (filetype: Webpage, complete)
This will save all (or most) of the associated files, javascript, css, images, etc. to a folder with the same name you give to the html file. It will correct & localize the paths in the resulting HTML file. Choose a simple name that reflects the style of page you are saving, so it will create a folder with all the necessary files, and have the proper structure for building a website.
Be aware that any background images (table bgs, page bgs, etc) will not be saved, nor will any image files which are spec'd in the CSS files. The locations for the bg's spec'd in the HTML can be found by right clicking on the image on the original/live page, and saving to the same folder created when you saved the page. CSS images can be located via the CSS file... they are relative to the original location of the CSS file, so with a little trial/error, you can just browse directly to the image via it's URL and then save it to the auxilliary folder as well.
Open the HTML file in your HTML editor, go through the HTML code line by line and strip out anything that refers to a URL outside of the local folder (e.g. any URL that begins http:// vs a URL that is a relative link with only the path to the auxilliary folder.)
Check & respect the copyrights in all files, whether they be HTML, CSS, JS, etc... You'll find that much of what you download from the web is free to share, provided you maintain attribution to the original author.
|
Support