HTML for the SAS Programmer
|
|
|
- Godfrey Shields
- 7 years ago
- Views:
Transcription
1 Paper HTML for the SAS Programmer Lauren Haworth, Genentech, Inc., San Francisco ABSTRACT With more and more output being delivered via the Internet, a little knowledge of HTML can go a long way toward improving the appearance of your output. This paper introduces some simple HTML coding techniques that are useful for SAS programmers. The paper will show how your SAS output is converted into HTML, and demonstrate HTML tricks that you can use in your SAS code to dress up your SAS HTML output. The examples in this paper are based on SAS version 8. INTRODUCTION: HOW TO CREATE HTML OUTPUT FROM SAS There are several ways you can move your SAS output to the web. If you are going to be doing a lot of web publishing, you may want to investigate the SAS/InterNet product. However, if you just want to publish the occasional table, report, or printout on the web, you can do this with SAS/BASE. To put your output on the web, you need to convert standard SAS output into HTML files. HTML stands for HyperText Markup Language, and it is the common language understood by web browsers like Netscape and Internet Explorer. To create HTML-formatted results, all you have to do is use the Output Delivery System and specify HTML as the output format. A simple example is shown below: ODS HTML BODY='myfile.htm'; PROC PRINT DATA=TEMP NOOBS LABEL; VAR JobType Salary; RUN; ODS HTML CLOSE; browsers how to display your output. They identify headers and footers, specify fonts and type sizes, reference images, and point to other locations on the web (hyperlinks). For example, the following PROC PRINT output XYZ Co. Market Salary Survey Skill Average Salary SAS Programmer $55,444 SAS Programmer + HTML $64,369 Based on a completely unscientific survey of job postings on headhunter.net and dice.com would look like this on the web and would contain the HTML code shown in Figure 1. The figure is considerably simplified, with a number of formatting tags removed for the sake of clarity. WHAT YOUR OUTPUT LOOKS LIKE ON THE WEB When you create an HTML file from your SAS output, the usual SAS output format of text and numbers separated by spaces is marked up with HTML tags. These tags tell Internet 1
2 FIGURE 1: HTML CODE <HTML> <HTML> </HTML> surrounds all code, and identifies it to the browser as HTML code. <HEAD> <TITLE>SAS Output</TITLE> </HEAD> <HEAD> </HEAD> surrounds your header. In this section, you will find general information that applies to the entire file. The <TITLE> </TITLE> tags identify the text to display in the browser s title bar when the page is viewed. <BODY> <BODY> </BODY> tags enclose the guts of your HTML output. All of the content that will be displayed on the page is contained between these two tags. <TABLE><TR><TD>XYZ Co. </TD></TR> <TR><TD>Market Salary Survey</TD></TR></TABLE> <P> <TABLE> <P> </P> marks a break between paragraphs. It puts a large break between the lines above and below. If you don t want such a large break, use the <BR> tag <TABLE> </TABLE> tags enclose a table that is used to align the two titles for this output. The <TR> </TR> tags mark the beginning and end of each table row. The <TD> </TD> tags mark the beginning and end of each table cell in the row. Table tags are also used to align the results and the footnotes. The <THEAD> </THEAD> tags mark the beginning and end of the heading row of the table. Text in these cells is displayed in bold in the browser. <TABLE><THEAD><TR><TD>Skill</TD><TD>Average Salary</TD></TR></ THEAD > The <TBODY> </ TBODY > tags mark the beginning and end of the body rows of the table. Text in these cells is not displayed in regular weight (not bold) in the browser. <TBODY><TR><TD>SAS Programmer</TD><TD> <TR><TD>SAS Programmer + HTML</TD><TD> </TBODY></TABLE> $55,444</TD></TR> $64,389</TD></TR> <P> <TABLE><TR> <TD>Based on a completely unscientific survey of</td></tr> <TR><TD>job postings on headhunter.net and dice.com</td></tr></table> </BODY> </HTML> 2
3 As you review the information in Figure 1, you will see that the HTML file is composed of the basic text of the SAS output (shown in italics), surrounded by numerous HTML tags enclosed in angle brackets (shown in bold face). If you look closer, you will also see that HTML tags come in pairs. If you look at the very first tag on the page: <HTML>, you will see that there is a matching </HTML> tag at the very bottom of the file. Figure 1 explains the meaning of each of the tags in the file. This is just a small sampling of HTML tags; there are dozens more. However, if you can understand the tags used here, you will understand 80-90% of the tags you will find in more complicated web pages. FOOTNOTE2 'Job postings on <A HREF=" headhunter.net</a> and <A HREF=" dice.com</a>'; When you run this code, SAS passes the HTML tags along with the rest of the text for the footnote. When the file is viewed with a browser, these tags are interpreted, and the footnote is displayed with a hyperlink. This is how the file looks when viewed with a browser: TRICK #1: ADDING A HYPERLINK TO YOUR FOOTNOTE. Now that you know a little about HTML tags, it s time to turn this knowledge to our advantage. We can use a couple of HTML tags in our FOOTNOTE statement to add a hyperlink to our output. This is a useful trick because it allows you to annotate your output. You can use the footnote to list the source of your data, and then attach a hyperlink so when the viewer clicks on the footnote, it automatically links them to the web site for that source. To do this, you need to learn a new HTML tag. The tag for a hyperlink is: <A HREF="xxx">text</A> The xxx is where you put the information on where you want the hyperlink to go. This needs to be a valid URL (Universal Resource Locator) like or The text is where you put the text for the hyperlink. This is the text that will be displayed on the page (with an underline to indicate that this is a hyperlink). For example, you could use SAS Institute or January 2001 Sales Figures. To see this code in action, we can add the following hyperlinks to the footnote statement from our previous examples. The original FOOTNOTE statement for the second line of the footnote was: FOOTNOTE2 'job postings on headhunter.net and dice.com'; One warning: version 8.1 will sometimes fail to correctly convert the HTML tags in your footnotes. Any tags you put in titles work fine. The problem has been corrected in the 8.2 release. TRICK #2: CHANGING THE TITLES Another HTML tag that we can use to our advantage is the header tag. This tag identifies the level of the header. Lower levels (<H1> or <H2>) create big, bold titles. Higher levels create smaller titles. SAS picks a size for your titles based on the ODS style you are using. However, if we want a bigger title, all we have to do is add header tags to the text in our titles. The following code shows how this is done: TITLE "<H1>XYZ Co.</H1>"; TITLE "<H2>Market Salary Survey</H2>"; This code uses the <H1> </H1> tags on the first title for a really big title, and the <H2> </H2> tags for the second title for a slightly smaller title. The results are shown below: The revised FOOTNOTE statement with hyperlinks added is: 3
4 The results are shown below: TRICK #3: CHANGING THE FONTS The titles in the previous example are certainly bigger, but they re not very attractive. This is because each web browser has a default font and point size for each heading level. Unfortunately, the fonts are pretty basic. This example will show how to specify the font and point size for each title, instead of just using the standard heading definitions. To do this, you need to learn a new pair of HTML tags: <FONT> </FONT>. What these tags do is control the appearance of the text between the two tags. You can specify the typeface, color, and size, among other attributes. For this example, we re going to put some tags into our titles to select two new typefaces and point size settings. The syntax is: TITLE "<FONT FACE='Comic Sans MS' SIZE=5>XYZ Co.</FONT>"; TITLE2 "<FONT FACE='Arial' SIZE=3>Market Salary Survey</FONT>"; Notice how the two parameters for the FONT tag are used. The FACE= tag is used to specify the typeface. The SIZE= tag is used to specify the font size. A SIZE setting of 3 is the standard font size used for the rest of the text on the screen. By using a larger setting for the first title, it stands out from the rest of the text. The technique can also be used on footnotes. In this case, it would be nice if the footnote were smaller, so it wouldn't draw so much attention. The following code changes the footnote to the typeface Arial and the size to 1, which is much smaller. FOOTNOTE "<FONT FACE='Arial' SIZE=1> the text goes here </FONT>"; TRICK #4: CHANGING THE FONT COLOR In addition to controlling font size and typeface, the FONT tag can also be used to change the color of your fonts. If you don't like these bright blue titles, you can change them to a more aesthetically pleasing color. The syntax for assigning a font color is: <FONT COLOR=color> There are several ways you can define the color. First, you can use a color name. For example, to get a red title, you could assign the font to COLOR="red". However, there is a limitation here. Browsers vary in terms of which color names they understand, and also in how those colors are rendered. "Red" may be bright and orangish in one browser and dull and bricklike in another browser. To get exactly the color you want, the best way is to specify the color using RGB codes. These are hexadecimal values that indicate the amount of red, green, and blue to use to create your color. You can look up these codes in the SAS/GRAPH manual, or use a "Color Picker" on the internet (just use your favorite search engine to find one, there are dozens of free color pickers out there). For this example, we'll use the RGB code for a lighter blue that matches the table heading to create a new color for our titles. The code for the title statement is: TITLE "<FONT COLOR='#639ACE' FACE='Comic Sans MS' SIZE=5> XYZ Co.</FONT>"; TITLE2 "<FONT COLOR='#639ACE FACE='Arial' SIZE=3> Market Salary Survey</FONT>"; 4
5 The new output is shown below. The titles are now the same color as the table heading. (You'll have to take the author's word on this, as it's hard to see the difference in this black and white output). proc template; define style MyHTMLStyle; parent=styles.barrettsblue; replace Body from Document / prehtml="<img SRC='logo.gif'><br>"; end; run; The PREHTML attribute is used to add the same <IMG> tag we used in the TITLE statement. The only difference is that putting it in the style means that it will be used at the top of every HTML page. Now you can use this new style by adding STYLE=MyHTMLStyle to your ODS HTML statement. Whether you use the TITLE approach or create a new style, your results will look like the output shown below. TRICK #5: ADDING A LOGO TO THE PAGE One of the most powerful aspects of the HTML is its ability to display images along with the text on a page. Images are added to the page using the <IMG> tag. This is a very simple tag to use. All you have to do is specify the image source by listing the file name for the image. Ideally, you should use a webfriendly image format like GIF or JPG for your images. There are two ways you can add this logo to your output. The first is to add an <IMG> tag to your TITLE statement. The following code shows how to display an image in the top left corner of the page by adding an <IMG> tag to the first TITLE statement. TITLE "<IMG SRC='xyzlogo.gif' HEIGHT=40>"; This IMG tag uses parameters to specify the file name to be used and the size to which the image will be expanded or compressed. It is important to specify a size, or you may end up with an image being displayed either too small to see or too large to fit on the screen. Picking the right size usually involves some trial and error. The other way to add a logo is to create a new style definition. This approach allows you to add a logo at the top of every page of output, without having to edit all of the TITLE statements. The code to create the new style definition is shown below: TRICK #6: ADDING AN IMAGE TO THE BACKGROUND Each of the previous examples has shown some basic black text on a white background. However, if you ve spent much time surfing the Web, you probably know that it s possible to use all sorts of colors and images for the page background. This next example will show how you can add a background image to your output. To add a background image, we need to modify the <BODY> tag. We are going to add two new attributes to that tag. First, we need to tell the browser what image to use. This is done using the following tag: <BODY BACKGROUNDIMAGE=image> 5
6 The image is identified by file name, just as we did with the logo in the previous example. Again, webfriendly formats like GIF or JPG are best. The image we will use is shown below. The other change we are going to make is to widen the left margin. The reason for this is that this image has a dark pattern on the left side, and we don't want our results to be hidden in the page background. If your background image does not detract from your results, you can skip this step. The syntax for a margin change is: <BODY LEFTMARGIN=number> To apply these two new settings, we are going to create a new style. Just as in the previous example, we'll use PROC TEMPLATE. proc template; define style MyHTMLStyle; parent=styles.barrettsblue; replace Body from Document / prehtml="<img SRC='logo.gif'><br>" backgroundimage='xyzback.jpg' leftmargin=125; end; run; We're adding attributes to the <BODY> tag by adding attributes to the Body style element. Notice how the style attributes are named to match the <BODY> tag attributes. This is true of a number of the SAS style element attributes. The new results follow. If you look back to the original version of this table on the first page of this paper, you will see that this is quite an improvement. If you looked at the HTML code that was generated for this output, you would see that ODS has added two new parameters to the <BODY> tag in the file. The new body tag that controls the background is as follows. <BODY BACKGROUND='xyzback.jpg' LEFTMARGIN=125> Although you didn t have to specify this tag in order to use it, it s still helpful to review the code to see what tags ODS has used to build your output. TRICK #7: ADDING A NAVIGATION BAR The previous examples have shown how to add some fairly simple HTML code to your results. This next example will show how you can add some fairly elaborate features using the tags we have already learned. This example will add a navigation bar at the bottom of the page. This is a series of links back to other parts of your web site. It's a useful tool to help users move around your site without getting lost. To add the navigation bar at the bottom of the page, we will use the POSTHTML attribute of the Body style element. This works just like the PREHTML attribute we used earlier. The hyperlinks that make up the navigation bar will be organized into a single-row table. The HTML code we will use is: 6
7 <BR><TABLE CELLPADDING=8><TR> <TD><A HREF= home.htm >Home Page <TD><A HREF= about.htm >About XYZ <TD><A HREF= contact.htm >Contact Us <TD><A HREF= copyright.htm >Copyright Information</A> </TD> </TR></TABLE> These tags create a table with one row and four columns. Each column contains a hyperlink to a different part of the web site. The CELLPADDING is set to 8 pixels to put some space between the links. This code is added to our style as follows: proc template; define style MyHTMLStyle; parent=styles.barrettsblue; replace Body from Document / prehtml="<img SRC='logo.gif'><br>"; backgroundimage='xyzback.jpg leftmargin=125 posthtml="<br><table CELLPADDING=8><TR> <TD><A HREF= home.htm >Home Page <TD><A HREF= about.htm >About XYZ <TD><A HREF= contact.htm >Contact Us <TD><A HREF= copyright.htm > Copyright Information </TR></TABLE>"; end; run; CONCLUSIONS These examples are just a brief introduction to the world of HTML. You can use these tricks to spice up your HTML output. However, if you re going to be creating a lot of HTML output from SAS, I strongly recommend that you take the time to learn more about HTML. Although SAS gives you great tools to create HTML output, you will find it a lot easier to use these tools if you can understand the resulting output. Start with reading up on ODS styles and templates. These tools will give you a lot of control over your output. You'll want to pay special attention to the documentation on the PREHTML and POSTHTML attributes. The references section lists several good tutorials and books to help you learn more about HTML. Also, see the Appendix for a listing of common HTML tags. Finally, the next time you re out surfing the web, take a look at the HTML code behind the pages you re viewing. You can learn a lot by viewing other people s web sites. Netscape and Internet Explorer both have menu options to view the source code for the page on the screen. You won t recognize all of the tags you see, but the basic tags presented here will show up again and again. The new results are shown below: 7
8 REFERENCES Free downloadable HTML tutorial: Another tutorial (aimed at kids, but it s a lot of fun) hotwired.lycos.com/webmonkey/kids/ Good books for HTML beginners: Castro, Elizabeth, HTML 4 For The World Wide Web Visual Quickstart Guide, Peachpit Press Powell, Thomas, HTML: the Complete Reference, McGraw Hill Lemay, Laura, and Denise Tyler, Teach Yourself HTML 4 in 24 Hours, SAMS ACKNOWLEDGEMENTS SAS is a registered trademark of SAS Institute Inc. in the USA and other countries. indicates USA registration. Other brand and product names are registered trademarks or trademarks of their respective companies. CONTACTING THE AUTHOR Please direct any questions or feedback to the author at: info@laurenhaworth.com 8
9 APPENDIX: SELECTED HTML TAGS BASIC TAGS <html></html> Creates an HTML document <head></head> Sets off the title and other information that isn't displayed on the Web page itself <title></title> Puts the name of the document in the title bar <body></body> Sets off the visible portion of the document <body bgcolor=?> Sets the background color, using name or hex value <body text=?> Sets the text color, using name or hex value TEXT TAGS <pre></pre> Creates preformatted text <h1></h1> Creates the largest headline <h6></h6> Creates the smallest headline <b></b> Creates bold text <i></i> Creates italic text <strong></strong> Emphasizes a word (with italic or bold) <font size=?></font> Sets size of font, from 1 to 7 <font color=?></font> Sets font color, using name or hex value <font face=?></font> Sets font typeface, using name (in quotes) LINKS <a href="url"></a> Creates a hyperlink FORMATTING <p> Creates a new paragraph <p align=?> Aligns a paragraph to the left, right, or center <br> Inserts a line break <blockquote></blockquote> Indents text from both sides <ol></ol> Creates a numbered list <li> Precedes each list item, and adds a number <ul></ul> Creates a bulleted list <li> Precedes each list item, and adds the bullet GRAPHICAL ELEMENTS <img src="name"> Adds an image <img src="name" height=? Width=?> Sets display size of an image <hr> Inserts a horizontal rule TABLES <table></table> Creates a table <tr></tr> Sets off each row in a table <td></td> Sets off each cell in a row <th></th> Sets off the table header (a normal cell with bold, centered text) TABLE ATTRIBUTES <table border=#> Sets width of border around table cells <table cellpadding=#> Sets amount of space between a cell's border and its contents <tr align=?> or <td align=?> Sets alignment for cell(s) (left, center, or right) <tr valign=?> or <td valign=?> Sets vertical alignment for cell(s) (top, middle, or bottom) 9
ODS for PRINT, REPORT and TABULATE
Paper 3-26 ODS for PRINT, REPORT and TABULATE Lauren Haworth, Genentech, Inc., San Francisco ABSTRACT For most procedures in the SAS system, the only way to change the appearance of the output is to change
Contents. 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...
Web page design in 7 days!
Learnem Group presents: Web page design in 7 days! Lessons 1-7 By: Siamak Sarmady Start Here Copyright Notice : 2000,2001 Siamak Sarmady and Learnem Group. All rights reserved. This text is written to
Web 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.
NURSING 3225 NURSING INQUIRY WEB SITE DEVELOPMENT GUIDE BOOK
Nursing 3225 Web Dev Manual Page 1 NURSING 3225 NURSING INQUIRY WEB SITE DEVELOPMENT GUIDE BOOK Nursing 3225 Web Dev Manual Page 2 N3225: Nursing Inquiry Student Created Group Website Addresses (1 of 2)
Introduction to Web Development
Introduction to Web Development Week 2 - HTML, CSS and PHP Dr. Paul Talaga 487 Rhodes paul.talaga@uc.edu ACM Lecture Series University of Cincinnati, OH October 16, 2012 1 / 1 HTML Syntax For Example:
New Perspectives on Creating Web Pages with HTML. Considerations for Text and Graphical Tables. A Graphical Table. Using Fixed-Width Fonts
A Text Table New Perspectives on Creating Web Pages with HTML This figure shows a text table. Tutorial 4: Designing a Web Page with Tables 1 2 A Graphical Table Considerations for Text and Graphical Tables
Mastering the JangoMail EditLive HTML Editor
JangoMail Tutorial Mastering the JangoMail EditLive HTML Editor With JangoMail, you have the option to use our built-in WYSIWYG HTML Editors to compose and send your message. Note: Please disable any pop
Joomla Article Advanced Topics: Table Layouts
Joomla Article Advanced Topics: Table Layouts An HTML Table allows you to arrange data text, images, links, etc., into rows and columns of cells. If you are familiar with spreadsheets, you will understand
CiviCRM for The Giving Circle. Bulk Mailing Tips & Tricks
CiviCRM for The Giving Circle Bulk Mailing Tips & Tricks By Leo D. Geoffrion & Ken Hapeman Technology for the Public Good Saratoga Springs, NY Version 1.1 5/26/2013 Table of Contents 1. Introduction...
WebCT 4.x: HTML Editor
Competencies After reading this document, you will be able to: Employ the HTML Editor capabilities to create and publish content. About HTML Editor The HTML editor provides word-processor-like features
Sample Table. Columns. Column 1 Column 2 Column 3 Row 1 Cell 1 Cell 2 Cell 3 Row 2 Cell 4 Cell 5 Cell 6 Row 3 Cell 7 Cell 8 Cell 9.
Working with Tables in Microsoft Word The purpose of this document is to lead you through the steps of creating, editing and deleting tables and parts of tables. This document follows a tutorial format
Coding HTML Email: Tips, Tricks and Best Practices
Before you begin reading PRINT the report out on paper. I assure you that you ll receive much more benefit from studying over the information, rather than simply browsing through it on your computer screen.
Taking your HTML Emails to the Next Level. Presented by: Joey Trogdon, Asst. Director of Financial Aid & Veterans Affairs Randolph Community College
Taking your HTML Emails to the Next Level Presented by: Joey Trogdon, Asst. Director of Financial Aid & Veterans Affairs Randolph Community College Purpose This past spring, the NCCCS delivered a financial
Website Development Komodo Editor and HTML Intro
Website Development Komodo Editor and HTML Intro Introduction In this Assignment we will cover: o Use of the editor that will be used for the Website Development and Javascript Programming sections of
Learnem.com. Web Development Course Series. Learn em. HTML Web Design in 7 days! By: Siamak Sarmady
Learnem.com Web Development Course Series Learn em HTML Web Design in 7 days! 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 HTML Web Design in 7 Days! Ver. 2.08.02
Getting Started with KompoZer
Getting Started with KompoZer Contents Web Publishing with KompoZer... 1 Objectives... 1 UNIX computer account... 1 Resources for learning more about WWW and HTML... 1 Introduction... 2 Publishing files
Essential HTML & CSS for WordPress. Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com
Essential HTML & CSS for WordPress Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com HTML: Hypertext Markup Language HTML is a specification that defines how pages are created
Basic tutorial for Dreamweaver CS5
Basic tutorial for Dreamweaver CS5 Creating a New Website: When you first open up Dreamweaver, a welcome screen introduces the user to some basic options to start creating websites. If you re going to
Web 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
Lecture 9 HTML Lists & Tables (Web Development Lecture 3)
Lecture 9 HTML Lists & Tables (Web Development Lecture 3) Today is our 3 rd Web Dev lecture During our 2 nd lecture on Web dev 1. We learnt to develop our own Web pages in HTML 2. We learnt about some
Intro to Web Design. ACM Webmonkeys @ UIUC
Intro to Web Design ACM Webmonkeys @ UIUC How do websites work? Note that a similar procedure is used to load images, etc. What is HTML? An HTML file is just a plain text file. You can write all your HTML
MS Word 2007 practical notes
MS Word 2007 practical notes Contents Opening Microsoft Word 2007 in the practical room... 4 Screen Layout... 4 The Microsoft Office Button... 4 The Ribbon... 5 Quick Access Toolbar... 5 Moving in the
Anyone Can Learn PROC TABULATE
Paper 60-27 Anyone Can Learn PROC TABULATE Lauren Haworth, Genentech, Inc., South San Francisco, CA ABSTRACT SAS Software provides hundreds of ways you can analyze your data. You can use the DATA step
DOING MORE WITH WORD: MICROSOFT OFFICE 2010
University of North Carolina at Chapel Hill Libraries Carrboro Cybrary Chapel Hill Public Library Durham County Public Library DOING MORE WITH WORD: MICROSOFT OFFICE 2010 GETTING STARTED PAGE 02 Prerequisites
Talking: Web. Web design is the hardest thing you will ever do in life. At least when you do it for the first time. Home Page. Talking: Resources
1 Talking: Web Web design is the hardest thing you will ever do in life. At least when you do it for the first time. Home Page Yale: http://info.med.yale.edu/caim/manual/ Design for designers: http://www.wpdfd.com/
Dreamweaver and Fireworks MX Integration Brian Hogan
Dreamweaver and Fireworks MX Integration Brian Hogan This tutorial will take you through the necessary steps to create a template-based web site using Macromedia Dreamweaver and Macromedia Fireworks. The
Google Sites: Site Creation and Home Page Design
Google Sites: Site Creation and Home Page Design This is the second tutorial in the Google Sites series. You should already have your site set up. You should know its URL and your Google Sites Login and
Instructions for Creating a Poster for Arts and Humanities Research Day Using PowerPoint
Instructions for Creating a Poster for Arts and Humanities Research Day Using PowerPoint While it is, of course, possible to create a Research Day poster using a graphics editing programme such as Adobe
Creating 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
Creating 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
KOMPOZER 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
FOUNDATION OF INFORMATION TECHNOLOGY Class-X (TERM II)
Sample Question Paper FOUNDATION OF INFORMATION TECHNOLOGY Class-X (TERM II) TIME : 3 Hrs MM : 80. SECTION A 1. Fill in the blanks: [10] 1.1 is the extension of an XML file. 1.2 attribute is used with
Web Portal User Guide. Version 6.0
Web Portal User Guide Version 6.0 2013 Pitney Bowes Software Inc. All rights reserved. This document may contain confidential and proprietary information belonging to Pitney Bowes Inc. and/or its subsidiaries
Microsoft Word 2010. Quick Reference Guide. Union Institute & University
Microsoft Word 2010 Quick Reference Guide Union Institute & University Contents Using Word Help (F1)... 4 Window Contents:... 4 File tab... 4 Quick Access Toolbar... 5 Backstage View... 5 The Ribbon...
Word processing software
Unit 244 Word processing software UAN: Level: 2 Credit value: 4 GLH: 30 Assessment type: Relationship to NOS: Assessment requirements specified by a sector or regulatory body: Aim: R/502/4628 Portfolio
Creating Web Pages with HTML Simplified. 3rd Edition
Brochure More information from http://www.researchandmarkets.com/reports/2248215/ Creating Web Pages with HTML Simplified. 3rd Edition Description: Are you new to computers? Does new technology make you
TUTORIAL 4 Building a Navigation Bar with Fireworks
TUTORIAL 4 Building a Navigation Bar with Fireworks This tutorial shows you how to build a Macromedia Fireworks MX 2004 navigation bar that you can use on multiple pages of your website. A navigation bar
WYSIWYG Editor in Detail
WYSIWYG Editor in Detail 1. Print prints contents of the Content window 2. Find And Replace opens the Find and Replace dialogue box 3. Cut removes selected content to clipboard (requires a selection) 4.
COMMON CUSTOMIZATIONS
COMMON CUSTOMIZATIONS As always, if you have questions about any of these features, please contact us by e-mail at pposupport@museumsoftware.com or by phone at 1-800-562-6080. EDIT FOOTER TEXT Included
HTML Lesson 7. Your assignment:
HTML Lesson 7 Tables are one of the biggest tools Web developers use to present data wherever they want data to go on the page. Like spreadsheets, rows go across (left to right) and columns go up and down.
Create a Web Page with Dreamweaver
Create a Web Page with Dreamweaver Dreamweaver is an HTML editing program that allows the beginner and the advanced coder to create Web pages. 1. Launch Dreamweaver. Several windows appear that will assist
customer community Getting started Visual Editor Guide! www.pure360community.co.uk
Getting started! 1 Contents Introduction... 3 Visual Editor Options... 3-5 Advanced Tips... 6-7 Do s and Don ts... 7-9 Testing Messages... 10 2 Welcome The Visual Editor tool is the ideal resource for
CREATING WEB PAGES USING HTML INTRODUCTION
CREATING WEB PAGES USING HTML INTRODUCTION Web Page Creation Using HTML: Introduction 1. Getting Ready What Software is Needed FourSteps to Follow 2. What Will Be On a Page Technical, Content, & Visual
Basic Excel Handbook
2 5 2 7 1 1 0 4 3 9 8 1 Basic Excel Handbook Version 3.6 May 6, 2008 Contents Contents... 1 Part I: Background Information...3 About This Handbook... 4 Excel Terminology... 5 Excel Terminology (cont.)...
Digital Marketing EasyEditor Guide Dynamic
Surveys ipad Segmentation Reporting Email Sign up Email marketing that works for you Landing Pages Results Digital Marketing EasyEditor Guide Dynamic Questionnaires QR Codes SMS 43 North View, Westbury
Quick Start Guide To: Using the Sage E-marketing Online Editor
Quick Start Guide To: Using the Sage E-marketing Online Editor When you first enter the Sage E-marketing online editor, you will see two tabs on the left-hand side of the screen: Content Editor and Customize
BLACKBOARD 9.1: Text Editor
BLACKBOARD 9.1: Text Editor The text editor in Blackboard is a feature that appears in many different areas, but generally has the same look and feel no matter where it appears. The text editor has changed
Graphic Design Basics. Shannon B. Neely. Pacific Northwest National Laboratory Graphics and Multimedia Design Group
Graphic Design Basics Shannon B. Neely Pacific Northwest National Laboratory Graphics and Multimedia Design Group The Design Grid What is a Design Grid? A series of horizontal and vertical lines that evenly
ADOBE 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
Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade. Exercise: Creating two types of Story Layouts
Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade Exercise: Creating two types of Story Layouts 1. Creating a basic story layout (with title and content)
Shoreline Community College elearning Best Practice Guidelines
Shoreline Community College elearning Best Practice Guidelines This document provides recommended guidelines to help improve user experience for any elearning course. Recommendations are based on usability
How 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
LaGuardia Community College 31-10 Thomson Ave, Long Island City, New York 11101 Created by ISMD s Dept. Training Team. Overview
Overview Dreamweaver gives you many options when it comes to setting the properties for your webpages. Within the "Page Properties" dialog box, you can set the appearance of your page, name your page and
Where do I start? DIGICATION E-PORTFOLIO HELP GUIDE. Log in to Digication
You will be directed to the "Portfolio Settings! page. On this page you will fill out basic DIGICATION E-PORTFOLIO HELP GUIDE Where do I start? Log in to Digication Go to your school!s Digication login
Tutorial: Microsoft Office 2003 Word Introduction
Tutorial: Microsoft Office 2003 Word Introduction Introduction: Microsoft Word is an essential tool for the creation of documents. Its ease of use has made Word one of the most widely used word processing
Excel 2007: Basics Learning Guide
Excel 2007: Basics Learning Guide Exploring Excel At first glance, the new Excel 2007 interface may seem a bit unsettling, with fat bands called Ribbons replacing cascading text menus and task bars. This
RIT Message Center Compose and Send Messages
RIT Message Center Compose and Send Messages Table of Contents Table of Contents... 2 Logging into Message Center... 3 Category Display... 3 Message Center: Create a Message... 4 Create a New Message without
Caldes CM12: Content Management Software Introduction v1.9
Caldes CM12: Content Management Software Introduction v1.9 Enterprise Version: If you are using Express, please contact us. Background Information This manual assumes that you have some basic knowledge
7 th Annual LiveText Collaboration Conference. Advanced Document Authoring
7 th Annual LiveText Collaboration Conference Advanced Document Authoring Page of S. La Grange Road, nd Floor, La Grange, IL 6055-455 -866-LiveText (-866-548-3839) edu-solutions@livetext.com Page 3 of
Create a report with formatting, headings, page numbers and table of contents
Create a report with formatting, headings, numbers and table of contents MS Office Word 2010 Combine this model with instructions from your teacher and your report will be something you can be proud of.
AN INTRODUCTION TO WEBSITE DEVELOPMENT FOR COURSE WEBPAGES AT MICHIGAN STATE UNIVERSITY
AN INTRODUCTION TO WEBSITE DEVELOPMENT FOR COURSE WEBPAGES AT MICHIGAN STATE UNIVERSITY Sharon Vennix BE 490 October 16, 2000 Outline I. Introduction a. Understanding a Web Page b. Choosing a Web Page
Lesson 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.
Basic Website Creation. General Information about Websites
Basic Website Creation General Information about Websites Before you start creating your website you should get a general understanding of how the Internet works. This will help you understand what goes
PowerPoint 2013 Basics for Windows Training Objective
PowerPoint 2013 Basics for Windows PowerPoint 2013 Basics for Windows Training Objective To learn the tools and features to get started using PowerPoint more efficiently and effectively. What you can expect
Saving work in the CMS... 2. Edit an existing page... 2. Create a new page... 4. Create a side bar section... 4
CMS Editor How-To Saving work in the CMS... 2 Edit an existing page... 2 Create a new page... 4 Create a side bar section... 4 Upload an image and add to your page... 5 Add an existing image to a Page...
Dreamweaver. 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
Create a Google Site in DonsApp
Create a Google Site in DonsApp 1 Google Web Site Interactive. Constructivist. Collaborative. Communities. WHAT IS GOOGLE SITE? With one single click, you can create a website without any knowledge of
Garfield Public Schools Fine & Practical Arts Curriculum Web Design
Garfield Public Schools Fine & Practical Arts Curriculum Web Design (Half-Year) 2.5 Credits Course Description This course provides students with basic knowledge of HTML and CSS to create websites and
How to make a custom Joomla template!
How to make a custom Joomla template! Part 2 NOTE: This Tutorial has been donated by a Thomas Nielsen. This work is licensed under a Creative Commons Attributon NonCommercial ShareAlike 2.5 License. Lets
CSE 3. Marking Up with HTML. Tags for Bold, Italic, and underline. Structuring Documents. An HTML Web Page File
CSE 3 Comics Updates Shortcut(s)/Tip(s) of the Day Google Earth/Google Maps ssh Anti-Spyware Chapter 4: Marking Up With HTML: A Hypertext Markup Language Primer Fluency with Information Technology Third
LEAGUE OF WOMEN VOTERS NAME & LOGO GUIDELINES
Updated 3/15/2013 4:07 PM LEAGUE OF WOMEN VOTERS NAME & LOGO GUIDELINES The League of Women Voters logo, like our name, is our identity. It conveys the full collective power of the LWV mission to the public,
Microsoft Word 2010 Tutorial
Microsoft Word 2010 Tutorial GETTING STARTED Microsoft Word is one of the most popular word processing programs supported by both Mac and PC platforms. Microsoft Word can be used to create documents, brochures,
The 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
In this session, we will explain some of the basics of word processing. 1. Start Microsoft Word 11. Edit the Document cut & move
WORD PROCESSING In this session, we will explain some of the basics of word processing. The following are the outlines: 1. Start Microsoft Word 11. Edit the Document cut & move 2. Describe the Word Screen
Sage Accountants Business Cloud EasyEditor Quick Start Guide
Sage Accountants Business Cloud EasyEditor Quick Start Guide VERSION 1.0 September 2013 Contents Introduction 3 Overview of the interface 4 Working with elements 6 Adding and moving elements 7 Resizing
Word 2007: Basics Learning Guide
Word 2007: Basics Learning Guide Exploring Word At first glance, the new Word 2007 interface may seem a bit unsettling, with fat bands called Ribbons replacing cascading text menus and task bars. This
GUIDE TO CODE KILLER RESPONSIVE EMAILS
GUIDE TO CODE KILLER RESPONSIVE EMAILS THAT WILL MAKE YOUR EMAILS BEAUTIFUL 3 Create flawless emails with the proper use of HTML, CSS, and Media Queries. But this is only possible if you keep attention
HTML 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
collab.virginia.edu UVACOLLAB ECLPS: BUILDING COURSE PORTALS UVaCollab User Guide Series collab-support@virginia.edu
UVACOLLAB ECLPS: BUILDING COURSE PORTALS UVaCollab User Guide Series collab-support@virginia.edu Revised 4/28/2014 CONTENTS The eclps Overview... 3 Objectives... 3 Adding the Syllabus or Lessons Tool to
Microsoft Excel 2007 Level 2
Information Technology Services Kennesaw State University Microsoft Excel 2007 Level 2 Copyright 2008 KSU Dept. of Information Technology Services This document may be downloaded, printed or copied for
Creating a Poster Presentation using PowerPoint
Creating a Poster Presentation using PowerPoint Course Description: This course is designed to assist you in creating eye-catching effective posters for presentation of research findings at scientific
Microsoft 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,
Contents. 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
Tutorial Microsoft Office Excel 2003
Tutorial Microsoft Office Excel 2003 Introduction: Microsoft Excel is the most widespread program for creating spreadsheets on the market today. Spreadsheets allow you to organize information in rows and
Converting Prospects to Purchasers.
Email Template Guide LASSO EMAIL TEMPLATE EDITOR... 2 ABOUT LASSO EMAIL TEMPLATE EDITOR... 2 CREATING AN EMAIL TEMPLATE... 2 ACCESSING EMAIL TEMPLATES... 2 ADDING AN EMAIL TEMPLATE FOLDER... 3 BASIC PRINCIPLES
We 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
Starting User Guide 11/29/2011
Table of Content Starting User Guide... 1 Register... 2 Create a new site... 3 Using a Template... 3 From a RSS feed... 5 From Scratch... 5 Edit a site... 6 In a few words... 6 In details... 6 Components
PE Content and Methods Create a Website Portfolio using MS Word
PE Content and Methods Create a Website Portfolio using MS Word Contents Here s what you will be creating:... 2 Before you start, do this first:... 2 Creating a Home Page... 3 Adding a Background Color
ANATOMY OF A WEB PAGE...
Web Design Contents INTRODUCTION... 4 WHAT YOU WILL LEARN... 4 ABOUT THE HOME AND LEARN WEB DESIGN SOFTWARE... 5 INSTALLING THE SOFTWARE... 6 WEB COURSE FILES... 6 ANATOMY OF A WEB PAGE... 7 WHAT IS A
PowerPoint 2007 Basics Website: http://etc.usf.edu/te/
Website: http://etc.usf.edu/te/ PowerPoint is the presentation program included in the Microsoft Office suite. With PowerPoint, you can create engaging presentations that can be presented in person, online,
Creating Web Pages With Dreamweaver MX 2004
Creating Web Pages With Dreamweaver MX 2004 1 Introduction Learning Goal: By the end of the session, participants will have an understanding of: What Dreamweaver is, and How it can be used to create basic
Using 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
Email. Introduction. Set Up Sumac To Send Email
Introduction Email This lesson explains how to set up Sumac and use it to send bulk email. It also explains how to use an HTML editor to create a nicely formatted newsletter. Before viewing this video,
Excel 2007 A Beginners Guide
Excel 2007 A Beginners Guide Beginner Introduction The aim of this document is to introduce some basic techniques for using Excel to enter data, perform calculations and produce simple charts based on
Edline Manual Design Guide Version: September 2011
Edline Manual Design Guide Version: September 2011 Copyright Statements: Edline software is a trademark of Edline. Copyright 2011. Microsoft Windows names and logos are registered trademarks of the Microsoft
Have you seen the new TAMUG websites?
4 For all Cascade Management System request for PUBLISHING please email cms@tamug.edu for the quickest response. For all Cascade Management System request for QUESTIONS or COMMENTS please email cascadeusers@tamug.edu
In this chapter, you will learn how to...
LEARNING OUTCOMES In this chapter, you will learn how to... Create a table on a web page Apply attributes to format tables, table rows, and table cells Increase the accessibility of a table Style an HTML
Using 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
This document will describe how you can create your own, fully responsive. drag and drop email template to use in the email creator.
1 Introduction This document will describe how you can create your own, fully responsive drag and drop email template to use in the email creator. It includes ready-made HTML code that will allow you to