2 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, and dialogs with a wide range of features. You can customize the interface by docking and undocking Toolbars, opening and closing task panes and changing preferences settings. You ll find the various Toolbars, including dedicated toolbars for working with images and CSS, under the View menu when you choose Toolbars. You can open and close task panes by selecting them from the task panes menu, and you can change preferences, by selecting Tools Application Options or Tools Page Editor Options, and you can specify preferences for a particular site by choosing Site Site Settings. Here s a sneak preview of the page we ll be making in this lesson with the toolbars menu option open.
3 In the short time we have together, we'll explore the basics, including how to create a new Web site, create new HTML pages, create styles with CSS, and preview a Web page in a browser. Before we start, you should know that there are many ways to create a Web site some, like the static HTML page we ll create together today, are relatively simple, others are more complex. For example, you can us Expression Web to create ASP.NET sites and to work with XML and RSS. Although we will be building a relatively simple site in this lesson, rest assured that everything you learn in this introduction will apply to more complex site development as well. Starting a New Site Before you start creating HTML pages, it s best to start by creating a new Web site in Expression Web. Here s how: 1. Choose New Web site 2. In the New dialog, choose the Web Site tab at the top of the dialog window. 3. Choose General and then choose Empty Web Site. You want to select the Empty Web Site option if you plan to create a new site with more than one page. When you select this option, Expression Web creates a new blank folder where you can save all of the files and folders in your web site. When you first create a site like this you have a chance to name it. If you don t give it a name, Expression Web will assign a name for you, such as Web 1, Web 2, etc. If you re only working on one site it doesn t matter too much, but if you re working on multiple sites, it s easier to keep track of them if you name them something that has more meaning to you. You may also want to change the location where the new folder is created. You can use the Browse button to open any folder on your computer where you want to save your new site folder. Click OK and then add a name for the folder. It s easy to miss where to alter the name, but if you want to specify a name yourself, you simply need to select the automatically generated name at the bottom of the New Site dialog and enter a new name to replace it. For this example, I ll call this site "Harbor Seals."
4 Now that you ve created a root folder for your site, EW will store all of your files in this folder and that helps ensure that your links and images will work properly when you publish them to a web server. Creating a New Page Now for the easy part. To create a new HTML document, choose File New Page and then specify the kind of page you want to create. For this example, we ll be working with an HTML file. As a shortcut, you can choose, File HTML. Before you do anything else, it s good to get in the habit of saving your page. If this is the main page of your site, so you ll want to call it index.html or default.html, depending on how your server is set (check with your hosting service or system administrator.) The rest of the files and folders in your site you can name anything you like, but it s best not to use spaces or special characters because many Web servers have strict naming conventions and the file name affects your links.
5 Another good habit is to set all of the Page Properties settings right away. You ll find these settings when you choose File Properties. Settings made in this dialog will apply to the entire page. First, add a page title. This is the text that appears in the very top of a browser window and it s also the text that is saved in the bookmarks list when someone bookmarks your page. Under the Formatting tab in this same dialog, you can specify text, background, and link colors for your page. For this exercise, leave the background and text colors set to white and black, but change the link colors as follows. Hyperlink Maroon, Visited Hyperlink Silver, Active Hyperlink Yellow, and Hovered Hyperlink Yellow. Under the Advanced tab, you can set the Margins. I recommend setting all of the margins to 0 to get rid of the default space that creates a little margin all the way around the edge of the page when displayed in a browser. Creating Page Layouts with Layers Now that you have your site and your first page set up, you re ready to start adding content. Let s begin by creating the layout for this page using the Layers option.
6 Layers in Expression Web are created using div tags with CSS and absolute positioning. That means you can place them anywhere on the page specifying to the pixel where they should be placed and they will remain in precisely that location. Once you ve inserted a layer into your page, you can insert any element, such as a graphic or some text, into the layer. Layers are a popular choice among designers because they provide such precise layout control, but you should know that this is only one of many ways to create designs using CSS in Expression Web. 1. To add a layer to a page, click to select the Layer icon in the Toolbox task pane and drag it onto the page. The layer will automatically appear in the top left of the page. 2. To create the page layout for this design, click and drag to insert a layer at the top of the page. You can resize a layer by clicking and dragging on any of the corners of the layer. You can also use the CSS Properties task pane to specify the height and width in pixels. Note: I know the image I m going to insert into this layer is 800 pixels, so that s the size I want to make this layer, but if you didn t know the image size, you can insert the image in the layer even if it was too small for the image, and it will expand to accommodate the image. You can then check the actual image size by selecting it and noting the height and width in the Tag Properties task pane. 3. To insert an image, choose Insert Picture From File and select an image from your hard drive. If you re using the lesson files provided, choose the seals-top.jpg.
7 4. In the Accessibility Properties dialog, enter a description of the photo. For this example, enter "photo of Harbor Seals on the beach." Note: Alternate text entered into the Accessibility Properties dialog is inserted into the code behind the image and is a requirement for compliance with accessibility standards because many people use browsers that read pages to them and this text provides an explanation of the image. You can use the Tag Properties task pane to see the actual size of the image, and then set the layer to the exact size in the CSS Properties task pane. In this example, you can see that I ve set the Layer Width to 800 pixels and the height to 105 to perfectly accommodate this image. Note the top and left settings should both be 0 to position this layer in the upper left corner of the page.
8 5. Next add a second layer by clicking to select the layer icon in the Toolbox and dragging it onto the page. Then click and drag the layer to position it just below the first layer. Again you can set the height and width in the CSS Properties task pane. You can also specify the position of the layer in this task pane. This second layer, should be set to Left, 0, and Top 105 to appear immediately below the top layer aligned to the far left. For this example, I set the height and width to accommodate the image, which is 800 by Insert another image into the second layer. If you re using the files provided for this exercise, insert the seals-nav.jpg image just as you inserted the top image by choosing Insert Picture From File and then selecting the file seals-nav.jpg. Adding and Adjusting Layers Continuing with this page design, we'll now add three more layers, inserting content into each one, and then in a later step, we'll use the CSS Properties task
9 pane to precisely position them so that the top of each layer lines up perfectly when we're done. 1. Click to select the Layer icon in the Toolbox and drag in another layer. Use the image below as a guide to position each layer on the page, and then copy and paste the text from the Word document provided. Don't worry about getting the layer in exactly the right place on the page or exactly the right size, we'll make those adjustments next. 2. Open the word file included in the sample files provided with this guide and copy the top four lines of text, switch over to Expression Web, place your cursor in the new layer and paste the text. Note: You can use the key command Alt + tab to switch between open programs. Alternatively, you can place your cursor into the new layer and enter the text by typing: Sea Otters Seals Water Fowl Frogs 3. Next click and drag in another new layer and position it in about the middle of the page, as you see in the image below.
10 4. Click to place your cursor in the new layer and choose Insert Picture From File and select the seals-bg.jpg to insert it into the layer. 5. Resize the layer to better fit the image by changing the height and width in the CSS Properties task pane. If you're using the sample image provided, the height is 398 pixels and the width is 300 pixels. And here's a trick, if you're not sure how big an image is, you can click to select the image, then open the Tag Properties task pane and check the height and width fields to determine the size of the image. (Expression Web automatically adds the height and width when it inserts an image.) 6. Next click and drag in another new layer and position it at the far right side of the page, as you see in the image below. 7. Again, open the Word file name seals.doc that came with your lesson files and this time copy all of the text below the top four lines and switch back to Expression Web. 8. Click to place your cursor in the new layer and this time, choose Edit Paste Text to open the paste text dialog. This feature provides more options for how you include formatting when you paste text into Expression Web. For this example, I recommend the last option: Normal paragraphs without line breaks.
11 9. Finally, let's add a headline to the story. Click to insert your cursor into the new layer on the right and use the arrow keys as necessary to get your cursor in exactly the top left corner of the layer. 10. Press the return key to add two lines, use the arrow keys to return to the top left, and enter "Harbor Seals Lounge on California's Beaches." Formatting Headline Styles Next, we'll format the headline with a header tag and then redefine the style of the header tag to change the font and size. 1. Click and drag to select the headline you just added: Harbor Seals Lounge on California's Beaches. 2. From the Common toolbar choose Heading 1 <H1 and the text will automatically resize and become bold.
12 3. Heading styles offer many advantages, but if you don't like the way they appear, you can change the style by creating a new CSS Style. To do so, click on the New Style link in the Apply Styles or Manage Styles task panes. 4. In the New Style dialog, choose a selector. If you click on the arrow next to the Selector field, you can choose any HTML tag to redefine its appearance. For this example, choose h1. Leave the Define in option set to Current Page. (Note, you can also created external style sheets with Expression Web.) 5. With the Font Category open, set the Font-Family to Arial, Helvetica, sans-serif. 6. In the Font-size field enter 16 and make sure the size is set to px for pixels. (Note: you can also choose from many options when specifying font size in Expression Web.) 7. When you click OK the new style is automatically applied and the headline you formatted with the h1 tag automatically changes to reflect the new style.
13 Positioning Layers with the CSS Properties task pane Even after you add content to layers, you can still use click and drag to resize and move them around. If you want to be even more precise, you can use the CSS Properties task pane and enter in the exact height and width, as well as the position you want for each layer. Here's how you can use the CSS Properties task pane to align images: 1. First you'll need to select each layer one at a time, and here's a tip. If you're having trouble selecting the layer instead of the contents within the layer, you can use the Breadcrumb trail at the top of the work window to insure you've selected the layer. As you see in the image below, I've used the Breadcrumb trail to select the middle layer, which is especially tricky
14 because when you have an image in a layer it's easy to select an image by mistake when you want to select a layer. 2. To adjust all three layers so that they line up with each other at the top, you'll want to set the top position so that it's the same for all three. In this case, they should all end up 180 pixels from the top of the page, meaning the top of the layer will be exactly 180 pixels from the top of the browser window. To do that, select a layer and then click the CSS Properties task pane tab. 3. To position the layer, change the top field, under the Position category of properties, by entering exactly 180 pixels.
15 4. Next, select the middle layer (the one with the photo of the two seals) and change the top field to 180 pixels. And finally, select the third layer (the one with the story and headline) and change the top field to 180 pixels. This should align all three layers. Note: If your layers aren t lining up properly, one possible reason is that you ve created layers nested inside other layers. As you become more adept with layers, you can use nesting to group layers, but when layers are nested, their position is affected by the layer they are connected to. You can nest and un-nest layers in the Layers task pane. 1. Open it, by choosing Task Panes Layers. 2. In the Layers task pane, you can click and drag layers to change their order. As you can see in the image below, layer 2 is nested within layer 1. Dragging layer 2 above layer 1 will un-nest the layer, dragging a layer onto another layer will nest it within the first layer. If you ve ever moved files in and out of folders on your desktop, the process should feel familiar.
16 Using CSS to Align Images Next, we'll add a small image to the layer with the story and headline and create a style to align that image so the text wraps around it. 1. First, click to place your cursor at the beginning of the first paragraph in the story, just before the words "Just off California Highway 1 " 2. Choose Insert Picture From File. 3. Select the image called seals-small.jpg and click OK. 4. In the Accessibility Properties dialog, enter a description of the photo. For this example, enter "Photo of Harbor Seals on the beach." Note: When you add an image to a Web page next to text, the image is automatically placed on its own line and the text will begin at the very bottom of the image and continue below it as you see in the previous Figure. If you want your images to be aligned to the left or right of the page and your text to wrap about them, you'll need to change the alignment of the image, and the best way to do that is to create a style. For this purpose, we'll create a class style that can be applied to any element on the page. 1. Choose New Style from the Apply Styles task pane. 2. In New Style dialog, enter.img-right in the Selector field. 3. Note: All class styles must begin with a dot or period. 4. In the Layout Category of the New Style dialog, set the Float to right.
17 5. In the Box Category add Margin space, uncheck the Same for all box above Margin and enter 10 px in the left field and 10 px in the bottom field. 6. Click OK to create the new style. Note: This will create a little breathing room around your image so that the text does not bump right up against the picture. Since we are aligning this image to the right, we're adding add a little margin space to the left and bottom of the image. Notice the CSS box model reference in the middle of this Figure to help you appreciate the difference between Margins and Padding. You may also want to create a style called img-left, with the float set to left and the margins set to 10 px on the right and bottom.
18 Now that you've created a style to align your image, applying the style is the easy part. 1. Click to select the small image of the seals that you inserted into the layer with the story and headline. 2. In the Apply Styles task pane, click to select the.img-right style. The image should immediately align to the right and the text should wrap around to the left with 10 pixels of margin on the left and bottom of the image. Creating Links Whether you want to create links to pages in your own site or to another Web site on the Internet, creating links with Expression Web is an easy process. However, before we can link to another page in our new site, we should probably
19 create one. Here s a quick review of creating a page to get you ready to create your first links. 1. Choose File New HTML and a new blank page appears in the central work area. 2. Choose File Save give the file a name and click Save. Note: Since this is not the main page of the site, we can call it anything we want. In this example, I ve used the file name seaotters.htm, avoiding spaces and special characters to create a page that will work on any Web server. 3. Name the new page seaotters.htm and save it in your main Web site folder. 1. Choose File Properties to give this page a Title and set other page-wide properties, such as background colors and margins.
20 2. For now, we ll just add some text to this page so we have something here to identify it. Place your cursor in the top of the work area, enter Sea Otters, and format it with an H1 tag. 3. Choose File Save to save this page and we re ready to create a link to it from the page we ve been building. To switch back to the page you designed in the first part of this lesson, click on the default.htm tab at the top of the work space. Notice that any time you have more than one page open in Expression Web, you can switch between pages by selecting the corresponding tab at the top of the page. Now we re ready to create that link to another page in your site. 1. Click to select an image or section of text that you want to make into a link. For this example, click and drag to select the Sea Otters text in the small layer in the left side of this design. 2. Choose Insert Hyperlink 3. Select the page you want to link to. For this example, select the seaotters.htm page we just created. 4. Click OK and the link is automatically set. Now let s create a link to another Web site and then preview the page in a browser to test both links. To create a link to another Web site, follow these instructions.
21 1. Click to select the image or text you want to use as the link. For this example, click to place your cursor in the middle layer, just under the photo of the seals. Here's a tip: It can be challenging to place your cursor next to an image in a layer, but the easy solution is to first click anywhere on the image to select it, then use the right arrow key on your keyboard to move your cursor off the image yet keep it in the layer. Then press the enter key to add a space and you're ready to add your text below the image. 2. For this lesson, enter the words "California Nature Conservancy." The click and drag to select the text. 3. Choose Insert Hyperlink 4. To create a link to another site, enter the full URL of the site in the Address field. For this example, enter 5. Click OK and the link is automatically set. To test your links, you have to preview your page in a browser. 1. First, save your page by choosing File Save. 2. Note: If you are saving this file for the first time and you have used the images provided, Expression Web will offer to copy those files into your root site folder. Click yes and they will automatically be copied into your folder. 3. Then choose File Preview in Browser and select a browser from the pull out list. Note: You can preview your pages with Expression Web using any browser available on your computer. Testing your pages in different browsers is an important part of ensuring your pages will work for the broadest audience on the Internet.
22 With your page previewed in a program like Internet Explorer, shown here, you can click on your link and open the page you created with the headline Sea Otters. When you preview pages on your hard drive, you can follow links through your site just as they will work when the site is transferred to your Web server. Links to other Web sites will work if you are connected to the Internet. The better you follow standards, the better your pages will display. Expression Web was designed to follow contemporary Internet standards, and it includes settings you can change if you are working on sites that use older standard settings and you can change your options as standards change. You can change standards settings in Expression Web by changing preference settings in the Page Editor Options dialog. 1. Choose Tools Page Editor Options and select the Authoring tab.
23 Note: By default, Expression Web is set to create code as XHTML 1.0 Transitional. Why you might change these settings gets complicated because standards have changed over the years on the Web and they continue to do so. 2. If you don t have a reason to change the standards settings, leave them set to XHTML 1.0 Transitional. Note: When you change these settings, you alter the HTML and CSS options in the program and how they are displayed in Expression Web. If you re working on a site that was built using previous standards and older Web design programs, you may want to alter this setting at least until you can upgrade your site to more modern standards. There are many other ways to create Web designs with this program, including other CSS design options, tables, frames, templates, and more dynamic development features for ASP.NET sites.
24 This lesson was designed to provide a quick introduction to Expression Web, cover basic page design features, and standards. This Virtual Lab was created by Janine Warner, a presenter for Total Training, and author of more than a dozen books about the Internet, including the Expression Web Bible. Total Training, Inc. ( with offices in California and New York, is a pioneer in innovative video-based training for leading software applications. Total Training is best known for its superior product quality, entertaining content, and strategic partnership with Microsoft which includes tutorials in Microsoft software boxes.
Your Learning Guide for Expression Web Tutorial for Pre-Collegiate Students Microsoft Expression Web 2 (5/21/2008) Table of Contents Welcome... Error! Bookmark not defined.3 Launching Expression Web...
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
Contents 1. Introduction 1. Starting Publisher 2. Create a Poster Template 5. Aligning your images and text 7. Apply a background 12. Add text to your poster 14. Add pictures to your poster 17. Add graphs
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
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
NJCU WEBSITE TRAINING MANUAL Submit Support Requests to: http://web.njcu.edu/its/websupport/ (Login with your GothicNet Username and Password.) Table of Contents NJCU WEBSITE TRAINING: Content Contributors...
Page 1 of 22 DESIGN A WEB SITE USING PUBLISHER Before you begin, plan your Web site Before you create your Web site, ask yourself these questions: What do I want the site to do? Whom do I want to visit
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)
Creating Personal Web Sites Using SharePoint Designer 2007 Faculty Workshop May 12 th & 13 th, 2009 Overview Create Pictures Home Page: INDEX.htm Other Pages Links from Home Page to Other Pages Prepare
Go Kiwi Internet Content Management System Version 5.0 (K5) TRAINING MANUAL K5 CMS The K5 Content Management System (CMS), previously known as Kwik-Az Updating, is a small downloadable program that permits
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,
Working with the Ektron Content Management System Table of Contents Creating Folders Creating Content 3 Entering Text 3 Adding Headings 4 Creating Bullets and numbered lists 4 External Hyperlinks and e
Umbraco v6 Editors Manual Produced by the Umbraco Community Umbraco // The Friendly CMS Contents 1 Introduction... 3 2 Getting Started with Umbraco... 4 2.1 Logging On... 4 2.2 The Edit Mode Interface...
WebFOCUS BI Portal: S.I.M.P.L.E. as can be Author: Matthew Lerner Company: Information Builders Presentation Abstract: This hands-on session will introduce attendees to the new WebFOCUS BI Portal. We will
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
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
Joomla! 2.5.x Training Manual Joomla is an online content management system that keeps track of all content on your website including text, images, links, and documents. This manual includes several tutorials
Word basics Word is a powerful word processing and layout application, but to use it most effectively, you first have to understand the basics. This tutorial introduces some of the tasks and features that
Lesson 5 Inserting Hyperlinks & Action Buttons Introduction A hyperlink is a graphic or piece of text that links to another web page, document, or slide. By clicking on the hyperlink will activate it and
Microsoft Word Tips and Tricks Viewing the Document There are 4 views for every Word document. These are found in the lower left corner of the screen. The most common is the print layout view. Hold your
HTML Module: The most widely used module on the websites. This module is very flexible and is used for inserting text, images, tables, hyperlinks, document downloads, and HTML code. Hover the cursor over
How to Build a More Effective XSite presented by a la mode Course Highlights Take advantage of advanced design and content features Enable XSite access and features for your employees and colleagues Introduction
Using econtentmanager s ewebeditpro Editor econtentmanager comes with its own content editor, called ewebeditpro. With ewebeditpro, you can add and modify your page content with WYSIWYG ease-of-use. The
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
Creating templates and slide masters in PowerPoint 2003 These days, it is not enough to create a presentation with interesting and exciting content; you have to create one with interesting and exciting
Creating tables of contents and figures in Word 2013 Information Services Creating tables of contents and figures in Word 2013 This note shows you how to create a table of contents or a table of figures
Text Putting Text on the Page 1. Entering text on the web page is just like typing in a word processing document. Lines will wrap within a paragraph. 2. Enter = Paragraph Break (leaves a blank line) 3.
: The Schoolwires Editor By the end of this chapter, you will be able to: Insert and format text. Insert and format images. Insert and format tables. Insert links. Use ActiveBlocks to enhance your pages.
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
Adobe Dreamweaver - Basic Web Page Tutorial Window Elements While Dreamweaver can look very intimidating when it is first launched it is an easy program. Dreamweaver knows that your files must be organized
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
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
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
Building a Personal Website (Adapted from the Building a Town Website Student Guide 2003 Macromedia, Inc.) In this project, you will learn the web publishing skills you need to: Plan a website Define a
Microsoft PowerPoint 2010 Handout PowerPoint is a presentation software program that is part of the Microsoft Office package. This program helps you to enhance your oral presentation and keep the audience
1. Launch Microsoft Word icon in Applications > Microsoft Office 2008 (or on the Dock). 2. When the Project Gallery opens, view some of the available Word templates by clicking to expand the Groups, and
ITP 101 Project 3 - Dreamweaver Project Objectives You will also learn how to make a website outlining your company s products, location, and contact info. Project Details USC provides its students with
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
Creating Webpages in Dreamweaver MX for PC Getting Started Before you can create a webpage you need to think about where the page will be stored both locally (i.e., hard drive, CD, disk) and remotely (i.e.,
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,
2 CONTENTS Module One: Getting Started... 6 Opening Outlook... 6 Setting Up Outlook for the First Time... 7 Understanding the Interface...12 Using Backstage View...14 Viewing Your Inbox...15 Closing Outlook...17
CREATING WEB PAGES WITH MACROMEDIA DREAMWEAVER 8 University Computing and Information Services Training Guide For additional help, contact the UCIS Help Desk at (910) 5216260 or firstname.lastname@example.org, or visit
Advanced Word Creating Boxes and Borders Boxes Boxes, which look like this, can be placed around single words, groups of words, or entire paragraphs. To create a box, you first need to select (or highlight)
IAS Web Development using Dreamweaver CS4 Information Technology Group Institute for Advanced Study Einstein Drive Princeton, NJ 08540 609 734 8044 * email@example.com Information Technology Group  Institute
1 Quick Start Tutorial Chapter 3: Quick Start Tutorial This chapter helps you become acquainted with the workspace, the commands, and the features that you use to create your own website. The step-by-step
NDSU Technology Learning & Media Center QBB 150C 231-5130 www.ndsu.edu/its/tlmc Introduction to Google Sites Get Help at the TLMC 1. Get help with class projects on a walk-in basis; student learning assistants
Basic Web Development @ Fullerton College Introduction FC Net Accounts Obtaining Web Space Accessing your web space using MS FrontPage Accessing your web space using Macromedia Dreamweaver Accessing your
Google Sites: Creating, editing, and sharing a site Google Sites is an application that makes building a website for your organization as easy as editing a document. With Google Sites, teams can quickly
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
Microsoft PowerPoint 2013 Part 2: Notes, Links, & Graphics Choosing a Design Open PowerPoint. Click on Blank Presentation. Click on the Design tab. Click on the design tab of your choice. Adding Content
PowerPoint basics PowerPoint is a powerful presentation application, but to use it most effectively, you first have to understand the basics. This tutorial introduces some of the tasks and features that
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...
Excel basics Excel is a powerful spreadsheet and data analysis application, but to use it most effectively, you first have to understand the basics. This tutorial introduces some of the tasks and features
PowerPoint 2010 Hyperlinks and Action Buttons Introduction Page 1 Whenever you use the Web, you are using hyperlinks to navigate from one web page to another. If you want to include a web address or email
Creating a Newsletter with Microsoft Word Frank Schneemann In this assignment we are going to use Microsoft Word to create a newsletter that can be used in your classroom instruction. If you already know
To Begin Customize Office Each of us needs to set up a work environment that is comfortable and meets our individual needs. As you work with Office 2007, you may choose to modify the options that are available.
United States (change) Microsoft.com Home Site Map Search: Training Go Home Assistance Training Templates Clip Art and Media Downloads Office Marketplace Work Essentials Microsoft Office System Deployment
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
HOW TO: INSERT A JPEG IN AN EMAIL. Have you been wanting to use marketing materials from Legal & General America but don t know how? Here s the answer. WHAT? Email is one of the fastest ways to send promotional
Word 2 Microsoft Word 2013 Mercer County Library System Brian M. Hughes, County Executive Action Technique 1. Page Margins On the Page Layout tab, in the Page Setup group, click Margins. Click the margin
Advanced Form Customization APPENDIX E If you know exactly how you want your business forms to look and don t mind detail work, you can customize QuickBooks forms however you want. With QuickBooks Layout
Word Tutorial 4 Desktop Publishing and Mail Merge Microsoft Office 2010 Objectives Identify desktop publishing features Format text in columns Insert drop caps Insert symbols and special characters Create
Umbraco v4 Editors Manual Produced by the Umbraco Community Umbraco // The Friendly CMS Contents 1 Introduction... 3 2 Getting Started with Umbraco... 4 2.1 Logging On... 4 2.2 The Edit Mode Interface...
Page Design, Layout, & Module Explanation: Page Overview: Navigate to your assigned page on the website. Once on your page click login At the login screen enter user USERNAME & PASSWORD and CLICK Login
Table of Contents Overview... 3 Getting Started... 3 Web Page Creation Tips... 3 Creating a Basic Web Page Exercise... 4 Create a New Page... 4 Using a Table for the Layout... 5 Adding Text... 6 Adding
CMS Training Prepared for the Nature Conservancy March 2012 Session Objectives... 3 Structure and General Functionality... 4 Section Objectives... 4 Six Advantages of using CMS... 4 Basic navigation...
Updating a Site in Drupal If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site. You should be able to find your site at a URL similar to
Microsoft Word 1A: Business Letters: Format, Text Wrap, Insert Text Box, Logo Format of a Business Letter: Although there are different formats to use when preparing a business letter, you should always
Cascade Server CMS Quick Start Guide 1. How to log in 2. How to open page 3. How to edit a page 4. How to create a new page 5. How to publish a page 6. How to change settings to view publish status page
Office: Word for Beginners What is Word? Word 2013 is a word processing application that allows you to create a variety of documents like letters, flyers, and reports. Additional Resources: http://www.gcflearnfree.org/office2013/word2013
Site Maintenance Table of Contents Adobe Contribute How to Install... 1 Publisher and Editor Roles... 1 Editing a Page in Contribute... 2 Designing a Page... 4 Publishing a Draft... 7 Common Problems...
Microsoft Access 2010 handout Access 2010 is a relational database program you can use to create and manage large quantities of data. You can use Access to manage anything from a home inventory to a giant
Introduction to Microsoft Word 2003 Sabeera Kulkarni Information Technology Lab School of Information University of Texas at Austin Fall 2004 1. Objective This tutorial is designed for users who are new
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