Here are a few tips and tricks used by the pros for editing HTML pages.
Dragging files into applications:
Rather than choose "File Open" in your web browser, Notepad or your HTML editor, you can drag most any file type into an application. To do this, for example, open Notepad, then open the folder where your web template files are. Left click on one of the .htm, .js or .css files, hold the left button down and drag this file right into Notepad. Do your edits, then choose "save". You can also drag files into Frontpage, Internet Explorer, Netscape and most any other HTML editor.
Editing using View Source:
You can edit any HTML page in Internet Explorer (IE) by choosing "view source". Example, drag any .htm page into IE (see above paragraph). In the IE menu, choose "view" then "source". Do your edits and choose "save". NOTE: You can NOT edit pages on-line this way. You can only edit the files in your template folder on your hard drive. If you do an edit and it does not change, you may be trying to edit on-line pages.
How to see what the name of a template image is:
Open any template HTML page. Right click on the image on the template HTML page and choose "properties". Check the properties to see the exact image name and location on your computer.
Finding the name of a template background image:
Open any template HTML page. Right click in the background image area on the template HTML page and choose "Save Background As..". In the "File Name" box you will see the name of the image. In the box under that you will see the type of image this is. This should be a .jpg or .gif image.
Copying .htm pages and other files:
If you want to make a copy of a file, open the template folder on your hard drive, right click the file ( .htm .css .js or any other file type), choose "copy", then right click in an empty area in that same folder and right click and choose "paste". Now rename your new file by right clicking on it and choosing "rename".
Quick file renaming:
This may not work with some Microsoft keyboards unless you hit the "F Lock" first. Highlight the file you want to rename, for example, you have made a copy of the "about.htm" and it is now named "Copy of about.htm". Highlight your copy, then on your keyboard select the "F2" key. Now you can just type the new file name in.
Search and replacing:
In Notepad and also in HTML view (or source view) in most HTML editors you can do a search and replace to change items. Perhaps you want to change "Allwebco" to "Yourcompany" on every page. First, open the file (any template file) in Notepad, then choose "edit" then choose "replace". Enter the text to change in the first box and the new text to use in the bottom box. You can also search and replace any text phrase with nothing. See the image below:
Error checking your website:
Checking your work:
After editing your template you may want to error check your work. See the following websites:
Link checking and other on-line website checking applications.
Finding an error on a page:
If a template page gets messed up and does not work right or extra code is showing, there may be an error somewhere. You can check this using the services listed above.
Fixing a totally messed up page:
If a page gets messed up too much to validate, you may just want to recreate this page by making a copy of any other page. Open the bad page using Notepad, find the code between the "CONTENT TABLE" notes and paste this into the new page. This is a quick fix for header, sidebar or footer problems. Also, see "resizing tables" below to find where a table is on a page.
Finding and resizing tables on a page:
All the pages on Allwebco templates contain tables. Tables really make up the page and define where everything is on the page. Click here for details on sizing tables.
Taking a screenshot:
This may not work with some Microsoft keyboards unless you hit the "F Lock" first. In Windows, hit the "Shift+PrntScrn" at the same time. Then open your graphics program and choose "new". Then choose "edit" and "paste". Then save the image as a .jpg image.