L1: Table HTML

Step 1 - Create a new Google Sites for HTML Coding Projects.webm

Step 1: Create a Google Site

Go to a new Chrome tab and type sites.new.
Name three sections of the new Google Site.
Insert Text and type Code a Table.
Change the formatting from Normal text to Title.

Step 2 - Publish and Change Review Publish Settings.webm

Step 2 - Publish

Select Publish.
Click on the down arrow next to Publish and select Publish settings.
Turn off the annoying Editors must review changes before publishing,

Step 3 - Temporarily Turn off Grammarly Extension.webm

Step 3 - Temporarily Turn off Grammarly

You know I LOVE the free version of Grammarly. As my English Language Arts student, it is super important that you fix all minor grammar errors (plus find the major ones on your own). However, coding HTML in Google Sites will not work with Grammarly on. How do I know this? I Googled it! Here is the answer if you want to see it yourself.

Right click on the Grammarly extension.
Select Manage extensions.
Use the slider to turn Off the extension.

When you are done with today's lesson, turn Grammarly On. The extension is extremely helpful in our English class.

Exception to No Copy/Paste Rule

You have heard me tell you to NEVER copy/paste your research for English and History class. This is because your brain needs to translate the information into your own words to avoid plagiarism AND, more importantly, help you understand the information.

Copy/paste is expected when you code. Why? Because even when you copy/paste the code, you must change the information to make it your own. If you don't, the code won't work the way you need it to. Trust me.

Step 4 - Copy-Paste HTML Code using Embed option.webm

Step 4 - Copy/Paste Table HTML Code

Go to a new tab and type table html.
Click on the link for w3schools.com. We will use their HTML for this lesson.
Find the code. No, you are not required to understand it yet.
Copy all the information from <table> to </table>. (What has a beginning has an end).
In your Google Site, click Insert -> Embed.
Select Embed code.
Paste the code.
Select Next.
View the table you created and select Insert.

Before We Move On

If all you do is copy/paste the code from w3schools.com, you get their table information. That is NOT want you want! This is your first HTML lesson. Watch the video carefully and do exactly what I do. If you want to push yourself, watch how I make changes, do what I do, then change the words to what you want. No pressure.

It is like putting together a Lego set. First you follow the directions on the box. Then you tear it apart and make a creation of your own. The more Lego sets you build, the better you become.

Step 5 - Change the Titles and Cell Information.webm

Step 5 - Modify Table

Double click on the table.
Do NOT change any code. What is code? Words that have <> around them.
Make the following changes:
- Firstname -> English
- Lastname -> History
- Age -> PE
Scroll down to the next table row <tr> and make the following changes:
- Jill -> Blogging
- Smith -> WeVideo
- 50 -> Burpees
Scroll down one more more to a new <tr> and make the following changes:
- Eve -> Shapegrams
- Jackson -> HTML
- 94 -> Jumping jacks
Click Next, view your awesome work, and select Insert.
Click Publish and View published site.
Be proud!!!!!!!!

Step 6 - Submit GC Assignment.webm

Step 6 - Submit GC Assignment

After you Publish the site, select Copy published site link.
Open the Google Classroom Question.
In the Answer, paste the link.
🔏 In the private comments, tell me about your first experience coding html.

Report abuse