Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Creating tables

From: Moodle 1.9 Essential Training for Teachers

Video: Creating tables

The next skill that you want to master when working with the HTML editor that's built into Moodle is the creation of tables and tables are used to be used in HTML to do everything from laying out documents to presenting tables of data. They are mostly used now for just presenting tables of data and for small little layouts. So that's where we are going to use this table for. We want to post a document to our students that's a paper that's been written; it's a background about Coral Zooxanthellae Symbiosis. And we are going to create an outline of this document up at the top of the page and then in a later movie, we'll go through and we'll link that outline to the subsections. So to begin, go to the first week's block, January 26 to February 1, and click the dropdown menu for Add a resource and we are going to compose a webpage. So click on Compose a web page and we are going to give this a title, Coral Zooxanthellae Symbiosis. We'll give a little description here of Background information about the Coral Zooxanthellae Symbiosis. Go ahead and scroll down to the Compose a web page section. Now if you are following along with the exercises, go ahead and open up the background_html_ formatted.txt file from the Chapter 03 Exercise Files. Go ahead and select all which is Command+A or Ctrl+A and copy which is Command+A or Ctrl+C and we can go ahead and close that document and we'll return back to Moodle. Now don't just paste the text inside of here. What we are going to paste in here is some formatted HTML. So what we want to do is click on the Toggle HTML Source button over on the right-hand side. Select the break tag that's in there and go ahead and delete it and now hit Command+V or Ctrl+V and that will paste this entire document. If we then click on the Toggle HTML Source back again, we can see that there is an article that's been posted here. It's just a text document and the only formatting that I have applied is to go in and select each of the different headers and apply a Heading 1 or Heading 2 to those various different locations. So go ahead and scroll all the way up to the top and what we want to do is click at the very top of the text box, and we want to insert a table and we'll do that by clicking on the Insert Table button over here on the right- hand side. Now for this table, let's start off with a very simple table. We need to tell Moodle the number of rows and columns that we want our table to contain. So let's begin with a simple table of 1 row and 1 column and its default to set the Width to 100% meaning that this table is going to be 100% of the Width of the HTML window that we have open. And that's probably a little bit large for what we need. So go ahead and select the value for Width and type in 400 and we don't want Percent; what we really want is Pixels in this case. We are going to leave the Layout set to Not Set, but if you were inserting a table that you wanted to use as a sidebar, meaning you want to have it show up in the text and have the text wrap around it, you could start with your cursor at the beginning of the text and tell that you want it to be Left justified or Right justified and then the table would show up on the left or right side of that block of text, and the text would flow around it. But in our case, we want it to be just up at the top. So we'll leave it set to Not Set. Border thickness set to 1. That's great because that's going to put an actual line around the table. Spacing. to 1 and the Cellpadding both to 1 and these are how close the cells are to one another, which is Cellspacing and Cellpadding is how much space is in between the cells. So both of those values are fine. Let's go ahead and click OK and our new table is created for us right at the top for us to work in. So if we click our mouse inside of that table, you can see that there are some different controls that are showing up around the outside of the table. If we wanted to increase the number of columns, we could simply click on the small triangle that is pointing to the right-hand side of the circle and if I click on that, you can see there is another little cell over here, if I type in just a few characters. You can see that there is another cell that's being created. We can get rid of a column by clicking on the Circle icon at the top of the column, and that column disappears. Let's go ahead and add a new row by clicking the Down arrow on the left-hand side. So now we have a table that is divided into two rows and one column. We'll go ahead and type in the top column, Outline, and select the text that's inside of there and we'll go ahead and center that. Now for the text that's inside the main part of the table, what we want is all of the headings for this paper that we were working with, and rather than watch me type this, if you have access to the Exercise Files, you can open up a file in the Chapter 3 Exercise Files called background_ outline.txt and I have gone ahead and typed out the entire outline for you. So go ahead and select that and copy it using Command+C or Ctrl+C and we'll come into this second cell and paste it with Command+V or Ctrl+V. Once again, all that text just goes ahead and flows right into here. Now this top cell, it would be good to go ahead and differentiate that cell from the bottom cell a little bit. So in order to do that, we want to get into the row properties for this cell. So go ahead over to the right-hand side and click on the Enlarge Editor button. That's going to open up the large screen editor for us to work in, and we can click inside of that top cell. And this second icon here that has the kind of red bar highlighted in it is the Row properties tool. So go ahead and click on that tool, and this is going to give us the ability to go in and set any custom width and heights for this row of content that we want. We can set the Text alignment if we want and right now, its set to Left, but let's go ahead and set that to Center, so that our heading jumps directly over into the middle of that cell. Vertical alignment; if there were multiple lines here we could set whether or not we wanted the alignment of the text and any objects inside of that cell to be at the top of the cell or linked to the bottom or floating in the middle. At the top, it's just fine for what we are doing. And now down in the Style section, there is a Background property and this box right here is actually a color chip. So go ahead and click on that box and it's going to bring up a color selector for us and we can choose what color that we want to use as the Background color for this particular cell. I'm going to go ahead and choose this Gray color here which is a #CCCCCC. And if we wanted to have a Background image show up, we would go ahead and type that URL in here. There's also a place for us to enter the Foreground color and a Border color for this cell. But we have got everything set the way we wanted. We'll go ahead and click OK and now we can see that our text is now aligned into the middle of that cell and the cell has a nice background color on it. The next thing we want to do is go ahead and apply some formatting to this outline that we have pasted in. So I want to go ahead and select the whole outline and click on the Bulleted List button that's up in the HTML formatter and that's going to give us a nice bulleted list. Now we want to add a couple of more indentions to a few of these. Everything from Effects of Light to all the way down to Effects of Increased Temperature. Go ahead and select all of those areas and let's increase the indent on those and it's going to move all of those bullets in one indent. We'll also take and select both Zooxanthellae and Chlorophyll a, and the Chlorophyll a listing and we'll move those in as well and Chlorophyll a is a sub-heading of the Zooxanthellae and Chlorophyll a. So we'll go ahead and select Chlorophyll a and indent that one level as well. So now we have a nice table that we have inserted. We can use the internal controls to adjust the cells. The controls up here will do the same thing but these controls here are going to do it a lot quicker and a lot easier; it's all going to be just in line for you. We have got our table the way that we wanted, go ahead and click the Minimize editor and we can now go ahead and scroll all the way to the bottom and click the Save and display button, and we can see how our work looks. We have got our Outline table set up. We have got a heading for the table and we have got the Outline all laid out in there. So let's return back to our course, going up to BIOL432 and there is our Coral Zooxanthellae Symbiosis document that is ready for our students to use.

