Cascading Style Sheets
Cascading Style Sheets (CSS) are external text files that are a means to define a set of styles/attributes and assign that predefined set of styles to any number of html files in your site which control the appearance of your pages. It is a great way to save time and effort when you want to change the overall apperance of your site, and make sure that there is continuity of appearance from page to page.
To create a CSS, go to the Text menu and then down to CSS Styles, and then to New CSS Styles. A dialog box will appear (see Figure 1). The Tag field is where you can select or type in the HTML tag that you want to set attributes to. We have selected h1 (Heading 1). The Type field refers to redefining the default formatting of a HTML tag; this allows the redefinition of the tag to affect the layout of many of your pages. The Define In field we have toggled to New Style Sheet. Then when you click OK, you can save the CSS file in your site's directory.
Figure 1
Click on image to enlarge
|
| |
Tables
Tables are useful way to layout your content in a page. They can be placed into a document via the Insert Table icon found in Common tab in your Insert Bar. When you click on the icon, a dialog window will appear to ask you for the specifics of the table you would like to insert. You can enter the number of rows, of columns, width of your table, whether or not you would like a visable border, as well as the spacing you would like between cells.
Insert Table: |
 |
|
| |
Frames
Frames are another means to control layout. A common use,is that it allows for a navigation to be consistantly available.
A frameset is comprised out of multiple html pages. In a frameset, the html pages are referenced through the frames' source attributes. To create a frameset from scratch you would select the Frames tab on the Insert bar (as shown below).
When you want to save your frameset, navigate to the File menu and select Save Frameset. You will be prompted to save the frameset as well as the individual files that comprise it.
|
| |
Forms
Forms are used to gather information from viewers. The Forms tab in the Insert bar has a variety of form objects (ie. text and password fields, radio buttons, checkboxes, pop-up menus, and submit buttons).
Form Example from Workshop:
Click above image to enlarge.
|
