Tutorial Tutorial. (Click here to go to the next slide and to learn more)

Similar documents
Adding Pages. Adding pages to your website is simple and powerful! In just a few minutes you can create a page that: Highlights a special event

ADOBE DREAMWEAVER CS4 BASICS

A Guide to Blogging on Wordpress

Using Dreamweaver. 4 Creating a Template. Logo. Page Heading. Home About Us Gallery Ordering Contact Us Links. Page content in this area

PROFILE DESIGN TUTORIAL KIT

Center for Faculty Development and Support Making Documents Accessible

Adding Pages. Adding pages to your website is simple and powerful! In just a few minutes you can create a page that: Highlights a special event

Adobe Dreamweaver CC 17 Tutorial

This Tutorial is for Word 2007 but 2003 instructions are included in [brackets] after of each step.

Ninja Menus extension for Magento 2

Creating Accessible Word Documents

Learning More About NetObjects Matrix Builder 1

Adobe Dreamweaver CS5 Tutorial

Links Menu (Blogroll) Contents: Links Widget

Creating an with Constant Contact. A step-by-step guide

This Tutorial is for Word 2007 but 2003 instructions are included in [brackets] after of each step.

ArcGIS Online Tutorial

4) Study the section of a worksheet in the image below. What is the cell address of the cell containing the word "Qtr3"?

Creating an with Constant Contact. A step-by-step guide

Word Creating & Using Tables. IT Training & Development (818) Information Technology

Making Your PowerPoint Presentations Accessible

Pages are static content, generally linked in your navigation. They are used for things like your about page and contact page.

How to Make Your Content ADA Compliant

Classroom Website Basics

CSV Roll Documentation

Using Microsoft Word. Working With Objects

AGENT123. Full Q&A and Tutorials Table of Contents. Website IDX Agent Gallery Step-by-Step Tutorials

Creating and Managing Your Personal Mines Website on WordPress

PRESENCE. RadEditor Guide. SchoolMessenger 100 Enterprise Way, Suite A-300 Scotts Valley, CA

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) More on Relative Linking. Learning Objectives (2 of 2)

Adding Pages. Adding pages to your website is simple and powerful! In just a few minutes you can create a page that: Highlights a special event

How to properly format Word for MLA format and keep it that way!

Website Management with the CMS

Office 2010: Transition from Office Contents. Moving to Microsoft Office Microsoft Office 2010 Project Transition from Office 2003

Creating a Web Presentation

UIS Office of Web Services Documentation. WordPress User Guide. WordPress User Guide 8/31/17 Page 1 of 13

Making Your Showcase Portfolio

Web-Friendly Sites. Planning & Design 1

Microsoft Word 2007 Tutorial CIS*1000*DE

Lesson 5 Introduction to Cascading Style Sheets

When you don t want to lose your site s existing look and feel, you re

Creating a Website with Publisher 2016

SCHULICH MEDICINE & DENTISTRY Website Updates August 30, Administrative Web Editor Guide v6

CS Multimedia and Communications REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB!

OSEP Collaboration Spaces Maximize Your Time with the OSEP Collaboration Spaces User Guide

Dreamweaver Handout. University of Connecticut Prof. Kent Golden

* You can also just type in log in if you haven't already, and will be taken to the Slides page.

Handout created by Cheryl Tice, Instructional Support for Technology, GST BOCES

Access your page by hovering over your campus and then choosing Staff Directory. Click on your name to enter your page.

Getting Started Quick Start Guide

The Text scrap sheet is also needed for copying image and webpage URLs for easy access. Additionally you will use it to look at HTML when needed.

How To Add/Modify Your Website Content

Basic Concepts 1. Starting Powerpoint 2000 (Windows) For the Basics workshop, select Template. For this workshop, select Artsy

Uncorkd User Manual v6.0 Contents

Prezi PREZI ONLINE ACCOUNT START FROM A TEMPLATE

Editor Guide. There are three ways to create, edit and delete an article within SOCS. They are Central Services, SOCS Wiki s and Easy Edit.

Title and Modify Page Properties

Starting Your SD41 Wordpress Blog blogs.sd41.bc.ca

COMSC-031 Web Site Development- Part 2

TEACHER: CREATE PRACTICE QUIZ

SITEFINITY TRAINING. Sign In

Combining Images and Commentary with VoiceThread. by Sharon Scinicariello

New Website User Manual

Using Dreamweaver CC. Logo. 4 Creating a Template. Page Heading. Page content in this area. About Us Gallery Ordering Contact Us Links

Creating a Web Page Using SeaMonkey Composer

Guide to Make Google Docs & Google Slides ADA Compliant

Creating a Website Using Weebly.com (June 26, 2017 Update)

Using Google sites. Table of Contents

Center for Faculty Development and Support Creating Powerful and Accessible Presentation

Today s workshop introduces CommonSpot, ECU s Web Content Management System, through hands-on training.

Building TPS Web Pages with Dreamweaver

Website Development Komodo Editor and HTML Intro

Excel 2013 for Beginners

ACCESSIBILITY SOCIALMEDIA.UMICH.EDU

Microsoft PowerPoint Presentations

WPI Project Center WordPress Manual For Editors

Microsoft Excel is a spreadsheet tool capable of performing calculations, analyzing data and integrating information from different programs.

This is a demonstration of how you can create a Microsoft Power Point presentation:

PowerPoint Introduction. Video: Slide Basics. Understanding slides and slide layouts. Slide Basics

Volunteer Portal User Guide

There are six main steps in creating web pages in FrontPage98:

TrueLook Admin User Guide

Boise State University. Getting To Know FrontPage 2000: A Tutorial

Section 6: Dreamweaver

