Using Links on a Web Page

Using Links on a Web Page image

Using Links on a Web Page

This tutorial, Using Links on a Web Page, demonstrates four basic types of links.


  1. Link from one Web page to another in the same Web site.
  2. Link to a Web page on a different Web site.
  3. Link within one Web page.
  4. E-mail link.

You will typically use all four of these types of links for your Web site.

Using Links on a Web Page

As you probably know, many Web page elements can serve as links.

  • Text
  • Images
  • Animation

When using text links on your Web page, use descriptive text as your “hotspot” (clickable word or phrase). For example, don’t use the words “Click here” as your clickable phrase because these words do not explain the purpose of the link. By contrast, the phrase “Shop for Shoe Sales” indicates that the link connects to a Web page with discounted shoes.

The Anchor Tag <a>

The anchor tag is used to create anchors for the four basic types of links: 1) links to another page in the same Web site, 2) links to a Web pages in external Web sites, 3) links within the same Web page, and 4) links to an e-mail address.

Linking to Another Web Page Within the Same Web Site

<a href = “samplephotos.html”>sample photographs</a>

When the words “sample photographs” are clicked, the visitor links to the sample photos.html Web page–another web page on the same web site. Be sure that you have all of your files for this web page in the same folder.

Linking to a Web Page in Another Web Site

This is just like the previous example, but you must include the entire path name – the complete URL ( when you link to an external web site.

<a href = “”>one of our fabulous tour destinations</a>

Linking Within a Web Page

There are two steps to linking within the same web page.

1. Set a target
2. Create a link to that target

Name your target in a way that makes sense for the purpose of the link. For example, if you want a link that will take you from the bottom of the web page to the top of the web page, “To Top” would be a good target name.

<a id = “To Top”>

<a href = “#To Top”> To Top</a>

Notice that you are using the anchor tag just like you did for the previous two examples. Remember, that with this inner-page link, you insert the # before the target id to show that you want to link to the location of the target that you set–it is not necessarily the top of the page.

You will begin to understand as you practice using links on a web page.

Linking to an E-mail Address

Note: If your browser is not configured to send e-mail, the e-mail link will not work.

<a href=””></a>

Again, you are using the anchor tag . In the href attribute, notice that you use the mailto:e-mail address. You may wonder why the e-mail address is listed twice in the code. The first e-mail address is the link itself. The second time, the e-mail address is used as the clickable link. Understand?

Now it’s time to practice using links on a web page. If you have questions about the four basic types of links, let me know.

5 Gmail Shortcuts to Boost Efficiency

Online learning requires a lot of written communication. Email is the primary means instructors of online classes use to communicate with students.

These 5 Gmail shortcuts are easy and can be implemented quickly.

Gmail is a popular email service for higher education. Gmail has several features that can help the online instructor work smarter and save time. These are Gmail shortcuts that all users can take advantage of to increase efficiency and productivity.

5 Gmail Shortcuts to Boost Efficiency

These 5 Gmail shortcuts can help online instructors become even more efficient and effective in their online teaching.

Gmail Shortcut #1. Canned responses

Gmail More Options

Gmail More Options

Canned Response image

Canned Response

Online instructors send out many individualized emails to meet the needs of students. But there are times when a canned response will work just fine. For example, at the beginning of each semester, online students must email their instructors to let them know they are in the class. A canned response works well for the initial email response and saves an enormous amount of time.

Click the “More Options” button at the bottom right hand side of the New Message box. Choose “Canned Response” and then “New Canned Response.”

The next time you get ready to send the message, it will be right there waiting on you.

Gmail Shortcut #2. Unread Email Message Tab Icon

If you are like me, you keep multiple tabs open in your browser. You want to give your online students quick feedback, but it is annoying to click back and forth between tabs to check for emails.

Unread Message Icon image

Unread Message Icon

You can see how many unread emails are in your inbox at a glance.

Go to Settings and choose the Lab tab. Scroll down to “Unread message icon” and click “Enable.” Be sure to save changes.

Gmail Shortcut #3. Undo Send

Undo Send image

Undo Send

Maybe you shot that email off to your favorite student just a little too fast. As soon as you hit send you realized that the email did not have the right tone. You can stop the email if you act fast.

Again, go to Settings and the Lab tab.

Scroll down to “Undo Send” and choose “Enable.” Don’t forget to save changes. When you send your emails, you will now see a yellow bar appear at the top of your Gmail which says “Your message has been sent,” and will offer you the option to “undo” or “view message.” If you choose “undo,” your message turns back into a draft. But you have to be fast! The option will only be available for a few seconds.

If you were successful, you will get a message that says, “Sending has been undone.” Test this out first before you have to use it.

Gmail Shortcut #4. Star System

Star Function image

Star Function

You may already use the Star function of Gmail to mark important emails that need your attention at a later date. But you may not be aware that Gmail has a broader star system with more star colors and a wider range of symbols.

You can use Gmails Superstars in Google’s Advanced Search so you can use queries like:

has:red-bang (that’s the exclamation point. If you don’t know what the symbol is called, point to it and the tool tip will tell you).
You get the idea.

Google Star Search image

Google Star Search

Gmail Shortcut #5. Customize Your Inbox Tabs

Customize Gmail Inbox Tabs

Customize Gmail Inbox Tabs

All online instructors know the importance of being organized. You can now organize your Gmail inbox tabs by 1) Primary, 2) Social, 3) Promotion, 4) Updates, and 5) Forums. You can see what’s new at a glance and decide which emails you want to read first and when.

