No time to read lengthy books on Internet Success? Then you'll love the 101 Tips series! |
|
Three experts on the Web have written down 101 tips each.
101 E-Business Tips provides 101 Online Marketing Tips, 101 Search Engine Tips, and 101 E-Commerce Tips. Get one or get all at a substantial savings.
Do you know how to make your Web pages "search engine friendly"? Want to know the most important marketing techniques used by the experts? Interested in knowing essentials to E-Commerce income generation?
101 E-Business Tips reveals the secrets!
|
|
|
  
[ Newsletter Store ] [ Choosing Templates ] [ Tips and Tricks ] [ Installing & Using ] [ Web Design Tools ] [ Accept Credit Cards! ] [ Hosting Tips ] [ Search Engines ] [ Business Income ] [ Domains ] |
Our FrontPage Templates and HTML Web Templates are SO Easy to use, and Microsoft FrontPage® is a lark to learn - so why can everything seem so overwhelming? |
| Browsers and Your FrontPage Templates and HTML Web Templates
 |
Browsers and your FrontPage Template, or ANY website production... Way back in the dark ages of web design, we only had to be concerned with a couple of browser issues. Things are much more complicated today with several
versions of IE, NN, Opera, AOL, and all the rest. |
| Redirects
|
If you want your FrontPage Template to have a navigation button with a link to a sub-web or another external site, you will need to learn how to do a
redirect! (Note that FrontPage 2002 allows you to create a "custom" navigation bar with the links of your choosing!) |
| Style Sheets
|
In most of our FrontPage Templates and HTML Web Templates, we have added a small style sheet within the HTML head of the page... They are simple to use, and add a powerful level of control over your web page, giving you the ability to
customize or individually format each page. |
| Zero Margins
|
If your buttons all line up to the left in Internet Explorer, but have moved a bit to the right in Netscape, you need information on Zero
Margins. |
| "Include" Pages
|
In some of our FrontPage Templates and HTML Web Templates, we have used Include pages in specific areas, most commonly for text navigation purposes. For example, open your FrontPage Template and click on the folder’s view. If you
have a folder inside titled “_includes”, double-click on the folder and you will see the page(s) we have used. |
| Inline Frames
|
Inline Frames in the FrontPage Templates and HTML Web Templates can be a very good way to present special text for your visitors. FrontPage 2002 has made it easy, but there are a few things you will want to adjust so that
your information appears not only in Internet Explorer, but in Netscape as well. |
| Pixel Shifts
|
Instead of a smooth, seamless image, if you now have a tiny gap where the background shows through, you need information on how to correct a "pixel
shift". |
Back to top |
While you want your web pages viewable by a majority of viewers, there is absolutely no way your pages will look the same in all of them. So what is a webmaster to do? Test, test, and test some more!! While FrontPage is a
WYSIWYG editor, a little bit of HTML knowledge will see you over the rough spots. Learn the fundamentals. Also, know your audience! Good web stats will go a long way in helping you determine the optimum viewing scheme for your site.
Remember that FrontPage® is a Microsoft product, occasionally adding its own proprietary html coding when published, and, as such, is most times best viewed with IE. Getting your new web site looking great in the widest
possible varieties of browsers is a team effort between you, the webmaster, and the template designer. A lot of factors come into play and this page is meant to help wade through some of the complications that may arise.
Keep in mind that FrontPage is a Microsoft product, it is probably natural that many elements work best with Internet Explorer (which is also a Microsoft product.) There are some snippets of HTML coding that are changed during the FrontPage
publishing process. If you need an older template to be viewed best with a browser other than Internet Explorer, here are a few things you can do:
1. Double-check the orientation of images, etc. within its proper table cell. NN6 and Opera6 do not correctly handle items that are "right-justified". Change cell sizes to suit items which need to be changed to
left-justified. 2. Remember that it is impossible to have a page look the same in all browsers. There are going to be some minor differences in the way some elements appear.
3. If certain tabled areas expand beyond their normal size, you will probably need to reset table and cell sizes. Also remember not to add images or elements which are too large since they will force the width of the table cell to expand.
4. Once you have your site optimized for the newer browser versions, it will probably not view well in the older versions. Use the most popular Browser icons to encourage your visitors to upgrade their browser of choice to the newest release.
Back To Top
|
On a navigation bar, you can add a hyperlink to a page that is not in your FrontPage Template web or one that is contained within one of your subwebs. This is called an "external" hyperlink. For example, your
navigation bar could include a hyperlink that goes to a search page such as Google or to an index page on one of your FrontPage Templates and HTML Web Templates subwebs. In the "navigation view", right-click the page that you want to add an
external hyperlink, and then click External Hyperlink on the shortcut menu. In the URL box, type the URL to the destination page. http://www.yourweb.com/subweb/
(For a FrontPage Template subweb) http://www.newweb.com (For a new external link) |
Back to top
|
This sets the margins to work in Internet Explorer - Open a FrontPage Template page
- Right-click the page, and then click Page Properties on the menu that appears.
- In the Page Properties dialog box, click the Margins tab.
- Click to select the Specify Top Margin and Specify Left Margin check boxes and set each item to zero.
- Click OK Now you need to add this extra little bit of coding so that your page will look the same if viewed in Netscape. Click on the HTML tab to access the source coding for the page. You will find a tag called
"body"....it will look similar to this... <body topmargin="0" leftmargin="0"> Add this extra wording so that your line reads like this..... <body topmargin="0" leftmargin="0" marginwidth="0"
marginheight="0"> Be sure to type in the numeral zero and not the letter O. That's it! Click on the "Normal" tab and insert your top table. Now your top border will look the same in both browsers. |
Back To Top
|
This is a sample of what the style sheet looks like:
<style type="text/css">
<!--
a { text-decoration: none }
A:hover {color:#3E4096); text-decoration:underline}
P {font:11px "Verdana"}
-->
</style> Here's what it does:
An internal style sheet sits in the "head" of each FrontPage Template page. This item lets the browsers know that a style sheet is being used. A style sheet will override theme
properties. The "A" is an anchor tag that is used for your links. In this case, I have removed the underline from the normal links and have added a hover effect. When you hover over a link, it will
change colors to black with an underline and an overline. Note that this only shows up in IE5.5 and higher and NN6. Earlier browsers ignore it. By specifying a font size in the style sheet, you can overwrite the larger size normally used by the theme. Fonts can be set relative (such as smaller), in pixel size (such as 14px), and point
size (such as 10pt). You can set margins within the style sheet. This will prevent that annoying gap that sometimes appears on the right side of the screen in IE5.5 and 6. Style sheet coding begins and ends with a "style" tag. You should normally "comment out" ( begin and/or end with <!-- and
-->) the actual style sheet so that it won't show up on a page displayed by a very old browser.
If you want to change the style sheet attributes within your new site, just click on the HTML tab and make any changes. You can then use the global search and replace feature to change the remaining pages within your site.
Be sure to check our Resources section at "The BEST Website Tools" for some great books and information on Dynamic HTML and
Cascading Style Sheets. It's fun and easy to learn.
Back To Top of Index |
|
Like any other frame, an Inline Frame grabs information from another page. This requires that you create a content page for inclusion in the Inline Frame - it would be a plain page with no Template or Theme elements, containing only the
actual information or photos, etc. You can call the content page anything, but we suggest that you name it something that tells what the content is (it'll be easier to find and change it later!), for example, "iframe_resources.htm."
Insert the I-Frame into your FrontPage Template page by using Insert > Inline Frame. Now your frame is in your page, but you need to tell it which page to place within the frame. I would suggest that you set up your
content page first, removing any shared borders, etc.
Now we need to set the width and height of the frame area. If you highlight the I-Frame and then click on the HTML tab, you can change the size by adding width and height attributes. Your coding should look like this:
<iframe name="I1" src="iframes1.htm" width="350" height="200"> Set the width and height as needed. Remember to view in your browser to test.
You can add your text directly into the Inline Frame box. You can also add your text directly into your target page. Either way, you can easily add text, images, hyperlinks and more.
For those viewing with Internet Explorer 3 and up, you will see the I-Frame. For viewers using Netscape, they will see a rather abrupt sentence stating that their browser does not support inline frames. "Your browser
does not support inline frames or is currently configured not to display inline frames."
To overcome this unfriendly message, you can add a text link within the HTML code that will direct your viewers to click on the link to view the page. Add the following before the closing I-Frame tag:
To view the information in the FrontPage Templates and HTML Web Templates, <a target="_blank" href="iframes1.htm">click here</a>.
target="_blank" instructs a new window to appear. href = "nameofyourpage.htm" That's it. Now all viewers will be able to see the
text that is contained within your Inline Frame.
From time to time, FrontPage will place a closing table tag (</td>) on a line all by itself. You can correct a pixel shift by looking at your html coding and moving any stray closing table tags to the end of the previous line.
Back To Top of Index
1. The underscore in front of the folder name (_includes) keeps the folder private where it will not be indexed by search engines. 2. Include pages take on the characteristics of the page in
which they are included. For example, if I insert an include page on a FrontPage Template page that uses a specific FrontPAge Template theme, the included content will then have the characteristics defined by the theme. 3.
Included content works best if the original FrontPage Templates and HTML Web Templates "include page" is not placed into any table or cell. 4. You can easily insert included page content into a table or cell.
Modifying the Include Page content on our FrontPage Templates and HTML Web Templates and Themes:
Locate the folder within your FrontPage Template titled “_include”. Double-click on the folder and you will see one or more pages. Double-click on a page to open it. In that page, you will see that there is no theme applied, no shared
borders, etc. We have set the page background color by right-clicking on the page and selecting Page Properties. This will ensure that when the page is included in our other pages, the backgrounds will match. If the include page
contains hyperlinks, we have typed in each hyperlink by hand rather than using the Insert > Navigation feature. This is because we want to use text links rather than buttons and because we want to use different link colors than those defined by the theme. You will need to modify
these links as needed for your own site. Once you have your hyperlinks added, save your changes. Because we have already set the Include Page content into our main pages, open one of the other pages like index.htm and you will be
able to see the results of your changes. Back to top |
Back To Top of Index
|
|
|
Save time and money discovering the essential facts to being successful on the Web.