Customizing and Editing Web Pages

Follow

 General HTML Editing

All of the Aeon web pages are standard HTML files. These files are served through a DLL that interfaces with the local SQL Server, which is entirely server-side code, making the Aeon pages totally compatible with any web browser that supports tables and forms. You can view and edit the HTML pages in programs like Notepad and Microsoft Visual Studio or in an HTML editor such as Dreamweaver.

Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents. Within Aeon, these fields control all of the style and formatting for the Aeon pages. Therefore making changes to the CSS styles will affect all of the Aeon pages at the same time.

Navigating CSS

The format of CSS is broken up into 4 parts:

  1. Selector
  2. Class
  3. Property
  4. Value

Each of these has a different effect on the style of the displayed pages.

p.Alert{color:red}

In the example above, the "p" is the selector, "Alert" is the class, "color" is the property and "red" is the value. This can also be written as:

<p class = "alert"> This is a red paragraph </p>

CSS Code to know

Class

This assigns elements to groups.

HTML: <div class="req"><b>*</b> Indicates required field</div>
CSS: form.f-wrap-request div.req b {color:#c00;font-size:140%}

div

Defines a division or section within a document. Browsers generally place a line break before and after div.

<div id="header">

id

The id assigns identifiers to elements.

<div id="header">

span

The span assigns style formatting to a particular bit of text. When using span there is no implied line break.

<span id="site-name">Aeon</span>

When using CSS to format, the Main.css page is used for the majority of all browsers.

If you would like to have your print style differ from your display style you can use the Print.css page to set your print style.

 

0 out of 0 found this helpful

Comments

0 comments

Article is closed for comments.