Creating tables

The next skill that you want to master when working with the HTML editor that's built into Moodle is the creation of tables and tables are used to be used in HTML to do everything from laying out documents to presenting tables of data. They are mostly used now for just presenting tables of data and for small little layouts. So that's where we are going to use this table for. We want to post a document to our students that's a paper that's been written; it's a background about Coral Zooxanthellae Symbiosis. And we are going to create an outline of this document up at the top of the page and then in a later movie, we'll go through and we'll link that outline to the subsections. So to begin, go to the first week's block, January 26 to February 1, and click the dropdown menu for Add a resource and we are going to compose a webpage. So click on Compose a web page and we are going to give this a title, Coral Zooxanthellae Symbiosis. We'll give a little description here of Background information about the Coral Zooxanthellae Symbiosis. Go ahead and scroll down to the Compose a web page section. Now if you are following along with the exercises, go ahead and open up the background_html_ formatted.txt file from the Chapter 03 Exercise Files. Go ahead and select all which is Command+A or Ctrl+A and copy which is Command+A or Ctrl+C and we can go ahead and close that document and we'll return back to Moodle. Now don't just paste the text inside of here. What we are going to paste in here is some formatted HTML. So what we want to do is click on the Toggle HTML Source button over on the right-hand side. Select the break tag that's in there and go ahead and delete it and now hit Command+V or Ctrl+V and that will paste this entire document. If we then click on the Toggle HTML Source back again, we can see that there is an article that's been posted here. It's just a text document and the only formatting that I have applied is to go in and select each of the different headers and apply a Heading 1 or Heading 2 to those various different locations. So go ahead and scroll all the way up to the top and what we want to do is click at the very top of the text box, and we want to insert a table and we'll do that by clicking on the Insert Table button over here on the right- hand side. Now for this table, let's start off with a very simple table. We need to tell Moodle the number of rows and columns that we want our table to contain. So let's begin with a simple table of 1 row and 1 column and its default to set the Width to 100% meaning that this table is going to be 100% of the Width of the HTML window that we have open. And that's probably a little bit large for what we need. So go ahead and select the value for Width and type in 400 and we don't want Percent; what we really want is Pixels in this case. We are going to leave the Layout set to Not Set, but if you were inserting a table that you wanted to use as a sidebar, meaning you want to have it show up in the text and have the text wrap around it, you could start with your cursor at the beginning of the text and tell that you want it to be Left justified or Right justified and then the table would show up on the left or right side of that block of text, and the text would flow around it. But in our case, we want it to be just up at the top. So we'll leave it set to Not Set. Border thickness set to 1. That's great because that's going to put an actual line around the table. Spacing. to 1 and the Cellpadding both to 1 and these are how close the cells are to one another, which is Cellspacing and Cellpadding is how much space is in between the cells. So both of those values are fine. Let's go ahead and click OK and our new table is created for us right at the top for us to work in. So if we click our mouse inside of that table, you can see that there are some different controls that are showing up around the outside of the table. If we wanted to increase the number of columns, we could simply click on the small triangle that is pointing to the right-hand side of the circle and if I click on that, you can see there is another little cell over here, if I type in just a few characters. You can see that there is another cell that's being created. We can get rid of a column by clicking on the Circle icon at the top of the column, and that column disappears. Let's go ahead and add a new row by clicking the Down arrow on the left-hand side. So now we have a table that is divided into two rows and one column. We'll go ahead and type in the top column, Outline, and select the text that's inside of there and we'll go ahead and center that. Now for the text that's inside the main part of the table, what we want is all of the headings for this paper that we were working with, and rather than watch me type this, if you have access to the Exercise Files, you can open up a file in the Chapter 3 Exercise Files called background_ outline.txt and I have gone ahead and typed out the entire outline for you. So go ahead and select that and copy it using Command+C or Ctrl+C and we'll come into this second cell and paste it with Command+V or Ctrl+V. Once again, all that text just goes ahead and flows right into here. Now this top cell, it would be good to go ahead and differentiate that cell from the bottom cell a little bit. So in order to do that, we want to get into the row properties for this cell. So go ahead over to the right-hand side and click on the Enlarge Editor button. That's going to open up the large screen editor for us to work in, and we can click inside of that top cell. And this second icon here that has the kind of red bar highlighted in it is the Row properties tool. So go ahead and click on that tool, and this is going to give us the ability to go in and set any custom width and heights for this row of content that we want. We can set the Text alignment if we want and right now, its set to Left, but let's go ahead and set that to Center, so that our heading jumps directly over into the middle of that cell. Vertical alignment; if there were multiple lines here we could set whether or not we wanted the alignment of the text and any objects inside of that cell to be at the top of the cell or linked to the bottom or floating in the middle. At the top, it's just fine for what we are doing. And now down in the Style section, there is a Background property and this box right here is actually a color chip. So go ahead and click on that box and it's going to bring up a color selector for us and we can choose what color that we want to use as the Background color for this particular cell. I'm going to go ahead and choose this Gray color here which is a #CCCCCC. And if we wanted to have a Background image show up, we would go ahead and type that URL in here. There's also a place for us to enter the Foreground color and a Border color for this cell. But we have got everything set the way we wanted. We'll go ahead and click OK and now we can see that our text is now aligned into the middle of that cell and the cell has a nice background color on it. The next thing we want to do is go ahead and apply some formatting to this outline that we have pasted in. So I want to go ahead and select the whole outline and click on the Bulleted List button that's up in the HTML formatter and that's going to give us a nice bulleted list. Now we want to add a couple of more indentions to a few of these. Everything from Effects of Light to all the way down to Effects of Increased Temperature. Go ahead and select all of those areas and let's increase the indent on those and it's going to move all of those bullets in one indent. We'll also take and select both Zooxanthellae and Chlorophyll a, and the Chlorophyll a listing and we'll move those in as well and Chlorophyll a is a sub-heading of the Zooxanthellae and Chlorophyll a. So we'll go ahead and select Chlorophyll a and indent that one level as well. So now we have a nice table that we have inserted. We can use the internal controls to adjust the cells. The controls up here will do the same thing but these controls here are going to do it a lot quicker and a lot easier; it's all going to be just in line for you. We have got our table the way that we wanted, go ahead and click the Minimize editor and we can now go ahead and scroll all the way to the bottom and click the Save and display button, and we can see how our work looks. We have got our Outline table set up. We have got a heading for the table and we have got the Outline all laid out in there. So let's return back to our course, going up to BIOL432 and there is our Coral Zooxanthellae Symbiosis document that is ready for our students to use.

