Docs

Create and Translate a HyperDoc

For this project, you will create a Hyperdoc using your blog posts, add content from the web using the Explore tool and translate your doc.

Create a HyperDoc

1. Create a blank Google Doc.
2. Copy all of the content from your blog post into your Google doc.
3. Google Docs does not support videos but please take a screenshot of any videos you have in your blog posts.
4. Add hyperlinks to the screenshots of the videos that link to the YouTube URL of each video.

Create a Table of Contents

1. Create a title for your document and apply the Title style. 
2. Apply the Heading 1 style to the title of each blog post. 
3. Format the Heading 1 style to your liking and update the existing Heading 1 style so that your adjustments are applied to all of the blog post titles.
4. Insert a table of contents page under the title of the document.

Translate your doc

1. Use the translate tool to translate your HyperDoc into 1 other language.

Blog Post

1. Create a new blog post for Google Docs.
2. Share your 2 HyperDocs (English and translated languages) so that they are viewable to anyone on the web who has the link. 
3. Publish your 2 HyperDocs to the web. 
4. Copy and paste the published embed code to each of your  HyperDocs into your post using the HTML editor in Blogger. 
5. Copy the shareable link to your English version (not the published link) and replace the URL in the HTML editor view of your blog post. Make sure this is the Shareable Link viewable to anyone with the link! 
6. In the HTML editor view, find the HyperDoc you translated into another language. Add the following code after the "<frame" of each doc's embed code: height=640 width = 100% so that your code looks like this <iframe height=640 width=100% src="https://docs.google.com/document/d/[letters and numbers unique to your doc]/edit?usp=sharing"></iframe>
   (Blogger will put these in the right place and in the right format but you need to tell it how big you want it to make the frame that will host your published doc).
7. Click Compose to return to the rich text editor and view the results. 
8. Finally, compare these 2 results in your blog post and talk about what the advantages and disadvantages of each of these 2 styles of embedding a Google doc:

• Embedding a shared link in an iframe
• Embedding a published link after adjusting the height & width of the iframe

Then comment below with the link to your blog post. 

Project Rubric

Objectives: Use Google Docs to create a Hyperdoc with links in order to organize blog posts and create a professional document with a title page, table of contents and outline and translate it into multiple languages (1,2,3,4,5).

View Docs Project Rubric

Video Tutorial

Tutorials

Add, edit, or remove a link, bookmark, or page break

See and use suggested content in a document
Add a title, heading, or table of contents in a document

Translate documents or write in a different language
Make Google Docs, Sheets, Slides & Forms public

Example

Your final HTML code should look like this: 

<iframe height="640" src="https://docs.google.com/document/d/[Unique Letters & Numbers]/edit?usp=sharing" width="100%"></iframe>

<iframe height="640" src="https://docs.google.com/document/d/e/[Unique Letters & Numbers]/pub?embedded=true" width="100%"></iframe>

This will produce the following results: