Featured articleOriginal NAAIDT web siteAccess to the original NAAIDT web site remains available at http://archive.naaidt.org.uk or by clicking on the banner image below. Featured articleD&T OnlineD&T Online is a World Wide Web site offering free access to a wide range of design and technology (D&T) materials, resources and software for pupils to use as they engage in design and technology activities as part of the UK National Curriculum. Featured articleNational Strategies for Design and TechnologyLinks to resources supporting the development of the national curriculum for design and technology | |||||||||||||||
NAAIDT
Text boxes in the new NAAIDT Online will automatically create web or email links and certain HTML tags can also be used to enhance the presentation of an article.The new NAAIDT Online CMS defaults to enable web pages to be produced by typing directly into the WYSIWYG text boxes. The required HTML code is then generated automatically. More experienced contributors, however, may wish to choose the Raw HTML option and control the code themselves. Always check the HTML code you produce by using the Validate HTML link provided and make any corrections indicated before posting Return to new NAAIDT Online - User Guide Including web linksText boxes in the new NAAIDT Online will automatically create web or email links and the target will open in a new window. - e.g. typing in www.naaidt.org.uk or http://www.naaidt.org.uk is all that is required. Linking to another article in the new NAAIDT Online is facilitated by provision of the yourtext code provided for each article. For example, the Id number for this article is 32 so to link to here the code would be adapted to Link:32,Link back to here - ie Link back to here HTML tagsFor more experienced users some HTML tags (Hyper-Text Mark-up Language) can also be included. For example to use a link word other than the URL you would use the <a href="URL">displayname</a> tags as follows: <a href="http://www.naaidt.org.uk">NAAIDT </a> to make NAAIDT the link word. If you wish the web site to open in a different window you would use the target="_blank" addition - e.g. Enhancing textText can be enhanced by use of sub-headings, embolden and italics. To create a sub-heading use the <h3> tag as follows: <h3>Sub-heading</h3> (note the need always to close a tag by using the tag preceded with a forward slash). A sub-heading with top and bottom rules is created using the <h4> tag as follows: <h4>Sub-heading</h4> Other headings from <h2> to <h6> may be used - the larger the number: the smaller the heading and each heading automatically appears on its own line. To embolden text use the <strong> tag (although the outdated <b> tag may also be used) as follows: Italic text is created using the <em> tag (although the outdated <i> tag may also be used) as follows: Tags can sometimes be nested to create multiple effects - eg Including ListsEither numbered lists or bulleted lists can be included as follows:
(note the need to close all tags, including the list item, <li> tags) This code will produce: Ordered list (ol):
Unordered list (ul):
Other tags may be allowed and a more complete explanation of using html can be found at http://www.dialsolutions.com/htmlcourse/ See also the XHTML tutorial from W3 Schools at http://www.w3schools.com/xhtml/default.asp Adding styleUsers who have a particular interest in creating web pages should become familiar with the use of Cascading Style Sheets. Styles sheets define HOW HTML elements are to be displayed, such the font type and the color. Styles are normally saved in external .css files, where a single change can affect a whole web site, but can also be used inline - e.g. the red 'new' in new NAAIDT Online is created by the inline code: Styles are the future for good web page design. Use of HTML should be restricted to WHAT a web page element is to convey and styles should dictate HOW it is conveyed. For example, use of the HTML tag <h3> throughout this web site determines only that a heading should be displayed: it is the style sheet that dictates its size, colour, indentation and the fact that it is preceded by a green bullet. For further information see http://www.dialsolutions.com/htmlcourse/ and the CSS tutorial from W3 Schools at http://www.w3schools.com/css/default.asp Caution! Using both HTML and CSS carelessly can have unpredictable effects on the whole web site - ALWAYS use the Validate HTML link provided to check for errors
Submitted by: Geoff Howard Email: geoff@geoffhoward.net
Publication date: 12th March 2008 Withdrawal date: --- Created: 12th March 2008 Last updated: 01st April 2008 15:11 Persistent link to this article:http://www.naaidt.org.uk/32 |
|||||||||||||||
NAAIDT Patron: Sir James Dyson Copyright © NAAIDT 1999 - 2024 Programming by Dial Solutions Ltd |