Designated WebCoordinator's can Login to manage WebHosting Services under their respective coordination

HOW TO MODIFY HTML FILES

    HomeResource Centre > How to modify html files

Open the web site and download the latest version of the file that you want to update from your web site . You may save the file using following procedures:

a) If you are using Internet Explorer then :

- First browse the page
- Click the right mouse button on the page in browser and then click view source.
- The page will be opened in the notepad. Now you can save it in your hard disk by using save as option. Use the same file name as it is in current web site.

b) If you are using the Netscape Navigator then :

- Browse the intended page and use save as option to save it onto your hard disk
- If the page is using frames then before saving any page first click inside that frame which you want to save and then use the option save frame as.

In case you are downloading the home page of the site then save the file as "welcome.html", because while saving the home page from browser, the title of the page is taken as its file name since browser does not display its name in the location (address) bar.
Some of the homepages might have been modified by webmaster for including counter, forms, base href etc. So it is all the more important that the latest file is downloaded.

Open the file in notepad or MS Frontpage and edit the contents without disturbing the page layout.Test the file by opening it in a browser. Reload the file in browser and verify the links, images and other changes that have been made. Do not rely on the preview option of the FrontPage.

Checking the files : Guideline

a) Usually FrontPage automatically creates the path for the image files once you open the file in the front page editor.

For example img src = file:///D|/users/others/anshu/ image.jpg, so if the path like this is automatically created by the program, the browser naturally look for the image file from the source path.

You have to delete the path and put just the file name i.e.; "img src = edu.jpg" (or if the images are in another subfolder then: name of subfolder/image-file-name" e.g. "images/edu.jpg" ). Check the files using view HTML option available in Front Page editor or Notepad can be used.

b) Also check for the lower caps of the file names. This is because the Unix servers are case sensitive. Use the lower case for the complete file name including extensions. Also, avoid more than 10 characters while giving the file names.

c) Maintain the same format of the file, e.g. text fonts, colors, size, caps, bg cols, bg image, so that the identity of the page remains the same.

d) In case the site has frames, then make sure that the target of the links has been specified. Otherwise the destination file might open at a wrong place.

e) When there are more than one files being updated then the best way to test from the local machine is to rename the folder, e.g., armedforces can be renamed as armedforces1. After renaming the folder it will become easier to test for any missing links or file paths.

For Major change

If some major changes have to be made e.g. addition of some images or changes in the layout then, the updated file should be viewed in both the browsers - Netscape and Internet Explorer.


1.) problem : the name Dr. Murli Manohar Joshi is seen split in two lines.

Reason: check on the html of the problem area.you can find <br>after Dr. Murli Manohar, which shows that there is a line break.So if it is appearing between a name, like <p align="left"><font face="Arial" color="#333399"> <small> Minister: Dr. Murli Manohar<br> Joshi<br> definitely, it shows split in the browser.


Solution: so if similar problem occur, the <br>has to be removed in html wherever not necessary . so now after removing accordingly, it will appear as:<p align="left"><font face="Arial" color="#333399"><small>Minister: Dr. Murli Manohar Joshi<br>

________________________________________________________________

2.) If new tables are being created, then use the same style of the table unless otherwise required. For reference, open a file and right click on the table and find out the properties of the table e.g. the border size, cell padding, cell spacing, alignment, size in pixels or any other feature as the cell color; and then use the same properties for your table. Do not use very long tables and avoid using tables in tables. Fix the table size in pixels instead of percentage.

________________________________________________________________

3.) In case you are adding new text then kindly keep the following things in mind. Maintain the same format that is, font type, font size, bold, italics, font color, whether in capitals or small caps. You can check the format being used in the other pages by saving the file and then checking the font type. In MS FrontPage, open format >font and then fix the font type, size and other things.

_______________________________________________________________


4.) When a new page is being created, then give title to the page. Also fix the hyperlink properties, and background colors and other things. Usually nothing should be left as default.

_______________________________________________________________

5.) Always use the same system of navigation as is being used in the other pages. Usually some navigational links are given either at the top of the page or at the bottom of the page.

_______________________________________________________________

6.) Sometimes the page shows a horizontal scroll which is the result of some formatting done in the html file. If it to be avoided, then check the width of the tables, and the long lengths of text written in the tables. Also there might be a long line of text without break, a very wide image, or indenting of text, etc.
If the page has been designed for 800x600 screen resolution, then it will show a scroll in 640x480screen resolution, for which you need not worry. Usually an area of 595x295 pixels is taken as a browser safe area for any kind of layout.

________________________________________________________________

7.) Try to make templates of the pages of similar design or style. This can be done by saving a file and then removing all the text except the navigational links, title, the top icon, home icon, etc. It will have the title of the page and other default options as the background image, background color, etc. After making this template, then you can use this to create pages of similar design.

________________________________________________________________

8.) If the text page size goes above100 KB then it is always better to break the file into two files.

________________________________________________________________

9.) Image files should be in gif format when the number of colors is less than 256, otherwise photographic quality images should be saved in jpg image format.

________________________________________________________________

10.) Always give alternate text to images.

________________________________________________________________

11.) Scanning of images should be done from original source for clarity. The size if the image should be around 150*100 pixels for small images and 300*200 pixels for larger images. Try to make the images better by changing the contrast or brightness of the image. Save the images in JPEG format if the image has lots of colors, e.g. The photographs. If the image is a graph or text with fewer colors than 256, then save it as gif image by indexing the image. Do not reduce the size of the image from a gif image. Always convert the GIF image into r g b (red green blue cols format) or scan the image again.

 

 

^ TOP ^

Latest Websites