Appendix H: Cascading Style Sheets (CSS)
|
|
- Phillip Morgan Palmer
- 8 years ago
- Views:
Transcription
1 Appendix H: Cascading Style Sheets (CSS) Cascading Style Sheets offer Web designers two key advantages in managing complex Web sites: Separation of content and design. CSS gives developers the best of both worlds: content markup that reflects the logical structure of the information and the freedom to specify exactly how each HTML tag will look. Efficient control over large document sets. The most powerful implementations of CSS will allow site designers to control the graphic "look and feel" of thousands of pages by modifying a single master style sheet document. The Web Development Team has created a CSS style sheet to control some of the most common HTML attributes including: font face, font size, and font color. Style sheets also provide greater typographic control with less code. When using plain HTML you need to define the physical properties of an element such as the <H1> tag each time you use it. When you define these properties using CSS, that single definition, or rule, applies to every instance of the <H1> element in all documents that reference the style sheet. In addition, style sheets offer more formatting options than plain HTML tags and extensions. For example, interline spacing, or leading, can be controlled using style sheets, as can text properties such as letter-spacing and background color. The text formatting properties are implemented well enough across most browsers that using CSS provides cross-browser compatibility. (See Appendix C.) Source: Web Style Guide 2 nd Edition. Applying a Cascading Style Sheet CSS can be applied using inline definitions, internal style sheets, and/or external style sheets. Inline style definitions are not encouraged because they do not utilize the global control offered by the traditional use of a CSS. The preferred way to apply CSS is with external style sheets. With external style sheets CSS definitions reside in a style sheet file separate from the HTML content. The HTML file has a link or reference to the style sheet file. The following is an example of an external cascading style sheet in a Web page. Examples File: style.css (Style sheet files must have a.css file extension) Body {FONT-FAMILY: Arial,Helvetica,Verdana,Tahoma; COLOR: RED; TEXT-DECORATION: none;} A {color: #FFFFFF; text-decoration: none;} 60
2 HTML Code Referencing Style Sheet File: index.htm <html> <head> <title>title of Page</title> <LINK href="style/style.css" type="text/css" rel= stylesheet ></head> <body> Any text in the Body will have this style.<br> <a href="embedded_style.htm">hyperlink Style Example</a> </body> </html> 61
3 The previous code as viewed in Internet Explorer Internal styling With internal styling, the styling information is placed in the HTML between the <head> and </head> tags. Internal style is used when you want to style an element that appears only on the page being styled. Internal style definitions will over-ride external style sheet definitions. 62
4 An example of an internal cascading style sheet inside a Web page: HTML code example of internal styles File: index.htm <html> <head> <title>title of Page</title> <style type = "text/css"> Body {FONT-FAMILY: Arial,Helvetica,Verdana,Tahoma; COLOR: RED; TEXT-DECORATION: none; } A {color: #FFFFFF: text-decoration: none;} </style> </head> <body> Any text in the Body will have this style.<br> <a href="embedded_style.htm">hyperlink Style Example</a> </body> </html> The previous code as viewed in Internet Explorer 63
5 Style sheet template The main cascading style sheet, main.css, is available with the Web template at Steps for using CSS in FrontPage 1. Save your.css file inside the main/root folder. 2. Include a link to the main CSU style sheet by placing the following code inside the <head> tags: <link rel="stylesheet" type="text/css" href=" 3. For a local style sheet, place the following code inside the <head> tag after the main CSU CSS code: <link href="style.css" type="text/css" rel="stylesheet"> The file name style.css is given as an example. You are not limited in what you may name your.css file. The only limitations are: The file must end in.css. The link must match your local.css file name. Example: Local file name education.css HTML: <link href="education.css" type="text/css" rel="stylesheet"> We recommend that you name your.css file something relative to the page or sight where it is used. For example, the.css for a math Web site might be math.css. 64
6 Appendix I: PDFs, Interactive PDFs PDFs are created using Adobe Acrobat or PDF 995. Interactive PDFs are enhanced versions of regular PDFs. Interactive PDFs are intended to let Web users complete forms online and print them from their computer, whereas regular PDFs are read-only. In order to view any PDF users need Adobe Acrobat Reader, available for free download from Adobe at: Interactive forms must be designated with ( PDF) following the form name. Example: Undergraduate Application New Applicants ( PDF) CSU s Interactive PDF Icon can be found at: Note: Each department is responsible for purchasing their own Adobe Acrobat license. Submit a request for a price quote using Remedy Service to begin the process of obtaining a copy. PDF form elements There are several form elements that can be added to your PDF form, including: 1. Buttons 2. Check Boxes 3. Combo Boxes 4. List Boxes 5. Radio Buttons 6. Form Fields 7. Digital Signatures The text box is probably the most common PDF form element. The instructions that follow detail the steps for adding a text box to your PDF. Adding a text box to your PDF Text boxes must be placed in the appropriate fields on a form so that the user can add his/her information. Example: First Name: [text box] To add a Text Box: 1. Click Tools 2. Click Advanced Editing 3. Click Forms Last Name: [text box] 65
7 4. Click Text Field Tool Appearance standards Appearance standards let users know that they are viewing an interactive form and which text fields are available for entering text. Text Field Properties: Appearance 1. Right-click the text box. 2. Select Properties from the menu. A Text Field Properties box will open. 3. Select the Appearance tab Inside the Text Field Properties box set: a. The border color to none b. Fill color = FFFFCA (light yellow) c. Font size = 12 d. Font = Helvetica Text Color = (black) 66
8 Text Field Properties: Options 1. Select the Options tab 2. Deselect Scroll long text 67
9 Page properties: Tab order Setting the tab order allows users to tab from one text area to the next in a designated order. Generally, the tab order should run from left to right, top to bottom. To set the tab order to run from left to right, top to bottom: 1. Click the Pages tab on the left. 2. Right-click one of the pages that appears to the right of the pages tab. 3. Select Page Properties. 4. Select Use Row Order. 68
10 Interactive PDF notice When you include an Interactive PDF on your page, include the following information at the bottom of the page or in the section where the PDF appears. Include the following text on pages with interactive forms: Forms with the interactive icon beside the name can be filled out online using Acrobat Reader. View more information on filling out forms online. (Note: PDF forms cannot be submitted online at this time) HTML code for the previous text: <p align = left > Forms with the interactive icon<img src=" border="0" width="18" height="18" alt= interactive PDF icon > beside the name can be filled out online using Acrobat Reader. <br> <a class= lightlink href=" View more information on filling out forms online.</a> <br> (Note: PDF forms cannot be submitted online at this time)</p> 69
11 Get Adobe Reader icon On all pages that link to a PDF or Interactive PDF, include a Get Adobe Reader icon and a link to the Adobe Acrobat Reader download page. Link the Reader icon to The Get Adobe Reader icon is available at Below is a page with interactive PDF links and Get Acrobat Reader icon. 70
12 Web development glossary audience The people accessing your Web site(s). body The section of your Web page that contains its content. In CSU Web templates, the body does not include the top, left or bottom sections of the page. Also called content. bookmarks The addresses of interesting or frequently used Web sites stored in the Web browser so that they are readily available for re-use. The page title is the default bookmark name. bottom border (bottom.htm) Part of the CSU templates that contains the site s footer information with brief information such as office hours, location and parent department. The bottom border of a FrontPage site, bottom.htm, is located in the _borders folder. breadcrumbs A trail of links showing (a) how you got to the current page and (b) where you are in the Web site. browsers A computer program, such as Internet Explorer, Mozilla FireFox or Netscape Navigator, used for accessing Web sites on the Internet. cascading style sheet (CSS) An HTML specification developed by the World Wide Web Consortium that allows authors of Web pages to attach style information to HTML documents. Style sheets can include typographical information on how the page will appear, such as the font of the text in the page. See also external style sheet, internal style sheet and inline style sheet entries. content The message contained in your Web page. The content generally excludes the top, left and bottom sections (header, navigation, and footer) of the page. Also called body. description Meta tag that contains one to two sentences describing the purpose of the page. It is primarily used to provide text for search engine results pages. See also Appendix B. external style sheet A cascading style sheet in a file with a.css file name extension. The.css file is comprised solely of style rules in valid.css syntax, without any surrounding HTML tags. By defining styles in one or more external style sheets and linking them to pages in your Web site, you ensure a consistent appearance throughout those pages. If you change a style in the 71
13 external style sheet, the change will be reflected in all of the pages linked to that style sheet. See also Appendix H. footer Also called the bottom border. Usually contains brief information such as office hours, location and parent department. FrontPage An HTML editor that is a Microsoft Office product used for developing Web pages. Graphic Interchange Format (GIF) GIF (.gif) is the best file format for text and line graphics. See Appendix E. graphics Anything visually displayed on a Web site that is not text. GIFs are recommended for line images and JPEGs are used for photographs. PDFs can be used to transport images within a document, but they are generally not used solely for image files. hierarchy levels Classification of CSU Web sites into levels that reflect the CSU organizational chart. home page On the World Wide Web, an entry page for a set of Web pages and other files in a Web site. The home page is displayed by default when a visitor surfs to the site using a Web browser. Index.htm and Default.htm are both acceptable home page names. Hypertext Markup Language (HTML) A markup language used to create hypertext and hypermedia documents on tdhe World Wide Web incorporating text, graphics, sound, video, and hyperlinks. inline style sheet Styling for one individual element on a single page. Overrides external and internal style sheets. See also Appendix H. internal style sheet A cascading style sheet that is embedded in a page header. Styles in an internal style sheet can be applied only to the page containing the internal style sheet, and will either extend or override styles defined in any external style sheet that is linked to the page. See also Appendix H. Joint Photographic Experts Group (JPEG) JPEG format is best-suited for photographic images. See Appendix E. keywords Meta tags that contain significant words from your page or title. Often used by search engines as an index to content. See also Appendix B. 72
14 left section Part of the CSU template that contains the site s navigation when used. The left section of a FrontPage site, left.htm, is located in the _borders folder. link A pointer from text, graphic, or an image map to a page or file on the World Wide Web. On the World Wide Web, links are the primary way to navigate between pages and among Web sites. Also called hyperlink. local navigation Links that appear only within subsections of a Web site, related to the current page and its immediate context. Examples include links to the index, next page and previous page meta data An HTML tag that must appear in the <HEAD> portion of the page. Meta tags supply information about a page but do not affect its appearance. navigation A system of hypertext paths set up on a Web page to enable visitors to find their way around the site. Most of the navigation in the CSU Web template is located in the left.htm file in the _borders folder. Office of Web Development A division of CSU s Computer Information and Networking Services department, responsible for the programming and technical aspects of CSU Web sites. page title A descriptive text string identifying a page. The page title appears in the top right area of the browser window and is the default name used when bookmarking a page. peripheral page Any page other than the home or index page. Section 508 Section 508 of the Rehabilitation Act of 1973 that has been amended in 1986 and It includes standards for making Web pages accessible to persons with disabilities. site index A Web page with key words and headings that link to the content within a site. This tool is useful for quickly finding specific information. templates A set of pre-designed formats for text and images on which Web pages can be based. top section Part of the CSU Web template that contains the CSU clock tower logo and page name. The top section of a FrontPage site, top.htm, is located in the _borders folder. 73
15 WCAG Web Content Accessibility Guidelines. For more information, go to webmaster The individual responsible for the design, development, and maintenance of CSU Web sites and servers. Web Operations Committee Committee comprised of page coordinators and others on campus who are interested in the Web. The committee provides assistance with issues related to maintaining CSU Web sites. Web site page coordinator Individuals from different departments who are responsible for maintaining their department s Web site. For the latest update of this document and related resources, visit and 74
Creating and Using Links and Bookmarks in PDF Documents
Creating and Using Links and Bookmarks in PDF Documents After making a document into a PDF, there may be times when you will need to make links or bookmarks within that PDF to aid navigation through the
More informationWeb Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence
Web Development Owen Sacco ICS2205/ICS2230 Web Intelligence Introduction Client-Side scripting involves using programming technologies to build web pages and applications that are run on the client (i.e.
More informationContents. Downloading the Data Files... 2. Centering Page Elements... 6
Creating a Web Page Using HTML Part 1: Creating the Basic Structure of the Web Site INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 2.0 Winter 2010 Contents Introduction...
More informationContents. Launching FrontPage... 3. Working with the FrontPage Interface... 3 View Options... 4 The Folders List... 5 The Page View Frame...
Using Microsoft Office 2003 Introduction to FrontPage Handout INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 1.0 Fall 2005 Contents Launching FrontPage... 3 Working with
More informationContent Management System User Guide
CWD Clark Web Development Ltd Content Management System User Guide Version 1.0 1 Introduction... 3 What is a content management system?... 3 Browser requirements... 3 Logging in... 3 Page module... 6 List
More informationIAS Web Development using Dreamweaver CS4
IAS Web Development using Dreamweaver CS4 Information Technology Group Institute for Advanced Study Einstein Drive Princeton, NJ 08540 609 734 8044 * helpdesk@ias.edu Information Technology Group [2] Institute
More informationUsing Adobe Dreamweaver CS4 (10.0)
Getting Started Before you begin create a folder on your desktop called DreamweaverTraining This is where you will save your pages. Inside of the DreamweaverTraining folder, create another folder called
More informationCreating Web Pages with Microsoft FrontPage
Creating Web Pages with Microsoft FrontPage 1. Page Properties 1.1 Basic page information Choose File Properties. Type the name of the Title of the page, for example Template. And then click OK. Short
More informationIntroduction to Adobe Dreamweaver CC
Introduction to Adobe Dreamweaver CC What is Dreamweaver? Dreamweaver is the program that we will be programming our websites into all semester. We will be slicing our designs out of Fireworks and assembling
More informationWeb Development I & II*
Web Development I & II* Career Cluster Information Technology Course Code 10161 Prerequisite(s) Computer Applications Introduction to Information Technology (recommended) Computer Information Technology
More informationCreating a Resume Webpage with
Creating a Resume Webpage with 6 Cascading Style Sheet Code In this chapter, we will learn the following to World Class CAD standards: Using a Storyboard to Create a Resume Webpage Starting a HTML Resume
More informationCascade Server. End User Training Guide. OIT Training and Documentation Services OIT TRAINING AND DOCUMENTATION. oittraining@uta.
OIT Training and Documentation Services Cascade Server End User Training Guide OIT TRAINING AND DOCUMENTATION oittraining@uta.edu http://www.uta.edu/oit/cs/training/index.php 2013 CONTENTS 1. Introduction
More informationMicrosoft Expression Web Quickstart Guide
Microsoft Expression Web Quickstart Guide Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program, you ll find a number of task panes, toolbars,
More informationLogging In From your Web browser, enter the GLOBE URL: https://bms.activemediaonline.net/bms/
About GLOBE Global Library of Brand Elements GLOBE is a digital asset and content management system. GLOBE serves as the central repository for all brand-related marketing materials. What is an asset?
More informationMicrosoft Expression Web
Microsoft Expression Web Microsoft Expression Web is the new program from Microsoft to replace Frontpage as a website editing program. While the layout has changed, it still functions much the same as
More informationUSER GUIDE. Unit 4: Schoolwires Editor. Chapter 1: Editor
USER GUIDE Unit 4: Schoolwires Chapter 1: Schoolwires Centricity Version 4.2 TABLE OF CONTENTS Introduction... 1 Audience and Objectives... 1 Getting Started... 1 How the Works... 2 Technical Requirements...
More informationWe automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file.
Creative Specs Gmail Sponsored Promotions Overview The GSP creative asset will be a ZIP folder, containing four components: 1. Teaser text file 2. Teaser logo image 3. HTML file with the fully expanded
More informationWEBSITE CONTENT MANAGEMENT SYSTEM USER MANUAL CMS Version 2.0 CMS Manual Version 1.0 2-25-13
WEBSITE CONTENT MANAGEMENT SYSTEM USER MANUAL CMS Version 2.0 CMS Manual Version 1.0 2-25-13 CONTENTS Things to Remember... 2 Browser Requirements... 2 Why Some Areas of Your Website May Not Be CMS Enabled...
More informationDeveloping Website Using Tools
7 Developing Website Using Tools 7.1 INTRODUCTION A number of Software Packages are available in market for creating a website. Among popular softwares are Dreamweaver, Microsoft FrontPage and Flash. These
More informationAccessibility Guidelines Bell.ca Special Needs. Cesart April 2006
Cesart April 2006 Created by: Dominic Ricard & Loïc Nunes Effective Date: April 2006 TABLE OF CONTENTS 1 Introduction...4 2 Target Audience...5 3 Copy Decks...5 3.1 Document structure... 5 3.1.1 Headings/titles...
More informationWeb Training Course: Introduction to Web Editing Version 1.4 October 2007 Version 2.0 December 2007. Course Rationale: Aims & Objectives:
Web Training Course: Introduction to Web Editing Version 1.4 October 2007 Version 2.0 December 2007 Course Rationale: The university is currently rolling out new Web publishing templates to all organisational
More informationWebsite Editor User Guide
CONTENTS Minimum System Requirements... 3 Design Your Website... 3 Choosing your Theme... 4 Choosing your Header Style... 4-5 Website Content Editor... 6 Text Editor Toolbar features... 6 Main Menu Items...
More informationAdobe Conversion Settings in Word. Section 508: Why comply?
It s the right thing to do: Adobe Conversion Settings in Word Section 508: Why comply? 11,400,000 people have visual conditions not correctible by glasses. 6,400,000 new cases of eye disease occur each
More informationRequirements for Developing WebWorks Help
WebWorks Help 5.0 Originally introduced in 1998, WebWorks Help is an output format that allows online Help to be delivered on multiple platforms and browsers, which makes it easy to publish information
More informationhttp://ipfw.edu Quick Guide for Accessible PDF July 2013 Training: http://ipfw.edu/training
Accessible PDF Getting Started Types of Documents best suited for PDF on the Web Document is longer than 5 pages. You need to preserve the formatting or layout of the original document, e.g., for printing.
More informationApplication Note. Building a Website Using Dreamweaver without Programming. Nan Xia. MSU ECE 480 Team 5
Application Note Building a Website Using Dreamweaver without Programming Nan Xia MSU ECE 480 Team 5 11/16/2012 Table of Contents Abstract... 3 Introduction and Background... 3 Keywords... 3 Procedure...
More informationMaking Graphics Interactive
Making Graphics Interactive A Banner Ad or web banner is a form of advertising on the World Wide Web delivered by an ad server. This form of online advertising entails embedding an advertisement into
More informationHTML and CSS. Elliot Davies. April 10th, 2013. ed37@st-andrews.ac.uk
HTML and CSS Elliot Davies ed37@st-andrews.ac.uk April 10th, 2013 In this talk An introduction to HTML, the language of web development Using HTML to create simple web pages Styling web pages using CSS
More informationMadCap Software. Import Guide. Flare 11
MadCap Software Import Guide Flare 11 Copyright 2015 MadCap Software. All rights reserved. Information in this document is subject to change without notice. The software described in this document is furnished
More informationLesson Review Answers
Lesson Review Answers-1 Lesson Review Answers Lesson 1 Review 1. User-friendly Web page interfaces, such as a pleasing layout and easy navigation, are considered what type of issues? Front-end issues.
More informationCourse Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation
Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation Credit-By-Assessment (CBA) Competency List Written Assessment Competency List Introduction to the Internet
More informationSRCSB General Web Development Policy Guidelines Jun. 2010
This document outlines the conventions that must be followed when composing and publishing HTML documents on the Santa Rosa District Schools World Wide Web server. In most cases, these conventions also
More informationCreating Accessible Word Documents
Center for Faculty Development and Support Creating Accessible Word Documents With Microsoft Word 2008 for Macintosh CREATING ACCESSIBLE WORD DOCUMENTS 3 Overview 3 Learning Objectives 3 Prerequisites
More informationAdobe Acrobat 9 Pro Accessibility Guide: Creating Accessible PDF from Microsoft Word
Adobe Acrobat 9 Pro Accessibility Guide: Creating Accessible PDF from Microsoft Word Adobe, the Adobe logo, Acrobat, Acrobat Connect, the Adobe PDF logo, Creative Suite, LiveCycle, and Reader are either
More informationLearnem.com. Web Development Course Series. Quickly Learn. Web Design Using HTML. By: Siamak Sarmady
Learnem.com Web Development Course Series Quickly Learn Web Design Using HTML By: Siamak Sarmady L E A R N E M W E B D E V E L O P M E N T C O U R S E S E R I E S Quickly Learn Web Design Using HTML Ver.
More information(These instructions are only meant to get you started. They do not include advanced features.)
FrontPage XP/2003 HOW DO I GET STARTED CREATING A WEB PAGE? Previously, the process of creating a page on the World Wide Web was complicated. Hypertext Markup Language (HTML) is a relatively simple computer
More informationWEB DESIGN COURSE CONTENT
WEB DESIGN COURSE CONTENT INTRODUCTION OF WEB TECHNOLOGIES Careers in Web Technologies How Websites are working Domain Types and Server About Static and Dynamic Websites Web 2.0 Standards PLANNING A BASIC
More informationCreating Electronic Portfolios using Microsoft Word and Excel
Step-by-Step Creating Electronic Portfolios using Microsoft Word and Excel The Reflective Portfolio document will include the following: A Cover Page for the portfolio - Include a Picture or graphic A
More informationCMS Basic Training. Getting Started
The (Content Management System), was designed to allow most people in an organization to contribute to or edit their website(s). Utilizing a set of templates and stylesheets, users can add or edit information
More informationIngeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu)
Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu) Updated on 10/17/2014 Table of Contents About... 4 Who Can Use It... 4 Log into Ingeniux... 4 Using Ingeniux
More informationSTATEMENT OF PURPOSE
WEB DESIGN STATEMENT OF PURPOSE This course is intended for the student interested in learning how to create web pages for the World Wide Web. Instruction on how to program using the HTML language is provided.
More informationPASTPERFECT-ONLINE DESIGN GUIDE
PASTPERFECT-ONLINE DESIGN GUIDE INTRODUCTION Making your collections available and searchable online to Internet visitors is an exciting venture, now made easier with PastPerfect-Online. Once you have
More informationDreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates
Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates What is a DIV tag? First, let s recall that HTML is a markup language. Markup provides structure and order to a page. For example,
More informationADOBE DREAMWEAVER CS3 TUTORIAL
ADOBE DREAMWEAVER CS3 TUTORIAL 1 TABLE OF CONTENTS I. GETTING S TARTED... 2 II. CREATING A WEBPAGE... 2 III. DESIGN AND LAYOUT... 3 IV. INSERTING AND USING TABLES... 4 A. WHY USE TABLES... 4 B. HOW TO
More informationCST 150 Web Design I CSS Review - In-Class Lab
CST 150 Web Design I CSS Review - In-Class Lab The purpose of this lab assignment is to review utilizing Cascading Style Sheets (CSS) to enhance the layout and formatting of web pages. For Parts 1 and
More informationHow to Build a SharePoint Website
How to Build a SharePoint Website Beginners Guide to SharePoint Overview: 1. Introduction 2. Access your SharePoint Site 3. Edit Your Home Page 4. Working With Text 5. Inserting Pictures 6. Making Tables
More informationHow To Write A Cq5 Authoring Manual On An Ubuntu Cq 5.2.2 (Windows) (Windows 5) (Mac) (Apple) (Amd) (Powerbook) (Html) (Web) (Font
Adobe CQ5 Authoring Basics Print Manual SFU s Content Management System SFU IT Services CMS Team ABSTRACT A summary of CQ5 Authoring Basics including: Setup and Login, CQ Interface Tour, Versioning, Uploading
More informationThe Essential Guide to HTML Email Design
The Essential Guide to HTML Email Design Index Introduction... 3 Layout... 4 Best Practice HTML Email Example... 5 Images... 6 CSS (Cascading Style Sheets)... 7 Animation and Scripting... 8 How Spam Filters
More informationHow to create pop-up menus
How to create pop-up menus Pop-up menus are menus that are displayed in a browser when a site visitor moves the pointer over or clicks a trigger image. Items in a pop-up menu can have URL links attached
More informationUH CMS Basics. Cascade CMS Basics Class. UH CMS Basics Updated: June,2011! Page 1
UH CMS Basics Cascade CMS Basics Class UH CMS Basics Updated: June,2011! Page 1 Introduction I. What is a CMS?! A CMS or Content Management System is a web based piece of software used to create web content,
More informationMCH Strategic Data Best Practices Review
MCH Strategic Data Best Practices Review Presenters Alex Bardoff Manager, Creative Services abardoff@whatcounts.com Lindsey McFadden Manager, Campaign Production Services lmcfadden@whatcounts.com 2 Creative
More informationUsing Microsoft Word. Working With Objects
Using Microsoft Word Many Word documents will require elements that were created in programs other than Word, such as the picture to the right. Nontext elements in a document are referred to as Objects
More informationWeb Authoring CSS. www.fetac.ie. Module Descriptor
The Further Education and Training Awards Council (FETAC) was set up as a statutory body on 11 June 2001 by the Minister for Education and Science. Under the Qualifications (Education & Training) Act,
More informationDreamweaver. Introduction to Editing Web Pages
Dreamweaver Introduction to Editing Web Pages WORKSHOP DESCRIPTION... 1 Overview 1 Prerequisites 1 Objectives 1 INTRODUCTION TO DREAMWEAVER... 1 Document Window 3 Toolbar 3 Insert Panel 4 Properties Panel
More informationJOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA
JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA All information presented in the document has been acquired from http://docs.joomla.org to assist you with your website 1 JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA BACK
More informationCOGNOS 8 Business Intelligence
COGNOS 8 Business Intelligence QUERY STUDIO USER GUIDE Query Studio is the reporting tool for creating simple queries and reports in Cognos 8, the Web-based reporting solution. In Query Studio, you can
More informationKOMPOZER Web Design Software
KOMPOZER Web Design Software An IGCSE Student Handbook written by Phil Watkins www.kompozer.net CONTENTS This student guide is designed to allow for you to become a competent user* of the Kompozer web
More informationTo familiarise University Web administration staff with the capabilities of the University CMS and also introduce concepts of Web marketing.
Web Training Course: Web Editing - How to use the Content Management System (CMS). Version 1.0 Draft October 2006 Version 1.1 March 2007 Version 1.2 April 2007 Course Rationale: The University is currently
More informationPersonal Portfolios on Blackboard
Personal Portfolios on Blackboard This handout has four parts: 1. Creating Personal Portfolios p. 2-11 2. Creating Personal Artifacts p. 12-17 3. Sharing Personal Portfolios p. 18-22 4. Downloading Personal
More informationWeb Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University
Web Design Basics Cindy Royal, Ph.D. Associate Professor Texas State University HTML and CSS HTML stands for Hypertext Markup Language. It is the main language of the Web. While there are other languages
More informationEUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING
EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING The European Computer Driving Licence Foundation Ltd. Portview House Thorncastle Street Dublin 4 Ireland Tel: + 353
More informationTable of Contents. Creating a Newsletter. Loading a Video or Slideshow. Distributing a Newsletter through Exact Target
Indiana University Copenhagen Publishing System University Communications Newsletter User Manual Last Updated: March 1, 2009 vpurit@indiana.edu Table of Contents Creating a Newsletter Loading a Video or
More informationSmallBiz Dynamic Theme User Guide
SmallBiz Dynamic Theme User Guide Table of Contents Introduction... 3 Create Your Website in Just 5 Minutes... 3 Before Your Installation Begins... 4 Installing the Small Biz Theme... 4 Customizing the
More informationFairsail PDF Template Generator: A Complete Guide
Fairsail PDF Template Generator: A Complete Guide Version 12 FS-HCM-PTG-COMP-201506--R012.00 Fairsail 2015. All rights reserved. This document contains information proprietary to Fairsail and may not be
More informationWeb Design Foundations (2015-16)
Course Description Web Design Foundations is a course that prepares students with work-related web design skills for advancement into postsecondary education and industry. The course is intended to develop
More informationDesigning HTML Emails for Use in the Advanced Editor
Designing HTML Emails for Use in the Advanced Editor For years, we at Swiftpage have heard a recurring request from our customers: wouldn t it be great if you could create an HTML document, import it into
More informationAdvanced Web Development SCOPE OF WEB DEVELOPMENT INDUSTRY
Advanced Web Development Duration: 6 Months SCOPE OF WEB DEVELOPMENT INDUSTRY Web development jobs have taken thе hot seat when it comes to career opportunities and positions as a Web developer, as every
More informationLesson Overview. Getting Started. The Internet WWW
Lesson Overview Getting Started Learning Web Design: Chapter 1 and Chapter 2 What is the Internet? History of the Internet Anatomy of a Web Page What is the Web Made Of? Careers in Web Development Web-Related
More informationDreamweaver CS5. Module 2: Website Modification
Dreamweaver CS5 Module 2: Website Modification Dreamweaver CS5 Module 2: Website Modification Last revised: October 31, 2010 Copyrights and Trademarks 2010 Nishikai Consulting, Helen Nishikai Oakland,
More informationHow to Use Swiftpage for Microsoft Excel
How to Use Swiftpage for Microsoft Excel 1 Table of Contents Basics of the Swiftpage for Microsoft Excel Integration....3 How to Install Swiftpage for Microsoft Excel and Set Up Your Account...4 Creating
More informationGoogle Docs Basics Website: http://etc.usf.edu/te/
Website: http://etc.usf.edu/te/ Google Docs is a free web-based office suite that allows you to store documents online so you can access them from any computer with an internet connection. With Google
More informationEmail Marketing Product User s Guide Advanced Internet Technologies, Inc. AIT Center June 1, 2004
Email Marketing Product User s Guide Advanced Internet Technologies, Inc. AIT Center June 1, 2004 Search All Your Favorite Engines from a Single Source with tybit!!! (Download Now) Revision History: This
More informationCreating a Course Web Site
What you will do: Use Web Templates Use Shared Borders for navigation Apply Themes Use the Categories control Add threaded discussions Add a hit counter View web site statistics As an educator or administrator
More informationGUIDELINES FOR SCHOOL WEB PAGES
GUIDELINES FOR SCHOOL WEB PAGES Introduction Mountain Home Public School District School web pages are public documents welcoming the outside world to our school and linking our students and staff to outside
More informationHow to create and personalize a PDF portfolio
How to create and personalize a PDF portfolio Creating and organizing a PDF portfolio is a simple process as simple as dragging and dropping files from one folder to another. To drag files into an empty
More informationMura CMS. (Content Management System) Content Manager Guide
Mura CMS (Content Management System) Content Manager Guide Table of Contents Table of Contents 1. LOGGING IN...1 2. SITE MANAGER...2 3. ADDING CONTENT (Pages, Folders, etc.)...6 4. WORKING WITH IMAGES...15
More informationADOBE ACROBAT 7.0 CREATING FORMS
ADOBE ACROBAT 7.0 CREATING FORMS ADOBE ACROBAT 7.0: CREATING FORMS ADOBE ACROBAT 7.0: CREATING FORMS...2 Getting Started...2 Creating the Adobe Form...3 To insert a Text Field...3 To insert a Check Box/Radio
More informationFireworks CS4 Tutorial Part 1: Intro
Fireworks CS4 Tutorial Part 1: Intro This Adobe Fireworks CS4 Tutorial will help you familiarize yourself with this image editing software and help you create a layout for a website. Fireworks CS4 is the
More information-SoftChalk LessonBuilder-
-SoftChalk LessonBuilder- SoftChalk is a powerful web lesson editor that lets you easily create engaging, interactive web lessons for your e-learning classroom. It allows you to create and edit content
More informationHOW TO USE THIS GUIDE
HOW TO USE THIS GUIDE This guide provides step-by-step instructions for each exercise. Anything that you are supposed to type or select is noted with various types and colors. WHEN YOU SEE THIS Click Help
More informationUHR Training Services Student Manual
UHR Training Services Student Manual October 2012 1 Logging in to CareWorks Clicking the copyright symbol on the bottom left of the footer takes you to the sign-in screen and then to the control panel.
More informationIntro to Web Development
Intro to Web Development For this assignment you will be using the KompoZer program because it free to use, and we wanted to keep the costs of this course down. You may be familiar with other webpage editing
More informationCitrix StoreFront. Customizing the Receiver for Web User Interface. 2012 Citrix. All rights reserved.
Citrix StoreFront Customizing the Receiver for Web User Interface 2012 Citrix. All rights reserved. Customizing the Receiver for Web User Interface Introduction Receiver for Web provides a simple mechanism
More informationCREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions)
CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions) Step 1 - DEFINE A NEW WEB SITE - 5 POINTS 1. From the welcome window that opens select the Dreamweaver Site... or from the main
More informationFast track to HTML & CSS 101 (Web Design)
Fast track to HTML & CSS 101 (Web Design) Level: Introduction Duration: 5 Days Time: 9:30 AM - 4:30 PM Cost: 997.00 Overview Fast Track your HTML and CSS Skills HTML and CSS are the very fundamentals of
More informationHow To Create A Web Page On A Windows 7.1.1 (For Free) With A Notepad) On A Macintosh (For A Freebie) Or Macintosh Web Browser (For Cheap) On Your Computer Or Macbook (
CREATING WEB PAGE WITH NOTEPAD USING HTML AND CSS The following exercises illustrate the process of creating and publishing Web pages with Notepad, which is the plain text editor that ships as part of
More informationOmniUpdate Training (Advanced OU users level 7+)
(Advanced OU users level 7+) University Web Team The Web Team is a part of the Office of University Communication and Marketing s Creative Services Department. Our responsibility is to build, migrate,
More informationPizza SEO: Effective Web. Effective Web Audit. Effective Web Audit. Copyright 2007+ Pizza SEO Ltd. info@pizzaseo.com http://pizzaseo.
1 Table of Contents 1 (X)HTML Code / CSS Code 1.1 Valid code 1.2 Layout 1.3 CSS & JavaScript 1.4 TITLE element 1.5 META Description element 1.6 Structure of pages 2 Structure of URL addresses 2.1 Friendly
More informationUSER GUIDE. Unit 2: Synergy. Chapter 2: Using Schoolwires Synergy
USER GUIDE Unit 2: Synergy Chapter 2: Using Schoolwires Synergy Schoolwires Synergy & Assist Version 2.0 TABLE OF CONTENTS Introductions... 1 Audience... 1 Objectives... 1 Before You Begin... 1 Getting
More informationModule 6 Web Page Concept and Design: Getting a Web Page Up and Running
Module 6 Web Page Concept and Design: Getting a Web Page Up and Running Lesson 3 Creating Web Pages Using HTML UNESCO EIPICT M6. LESSON 3 1 Rationale Librarians need to learn how to plan, design and create
More information... Asbru Web Content Management System. Getting Started. Easily & Inexpensively Create, Publish & Manage Your Websites
Asbru Ltd Asbru Ltd wwwasbrusoftcom info@asbrusoftcom Asbru Web Content Easily & Inexpensively Create, Publish & Manage Your Websites 31 March 2015 Copyright 2015 Asbru Ltd Version 92 1 Table of Contents
More informationThe Essential Guide to HTML Email Design
The Essential Guide to HTML Email Design Emailmovers Limited, Pindar House, Thornburgh Road Scarborough, North Yorkshire, YO11 3UY Tel: 0845 226 7181 Fax: 0845 226 7183 Email: enquiries@emailmovers.com
More informationHow to Use Swiftpage for Microsoft Outlook
How to Use Swiftpage for Microsoft Outlook 1 Table of Contents Basics of the Swiftpage for Microsoft Outlook Integration.. 3 How to Install Swiftpage for Microsoft Outlook and Set Up Your Account...4 The
More informationMAGENTO THEME SHOE STORE
MAGENTO THEME SHOE STORE Developer: BSEtec Email: support@bsetec.com Website: www.bsetec.com Facebook Profile: License: GPLv3 or later License URL: http://www.gnu.org/licenses/gpl-3.0-standalone.html 1
More informationVirtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades.
28 VIRTUAL EXHIBIT Virtual Exhibit (VE) is the instant Web exhibit creation tool for PastPerfect Museum Software. Virtual Exhibit converts selected collection records and images from PastPerfect to HTML
More informationHTML TIPS FOR DESIGNING
This is the first column. Look at me, I m the second column.
More informationWeb Design Standards
Web Design Standards Contents Roles and Responsibilities... 3 Design Guidelines... 4 Page Layout... 4 Font and Styles... 4 File Types... 5 Page Names... 5 Images... 5 Academic Departments Required Content...
More informationWeb Style Guide. Columbia College
Web Style Guide Columbia College Technology Services 11/2014 Table of Contents 1. Layout 1.1 Required Elements... 4 1.2 Page guidelines... 5 1.21 Navigation... 5 1.22 Data tables... 5 1.3 Accessibility...
More informationFurther web design: HTML forms
Further web design: HTML forms Practical workbook Aims and Learning Objectives The aim of this document is to introduce HTML forms. By the end of this course you will be able to: use existing forms on
More information