Show transcript

This video is part of

Image for Moodle 1.9 Essential Training for Teachers
Moodle 1.9 Essential Training for Teachers

108 video lessons · 9946 viewers

Chris Mattia
Author

 
Expand all | Collapse all
  1. 8m 21s
    1. Welcome
      2m 8s
    2. Course overview
      5m 22s
    3. Using the exercise files
      51s
  2. 34m 55s
    1. Getting started
      2m 59s
    2. Installing Moodle on a Mac
      8m 45s
    3. Installing Moodle on a Windows computer
      14m 24s
    4. Creating user accounts
      3m 55s
    5. Creating a new course
      3m 0s
    6. Just enough site administration to get you going
      1m 52s
  3. 41m 16s
    1. Logging in and getting oriented with Moodle
      5m 8s
    2. Customizing your profile
      4m 7s
    3. Customizing course settings
      3m 49s
    4. Editing the header block
      1m 33s
    5. Posting a course syllabus
      3m 55s
    6. Communicating news to students
      3m 5s
    7. Managing files and folders
      3m 41s
    8. Posting lecture slides
      3m 11s
    9. Setting up the gradebook
      5m 35s
    10. Sending email to the class
      2m 54s
    11. Creating a simple assignment
      4m 18s
  4. 51m 28s
    1. HTML editor overview
      10m 11s
    2. Formatting text
      8m 42s
    3. Creating tables
      9m 36s
    4. Creating internal links
      7m 27s
    5. Creating external links
      7m 2s
    6. Inserting local pictures with HTML
      3m 55s
    7. Inserting pictures from Flickr
      4m 35s
  5. 49m 22s
    1. Preparing images
      6m 53s
    2. Batch-uploading files
      5m 58s
    3. Posting image files
      2m 33s
    4. Posting a photo gallery
      3m 45s
    5. Preparing audio files
      10m 14s
    6. Posting audio
      3m 50s
    7. Preparing video files
      7m 45s
    8. Posting video
      3m 48s
    9. Inserting video from YouTube
      4m 36s
  6. 37m 11s
    1. Creating a text label
      6m 14s
    2. Linking to a web site
      6m 2s
    3. Creating a text page
      4m 45s
    4. Creating a web page
      10m 56s
    5. Linking to a folder of documents
      4m 18s
    6. Inserting an IMS content package
      4m 56s
  7. 27m 23s
    1. Assignments overview
      2m 13s
    2. Advanced uploading of files
      10m 32s
    3. Online text
      4m 26s
    4. Uploading a single file
      5m 1s
    5. Offline activity
      5m 11s
  8. 11m 39s
    1. Creating a live chat room
      5m 13s
    2. Creating a choice
      6m 26s
  9. 15m 45s
    1. Setting up a simple database
      4m 14s
    2. Creating database fields
      2m 49s
    3. Customizing a database template
      1m 33s
    4. Entering data into a database
      1m 43s
    5. Enabling database auto-linking
      3m 23s
    6. Enhancing a database with file uploads
      2m 3s
  10. 17m 16s
    1. Creating a main glossary
      4m 45s
    2. Adding concepts to the glossary
      3m 16s
    3. Enabling glossary auto-linking
      3m 38s
    4. Enabling students to edit a glossary
      2m 5s
    5. Creating a secondary glossary
      3m 32s
  11. 9m 58s
    1. Creating a forum
      5m 21s
    2. Using a discussion forum
      4m 37s
  12. 32m 17s
    1. Creating a wiki
      7m 3s
    2. Wiki editing basics
      4m 26s
    3. Creating lists
      6m 1s
    4. Subdividing a class wiki
      3m 43s
    5. Adding attachments and images
      2m 54s
    6. Creating external links
      2m 27s
    7. Creating a table
      5m 43s
  13. 1h 9m
    1. Online assessment overview
      1m 38s
    2. Creating question pool categories
      1m 58s
    3. Creating a first question
      6m 24s
    4. Creating true/false questions
      4m 39s
    5. Creating multiple choice questions
      7m 23s
    6. Creating short answer questions
      6m 59s
    7. Creating essay questions
      6m 22s
    8. Creating match questions
      6m 38s
    9. Creating numerical questions
      4m 56s
    10. Importing question pools from Blackboard
      6m 24s
    11. Creating a quiz
      9m 9s
    12. Adding questions to a quiz
      6m 50s
  14. 39m 16s
    1. Gradebook overview
      2m 6s
    2. Completing assignments as a student
      9m 34s
    3. Grading an assignment
      4m 52s
    4. Quick grading
      2m 25s
    5. Grading assignments with uploaded files
      2m 18s
    6. Grading offline assignments
      1m 16s
    7. Grading an online quiz
      3m 30s
    8. Quiz data analysis
      3m 4s
    9. Adding assignments
      2m 3s
    10. Exporting grades
      3m 55s
    11. Importing grades
      4m 13s
  15. 20m 4s
    1. Calendars and events overview
      3m 51s
    2. Creating a new event
      3m 21s
    3. Creating a repeating event
      3m 15s
    4. Exporting a calendar to iCal
      4m 5s
    5. Exporting a calendar to Outlook
      5m 32s
  16. 44m 40s
    1. Course administration overview
      3m 3s
    2. Managing course settings
      12m 48s
    3. Managing user roles
      2m 59s
    4. Managing groups
      4m 51s
    5. Backing up your course
      4m 34s
    6. Restoring data from a backup
      3m 14s
    7. Importing content to another course
      4m 53s
    8. Resetting a course
      3m 24s
    9. Running reports
      4m 54s
  17. 4m 14s
    1. Additional resources
      2m 58s
    2. Goodbye
      1m 16s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ .

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Moodle 1.9 Essential Training for Teachers.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member ?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferences from the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.