FrontPage - Advanced Web
Once you have mastered the basics
of web page creation you may want to learn to use CSS and Templates
that will save you time when you create a large website. The following
advanced web technique features are available in Microsoft FrontPage 2003.
Cascading Style Sheets
A Cascading Style Sheets, or CSS,
is a separate file or instructions within a web page that controls
features of the page such as the colour, size, style, font and borders.
There are different types of cascading style sheets: Inline styles,
Embedded Style Sheets and External Style Sheets. The reasons for
using a CSS are:
-CSS enables a web designer to incorporate sophisticated typography
and element positioning.
-The HTML code is "cleaned up" (made as concise as possible).
-Makes page editing and updating easier.
-Decreases download time.
-Increased accessibility: CSS maximizes the number of viewers who
can access your site regardless of the platform, browser, computer,
or certain physical disabilities of the viewer.
to
learn about creating and using a CSS.
Templates
Creating a template as a model for
your web pages will save you time and help you to develop a web
site that is consistent in appearance and navigation.
to
learn how to create and use a template.
Tables vs. Frames
Most web designers prefer to use tables
to define the various portions of their pages, such as the navigation
menu, page title, and content area. The table used is part of the
web page file but can be made invisible to the viewer if you desire.
Another less preferable option for
segmenting a web page is to divide the page into frames. Frames
cause the page to be divided up into various files: one file for
each section of the page and another file to instruct the computer
how specifically the page is set up, namely how large the frame
will be.
Therefore, there are many more files
to create, organize, manage, and update when segmenting your web
pages with frames rather than tables.
Pros of using frames: Frames enable
you to create a web page that has one portion stationary as other
portions move. For example keeping the navigation menu available
to the user as they scroll through lengthy content.
Pros of using tables: There are many
less files to manage, less printing issues than using frames. More
internet browsers will support your site, not all browsers support
frames therefore a "non-frames" page should be created
when using frames. Viewers can navigate through your web site with
more ease. Frames need to be organized so that viewers can easily
maneuver throughout your web site: this requires creating a set
of frames for each individual web page.
Behaviours
Behaviours are scripting options
that can easily
make your website more dynamic and enables you to have drop down
menus or roll over pictures. A Behavior is a combination of an event
and an action that you want to occur when a site visitor interacts
with a Web page or an element of a page.
Drop Down Menus
Using Menus in your website is a standard
way to set up navigation. Using drop down menus allows you more
space in your website and still lets you see all the pages available
when the subsection is selected.
to
learn about creating drop down menus.
Roll Over Picture and Buttons
Roll over pictures and buttons change
when a mouse scrolls over them. This is a nice feature for buttons
because it can show that you have selected that button and that
it is a clickable link.
to
learn about using and creating roll over pictures and buttons.
Layers
Layers are containers in a web page
that can hold page elements and can be used to create animations
and page layouts. Layers can be overlapped, nested and shown or
hidden
on a page. Layers allow you to attach certain behaviours to objects,
like having a movie pop up when a button is clicked or having various
pictures present on certain mouse overs.
to
learn about using layers in your web page.
Home
| Web Basics | Text & Graphics |
Video & Sound | Navigation
| Advanced Web
|