Learning Objectives HTML Links Structuring Pages with Frames Introduction to Cascading Style Sheets (CSS)
Links One of the distinguishing features of HTML Used to skip from one page to another. Call up multimedia. Download files Has 3 main parts Destination: Specifies what happens when the link is clicked, e.g may open another page, play audio or video files, etc. Label: Overlies the link. Could be Text, Image or both. Target: Often ignored. Determines where the destination would be displayed. Could be a named window or frame, or a new window or frame.
Creating a Link to another web page Label text Destination Target Label User relative URLs for links to web pages on your site. Absolute links for external pages. Relative URL: contents.html Absolute URL: http://www.gold.ac.uk/public_html/john.htmlhttp://www.gold.ac.uk/public_html/john.html Other types of Links Files such as Excel, PowerPoint, Audio, etc: path to the file FTP site: Email: e.g. email John Phillips
Creating Links to Sections of your page Can be quite useful especially with large documents Achieved by creating anchors for the section, and linking to it. Introduction Main Section ……………….. Introduction This part of the course describes how to create anchors…….. When a visitor clicks on the link, the page jumps to the anchored section referenced in the link.
Frames Can be used for organizing a site. Related information can be grouped together, and displayed in different frames. You may have stationary banner displaying company logo in a top frame. Table of contents on the left side Main contents page occupying the rest of the window. Creating Framesets FRAMES
The previous example splits the page into horizontal sections, You can also split the page into vertical sections by using the COLS attribute in the tag, e.g.