I really like the way all of my primary emails are organized together. Primary email would include all person-to-person email. This way I can “eat the frog first” as the saying goes.

Moving next to the Social Tab, I can catch up on all the popular discussions in LinkedIn, Google+, and SlideShare.

The Promotion Tab includes my PayPal receipts and good deals from Audible, Zander Insurance, Hibbett Sports, and more.

The Forum Tab is important. It includes group messages from our Registrar, Tech Support, and Instructional Dean.

The Updates Tab is where I receive email notifications from Canvas and Google Calendar reminders.

You may also be interested in these tutorials:

How to Create and Use Hyperlinks in PowerPoint (carolhbates)

How to Add a YouTube Video to a PowerPoint Presentation (carolhbates)


4 New Findings About Millennial Students: An Infographic

The Millennial Generation is shaping our world. They range in age from 18 to 33. They are different from their parents and grandparents in many ways.

4 New Findings About Millennial Students.

1. Fewer millennials commit to marriage.

2. Millennials reject political parties, but most vote Democratic.

3. Millennials graduate with record levels of student debt.

4. More millennials than any other generation are not associated with religious denominations.

The Infographic below sums up these 4 findings. For more new findings about millennials, check out key takeaways from the Pew Research survey on Millennials.

Millennial Generation: New Findings

Millennial Generation: New Findings



You may also be interested in reading:

Boomers’ Love/Loathe Relationship With Millennials (Richard Eisenberg)
Millennials Struggle with Financial Literacy (Hadley Malcolm)
Millennials Hit Thirty (Allison Lin)
Deck is Staked Against Millennials (Matthew Segal)
Sex, Millennials, and the Church: Five Implications (Thomas Rainer)
Dave Ramsey Weighs in on Millennials (Mandi Woodruff)

7 Best Infographics Tools for Educators

average-paycheck-spendWhat is an infographic? Simply put, an infographic is a visual device used to communicate complex information quickly and clearly. Infographic tools allow you to change boring data into engaging images.

Why use Infographics in education? Infographics require an active response from students. Students use critical thinking skills to interpret the infographic by asking, “What are the relationships?” and “What does it mean?”

Best infographics tools help you illustrate data in many ways.

  • lines
  • boxes
  • arrows
  • various symbols
  • pictograms
  • horizontal bar charts
  • vertical column charts
  • round or oval pie charts
  • tables
  • lists
  • interactive maps
  • diagrams
  • flow charts
  • bulleted numbers

Information graphics present large amounts of information in a way that is easy to understand. Infographics sum up key findings and explain complex information visually. What might take paragraphs or pages of text to explain can be summarized in a page and may be more effective than reading an entire book.

7  Best Infographics Tools for Educators

So if you want to make infographics – or even better have students make infographics – what tools are available?

The good news is there are many web-based tools and most of these tools are free. Here are my top picks.

1. Pictochart – My favorite. Pictochart makes it easy to hit the ground running with over 100 categorized themes. A variety of icons are available with the theme you choose. Pictochart has an intuitive user interface. Pictochart provides a special discount for educators.You can try it out for free without giving your credit card.

