Using Tables in Canvas.

Slides:



Advertisements
Similar presentations
DREAMWEAVER Welcome to our website!
Advertisements

Change font face Change font size Align left.
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
DRUPAL How to create a website Summer Tech Academy 2010 Mercedes Conde.
Inserting a Table Screen Shots Inserting a table is a function of the FCK editor. You can use tables in many ways.
In the top left corner of the page, click on Pages & Files. Click on the If Then Statements folder to select it. Click New – Create a Page. You can also.
Site Modules > Page Builder Access the Page Builder module through the Site Modules top navigation link. Access Page Builder from the Site Modules navigation.
Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.
How to add a Wevideo project to you Jimdo Homepage Frontier EMST.
Creating Tables in a Web Site.  Define table elements  Describe the steps used to plan, design, and code a table  Create a borderless table to organize.
Highly Confidential – for UCRE Affiliate Use Only 2015 Regional Training Class Embedding maps on the listing page of your United Country office website.
A guide for UICET for using Wikispaces.  A wiki is a web page or collection of web pages that can be linked together as a website.  Wikis are often.
 iSpring is a PowerPoint to Flash Converter  Click here to Download iSpring – free Click here to Download iSpring  iSpring works with SlideBoom  SlideBoom.
Creating Tables in a Web Site
Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.
Google Documents Online Peer Colaboration Tools. Be sure to notice the “s” here If you have a google account, log in.
Web Technologies Website Development Trade & Industrial Education
How to use in your classrooms? Presented by Steve Adler, Cheryl Butler, Allen Day, and Hyewon Lee 1.
Website Development with Dreamweaver
 Creating your personal website and online portfolio.
Chapter 4 Tables.  Look at table on Page 142 ◦ Attributes  Creating a table together in class ◦ ◦ table row ◦ table header ◦ table data cell.
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit D Formatting Text and Using Cascading Style Sheets.
1. 2 Introductions  Name?  What do you want to get out of this session?  To follow along with this presentation go to
Dreamweaver MX. 2 Overview of Templates n Templates represent a web page design or _______ that will be common to multiple pages. n There are two situations.
Moodle with Style Integrating new technologies to empower learning and transform leadership.
Other Useful Features of Excel n Scenario Manager n Freezing Panes n OLE.
© 2008 The McGraw-Hill Companies, Inc. All rights reserved. WORD 2007 M I C R O S O F T ® THE PROFESSIONAL APPROACH S E R I E S Lesson 15 Advanced Tables.
Put your assignment on the page. Embed a document for students to complete and send back to you. Have students complete the document and submit it to.
Prepared by: Peter Huang. Log into your Google account, and find the calendar button! If not displayed, click more, and the application will be listed.
Using an HTML image (img) element’s onclick event to change the source (src) of an iframe to an embedded youtube video.
HTML ( HYPER TEXT MARK UP LANGUAGE ). What is HTML HTML describes the content and format of web pages using tags. Ex. Title Tag: A title It’s the job.
How to create a table in Blackboard?
CHAPTER 5 Working with Data Tables and Inline Frames.
LiveBinder Guide. Creating a LiveBinder After you log in, select start a blank binder on the left hand side. Once you have clicked that name your new.
Highly Confidential – for UCRE Affiliate Use Only 2015 Regional Training Embedding Maps into your listings on your United Country office website.
Spreadsheets the basics. Readings n As per Module 5.
Writing a Web Page. Using Frontpage FrontPage is a user-friendly WYSIWYG html editor. To begin, open the program and a new page. FrontPage is a user-friendly.
Inserting Flash Videos SharePoint 2007 By Joseph Risi.
Google HOW DO I SUBMIT MY ASSIGNMENT?. To join a classroom, your teacher will give you a code.
MODULE 9 Integrating Word, Excel, Access, and PowerPoint © Paradigm Publishing, Inc.1.
Positioning Objects with CSS and Tables
Prepared by the Academic Faculty Members of IT. Tables Creating Tables. Merging Cells. Splitting Cells. Sorting Tables. Performing Calculations.
1 Creating a Menu Bar on a Secondary Web Page  It is important for visitors to be able to move easily from one page to another  You will create a menu.
Chapter 28. Copyright 2003, Paradigm Publishing Inc. CHAPTER 28 BACKNEXTEND 28-2 LINKS TO OBJECTIVES Table Calculations Table Properties Fields in a Table.
GENERATING A NAV EXPORT FILE This document outlines the process used to generate a NAV export file to be sent to the PA so they can update their website.
Create Course with video lesson. Course Coverage What covered in this course? Video lesson creation – Using external site embed iframe tag – Using third.
Embedding Videos and Slideshows. (Click on any question you have to go directly to the answer, while in presentation mode)
1 Word Processing Intermediate Using Microsoft Office 2000.
Instructional Design Center Embedding Google Documents in Blackboard.
Instructional Design Center Editing Files Using Google Docs.
Weebly is Your Friend. * To Enhance And Promote Your Curriculum * To Provide A Student Resource * Add Efficiency to Your Planning * Informational * Promote.
Accessibility and Teaching Online Beth Case Program Manager for Digital, Emerging, and Assistive Technologies University of Louisville, Delphi Center.
QR CODES: What are they, and how can they be used in education? Created by Russell Smith Technology Facilitator North Edgecombe High School.
Advanced HTML Tags:.
WeatherSTEM Data Mining Tool
Integrating Office 2003 Applications and the World Wide Web
Embedding TimelineJS in WordPress and Omeka
How to create a web page using word …
Contract Compliance: Search
Inserting a table Place your cursor where you want the table
Setup: Chrome tabs: Canvas > Dashboard
Basic Steps: Set up account, log in Select theme (colors, tabs)
Access Tutorial 8 Sharing, Integrating, and Analyzing Data
Chapter 1 Creating a Worksheet and an Embedded Chart
Open your video file. Play the video.
How to Create a Microsoft Access 2007 Database
HTML and Geocities.
A few tricks to take you beyond the basics of Microsoft Office
4.00 Apply procedures to add content by using Dreamweaver. (22%)
Intermediate Level Course
Presentation transcript:

Using Tables in Canvas

Using Tables in Canvas Many ways you can use tables in Canvas to organize your pages. You can use a 1 column, 1 row table and center this to make your page neatly centered You can use a table to embed multiple video in a page You can use a table to embed multiple documents in a page This works great with Microsoft One Drive

Using Tables in Canvas You can use a 1 column, 1 row table and center this to make your page neatly centered Chose a box for your table Click on Table properties to center the table

Using Tables in Canvas Place the information into the table and click save.

Using Tables in Canvas This is the page after, neat and organized.

Using Tables in Canvas You can use a table to embed multiple video in a page. Create a table with the amount of cells you want. (four videos, four cells) Go into Table Properties, add boarder, add captions (for screen readers), add color ETC Once you have create the table, get the embedded code for the video (make sure it has <iframe at the beginning and <iframe> at the end of the video. If not you will type this into the code of the video. Click on HTML Editor to switch to the Rich Content Editor

Using Tables in Canvas You will place the embedded code in-between the <td></td> ** Make sure to look for the <iframe Once you have entered each video, click on the Rich Content Editor (this will switch you back to the HTML Editor) before you save and publish.

Using Tables in Canvas AFTER!!! You can play them all at the same time… Not that you would want to

Using Tables in Canvas You can use a table to embed multiple documents in a page (This works great with Microsoft One Drive) You will create a table with the amount of cells that you want with your documents. Log into your online file( one cloud, google drive ETC…) Copy the embed code Click on HTML Editor to switch to the Rich Content Editor

Using Tables in Canvas You will place the embedded code in-between the <td></td> ** Make sure to look for the <iframe Once you have entered each document, click on the Rich Content Editor (this will switch you back to the HTML Editor) before you save and publish.

Using Tables in Canvas You can click to expand the document and scroll through the document. This will continue to update as you update in you online drive.

Using Tables in Canvas Microsoft One Could

Using Tables in Canvas Google Drive

Using Tables in Canvas Google Drive