Tutorial Tutorial Read all the directions before proceeding

Slides:



Advertisements
Similar presentations
Getting Started with your Course Staff Guide. Turn Editing On Click either the link or the button as below:
Advertisements

Chapter 3 – Web Design Tables & Page Layout
Power Point Introduction Table of Contents Step One: Create a Slide Step Two: Enter in Text Step Three: Background Step Four: Insert Picture Step Five:
KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
Microsoft Word 2010 Lesson 1: Introduction to Word.
Intro to Microsoft Word.
Inventory Throughout this slide show there will be hyperlinks (highlighted in blue) follow the hyperlinks to navigate to the specified Topic or Figure.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.
Creating a Web Page HTML, FrontPage, Word, Composer.
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Wikispaces in Education Tutorial Jennifer Carrier Dorman
© 2012 Boise State University1 WordPress Training February 14, 2013.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Adding Content To Your Faculty Page 1.Login 2.Create your Faculty Page 3.
Web Technologies Website Development Trade & Industrial Education
© 2012 Boise State University1 WordPress Training February 14, 2013.
Using Netscape to Design Basic, Yet Beautiful Web Pages! With Designs by Dan EIL 301, spring 2000.
Back to Table of Contents CAPA Website Tutorial Anne Dang, CCPA Webmaster for CAPA.
Appleworks Draw Let’s get started…. With the drawing program, you can create… Mathematically calculated objects Mathematically calculated objects Each.
Enhancing Your Web Site. More Basic HTML Tags Today you will learn these tags: & add-on (alt, height, width & align) and “href” add-on Add a text link.
Images in HTML PowerPoint How images are used in HTML.
Website Development with Dreamweaver
Microsoft Expression Web-Illustrated Unit I: Working with Tables.
1 Lesson 3 Power Techniques HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
JUX 1 12/26/2012 JUX Creating in Jux allows you to present your images, captions, text, blogs, etc. in a creative format. Create an Account Login at
Getting Started with CAA’s Alumni Groups Website System.
Virtual Book Tools How to insert a Text Box Click on Insert Go to Text Box Click on slide to insert OR Click on Drawing Toolbar picture of Text Box Click.
© 2012 The McGraw-Hill Companies, Inc. All rights reserved. word 2010 Chapter 3 Formatting Documents.
Review of last session Add text to your website Add text to your website Title Title Paragraph Paragraph Title and paragraph Title and paragraph Add photographs.
Moodle with Style Integrating new technologies to empower learning and transform leadership.
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
Wikispaces in Education Tutorial Fatema Kashoob Nawal ALKathiri
A STUDENT’S GUIDE TO ADDING IMAGES TO NEW OR EXISTING BLOG POSTS Adding Images to Your Blog Post Presented by Michelle Krummel.
 To begin you first need to sign up to Weebly by going to or alternatively and we will create an account.
My Presentations Create new presentations and find the ones you’ve worked on before. Your progress is saved automatically as you work. Undo Anything.
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
Creating Google Sites Laura Assem, Director of Technology.
HTML Concepts and Techniques Fifth Edition Chapter 4 Creating Tables in a Web Site.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Wikispaces in Education Tutorial ESA, Region 2 Mary Teply Marge Hauser.
Easy WP Guide V2.6 for WordPress 3.8. easywpguide.com Adding Tags within your Post Adding Tags whilst editing your Post, will automatically assign those.
How to Create an E-Portfolio See a sample e-portfolio at See an example.
Creating a Google Site For a Digital Portfolio Purpose.
ENHANCE YOUR WEBSITE. HOW TO INSERT COLOR??? USE THE TAG: GO TO PICK COLOR WANT BY POINTING: THEN USE THE HEX NUMBER.
Overview Review Elements
HTML Basics.
2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.
With Microsoft FrontPage 2000
2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.
Chapter 2 – Introduction to the Visual Studio .NET IDE
Adding a File to a Course
PowerPoint Practice Assignment (Make all changes in this presentation
More elements 10 Basic elements.
Midwest NASCOE Tutorial
Overview Review Elements
How to Make a Power Point
The Smarter Balanced Assessment Consortium
The Smarter Balanced Assessment Consortium
Cheat Sheet CSCI 100 JW Ryder
Benchmark Series Microsoft Word 2016 Level 2
Cheat Sheet CSCI 100 JW Ryder
How to Make a Power Point
How to Make a Power Point
How to Make a Power Point
Consult America Technology Consulting Services
The Smarter Balanced Assessment Consortium
The Smarter Balanced Assessment Consortium
Presentation transcript:

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. Links (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…. Click HELP first and read the directions 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 one of the buttons to begin.

Tester Bio Page Intro Page 1. Click Add 2. Enter Information To Input Tester Info Tester Bio Page 1. Click Add 2. Enter Information to include 100 Word Bio 3. When finished click Save (Add turns to Save) Intro 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) Intro Page

Edit Page On this page you can Edit Old reports, Enter New Reports, 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 Intro Page

Advanced Edit Intro Page Click Normal to return to Normal Editing Mode (Click to go back) 3. Click Links or Images to add (Click learn more) To edit a report in Advanced Mode 1. Click a report to Edit 2. Click on tabs to edit report (Click to learn more) Add new 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 4. When you are ready to post your text version Click “Make Text for Posting” and follow the Prompts. (click to learn more) Intro Page

Help Button from Main Page Intro Page

Edit Reports Intro Page Edit Page 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. Intro Page Edit Page

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

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 Add Report Page 5. Save New Report 4. Enter Date (MM/DD/YYYY) Intro Page Edit Page

Editing Sections Intro Page Edit Page 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. Intro Page Edit Page

Links and Images Choose one: Links Images Intro Page Edit Page

Links Intro Page Edit Page Links & Images 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 tags must be in CAPITAL LETTERS at this time. I.E. <<LINK 1>> <<LINK 1>> adds 1st link in your report Click here for an example Intro Page Edit Page Links & Images

Example Link/Image HTML Intro Page Links & Images

Images To read more on image rules click here Intro Page Edit Page 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 Intro Page Edit Page Links & Images

Image Rules Intro Page Edit Page Links & Images 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.) Intro Page Edit Page Links & Images

Add reports Intro Page Edit Page In Advanced mode click on the 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) Intro Page Edit Page

Text & HTML Intro Page Edit Page 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. Intro Page Edit Page