Microsoft Word 2010 Basics

Contents. Xweb User Manual

Managing Content in WordPress

Introduction to Dreamweaver

Course Exercises for the Content Management System. Grazyna Whalley, Laurence Cornford June 2014 AP-CMS2.0. University of Sheffield

Wordpress Training Manual

UIS Office of Web Services Documentation. WordPress User Guide. WordPress User Guide 4/17/18 Page 1 of 12

Quality Assurance & Accessibility

ALES Wordpress Editor documentation ALES Research websites

How to Properly Format Word for MLA Format and keep it that way!

Classroom Blogging. Training wiki:

How to Make a Book Interior File

PUBLISHER 2016 LINDA MUCHOW ALEXANDRIA TECHNICAL AND COMMUNITY COLLEGE 1601 JEFFERSON STREET, ALEXANDRIA, MN 56308

Bootstrap All-in-One

TEACHER QUICK GUIDE FOR EDLINE

WORDPRESS 101 A PRIMER JOHN WIEGAND

Transcription:

Tutorial Tutorial Read all the directions before proceeding Anything that says (click to learn more) will point to a button that you can click to learn more information about that topic. In the bottom left hand corner are that will take you back to certain pages. Any steps will be numbered and colored in red. Follow the steps in numerical order. Follow the links in the tutorial, do not use your mouse wheel to advance slides, (it messes up the rotation) If you get stuck or are finished just right click and end show. (Click here to go to the next slide and to learn more)

Not now but I see you are getting the hang of it. (Click here to learn more and go back to the start!)

Intro Page BGT Report Writer Pay great homage to. For help with Adding Reports (Click Here) Links & Images (Click Here) Image Rules (Click Here) If you are doing this for the first time, you should follow the buttons in this order 1. Click and read the HELP button 2. Personal info 3. Set up 4. Write and edit Click HELP first and read the directions Click one of the buttons to begin.

To Input Tester Info 1. Click Add 2. Enter Information to include 100 Word Bio 3. When finished click Save (Add turns to Save) Tester Bio Page

Report Preference Page This is the Report Format page. This will change how your report looks when you are done. You can manipulate headers, subtitles, and report text. To change font colors To change font size Danger Will Robinson Danger! Help Button (for the advanced section only)

Edit Page I feel the advanced page is easier. (Click to learn more) On this page you can Edit Old reports, Enter New Reports, Output to HTML, Change Grid Views, or Exit Click One (Click to learn more) In the BGT Report Writer To edit a report, 1. Choose a report from the grid then click the button above titled 2. I want to edit a Report (Click to learn more) Click here to learn how to add a report

Advanced Edit Click Normal to return to Normal Editing Mode (Click to go back) 3. Click Links or Images To edit a report in Advanced Mode to add (Click learn more) 1. Click a report to Edit 2. Click on tabs to edit report (Click to learn more) You can change the view of the report grid here. The reports that are finished show yes in the done column Add new report (Click to learn more) 4. When you are ready to post your text version Click Make Text for Posting and follow the Prompts. (click to learn more)

Help Button from Main Page

Edit Reports To Edit reports, click on the tabs across the top of the screen. (Click to learn more) Note: click the links and images buttons to learn more about those.

Normal Mode Add Report 1. Click Add New Report 2. Name of your report 3. Click OR or Test Series 4. Choose Tester 5. Enter Date 6. Save your report

Advanced Mode Add Report To add a report in advanced mode 1. Name of your report 2. Choose OR or Test Series 3. Select Tester 4. Enter Date (MM/DD/YYYY) 5. Save New Report

Editing Sections The tabs across the top let you add content to your report. There are 10 sections to add information. Leave the section title blank if you do not want it show up in your report. Additionally if you don t like the title of the section you can change it as well.

Links and Images Choose one: Links Images

Links The same method is used to insert links or images in a report 1. Click the Links button on the report writer 2. Type in full URL (web address) 3. Add link Text 4. Check Link (click the blue go button) For links, type in the full URL (web address) of the page under the links Tab. To insert the link in your report type in the following <<LINK 1>> where the number corresponds to each link you add. I.E. 1,2,3,4 (Note: You need the http:// in your full address ) <<LINK 1>> adds 1 link in your report Click here for an example st LINK tags must be in CAPITAL LETTERS at this time. I.E. <<LINK 1>>

Example Link/Image HTML Link Image

Images For images, click the large X under the image number. A file location dialogue will appear. Navigate to your image, and click on it to select it. Add Alt Text, Align the picture, Float, border around the picture, border color, and caption (optional). You must use Alt Text when uploading pics to the BGT site. Float controls how text wraps around an image. It is not required, but users should experiment with it to discover exactly how it affects their Images and text. <<IMAGE 1>> adds 1st image in your report Click here for an example To read more on image rules click here

Image Rules Each image must be 100 kilobytes or less. Allowed formats are.jpg,.jpeg,.png, or.gif files. Alt Text or Alternate Text is required when uploading pictures to the BackPackGearTest web site. Alt Text is a short description of what is in the image. This is used in browsers for the visually impaired. As such it is considered a required image attribute in the HTML specs. Alt attributes can also have a positive impact on the search engine rankings Please read the bylaws Chapter 11: Including pictures in your reports and reviews to learn more. (Click link above to go there now.)

Add reports In Normal Mode Click on the I want to make new report button (click the button to learn more) In Advanced mode click on the Add New Report button (click the button to learn more)

Text & HTML When you generate both text and HTML, a pop up box will tell you where they are saved. Navigate there to upload your HTML files to the BGT Web site. There is no need to save the information in the report writer, except where prompted with a save button. Otherwise the report writer saves your information automatically.