2. Create infographics using for free. This site has a collection of over 2,000 infographics providing you and your students with plenty of examples.

3. Creately. Creately has an impressive collection of charts and maps. With Creately you can easily add images to your infographic and create interactive infographics. You can try it out free. If you decide to buy, educators receive a discount.

4. is free. And it is easy to use. Just drag and drop. As with the other infographic tools, you can use your own photos to personalize your infographic.

5. has the ability to create interactive infographics. You can add a Vimeo or YouTube video. It is free and easy to use.

6. Venngage. Venngage is another great tool for creating and publishing infographics. It is very easy to use. It has many templates and themes to choose from and hundreds of charts and icons. You can download your own images as well. You also have the ability to animate your images.

7. PowerPoint. Yep. Don’t overlook PowerPoint. Check out my step-by-step instructions on how to create an infographic with PowerPoint. Since you probably already have PowerPoint and know how to use PowerPoint this is an option that you do not want to overlook.

Infographics: More than Words Can Say (Jane Krauss)
Infographic Designs: Overview, Examples, and Best Practices (Anders Ross)
46 Tools To Make Infographics in the Classroom (Tech Thought Staff)
40+ Tools to Create Infographics with your students (Educational Technology and Mobile Learning).
TeachersFirst Review – Venngage.
How to Create an Infographic with PowerPoint (carolhbates)

Every Community College Student Should Post On LinkedIn

Community College Students Should Post On LinkedIn Image

Community College Students Should Post on LinkedIn

Community college students should build a strong online presence. Students should begin while in college to make a great impression.

Every Community College Student Should Post On LinkedIn


According to Jess Fee’s post on, 37% of surveyed job recruiters identified social professional networks as a crucial part of the hiring process.

Ninety of the Fortune 100 companies use LinkedIn to look for individuals to be a part of their team.

Setup a LinkedIn Profile

Students should set up a profile on LinkedIn and begin connecting with friends, instructors, former co-workers, and business professionals.

Students can greatly expand their network via LinkedIn. LinkedIn takes much of the legwork out of  networking.

  • Be sure your profile is very detailed and 100% complete.
  • Your profile should highlight the skills that match your ideal job.
  • Make your profile public. You don’t want to hide from potential employers.
  • Customize your URL so that your link will be easy to share. Add the link to your email signature.
  • Stay active on LinkedIn. Your contact will see your status updates on their page.
  • Include industry keywords and skills that help you show up in search results.
  • Use the links section to link to your blog if you have one.
  • Keep your LinkedIn Profile up-to-date.

Strong Resume

You can consider your LinkedIn profile as your online resume. But there are times when you need the old fashioned hard copy.

LinkedIn offers a free resume builder that converts your LinkedIn Profile to a draft resume that you can format and download as a PDF.

Update your resume often.

Get Recommendations

Community college students should get recommendations from instructors if they do not have prior work experience.

It helps if students suggest skills or projects for the instructor to focus on. Of course, if the student has poor attendance and non-stellar academic performance, no need to ask the instructor for a recommendation.

Ask for recommendations from former employers who know your abilities well.

There is nothing wrong with providing a draft recommendation for instructors or business professional when seeking a recommendation. People are very busy. The draft may increase the likelihood of getting a recommendation.

Eye-Catching Summary

Students should invest the time required to build a strong summary that highlights areas of interest and expertise.

According to Nicole Williams, best selling author, career expert, and the founder of WORKS, recruiters sometimes seek out individuals who are not actively looking for jobs.

After graduation when students are serious about finding a job, they can’t wait for employers to find them.

Students should make a list of standard industry keywords that relate to their ideal job. These keywords can be used when searching for LinkedIn job. You can also search for jobs by title, if you know the title of the job you want.

Building an Online Presence is Not a One-Time Event.

Focus on becoming a thought leader in one area. Research that area and post articles about your research.

Posting status updates on professional social networks like LinkedIn provides a chance to demonstrate your abilities to recruiters.

Get as many connections as possible.

According to Louis Fletcher of Blue Sky Resumes, LinkedIn’s search results are partly determined by the number of contacts you have.

The more connections you have, the more opportunities you have.

You may also want to read:

7 Steps To Creating The Best LinkedIn Profile (Arnie Fertig)

7 Extremely Useful LinkedIn Optimization Tips (carolhbates)