Website Basics - Tech Learning

Website Basics

How do you create a good looking website that engages your audience if you are not a graphic designer or software engineer? Here are some tips to help you create a professional looking and high quality web site using the
Author:
Publish date:
Social count:
0

How do you create a good looking website that engages your audience if you are not a graphic designer or software engineer? Here are some tips to help you create a professional-looking and high quality web site using the Universal Builder:

Ease of navigation: brainstorm and cluster your pages under categories that will be easy for your users to find information
• Add pages to tabs for your main topics.
• Create a table of contents or site map if lots of pages.
• Create one page with all of your resources even if you have the resources on different pages.
• Use short, clear and precise words for your tabs and page links.

 Watch your Fonts: Limit your font size, types, and colors
• Choose one font style, one color and one font size for the body of your text.
• Limit how many colors and font sizes you use for your headings.
• Limit bold type and capitalization to headers only.
• Optimize Load Time: Limit the file size on each page.
• Aim to use a maximum of 2 photos per page, depending on what your site is about.
• Resize your images so they are under 500K. Even smaller is better.
• Save your images as .jpg.
• Upload only one video to a page.
• Keep videos under 50MB an even smaller for better uploading for viewers.
• Create smaller chapters of one video with text descriptions.
• Use the embed box to run large videos from an outside streaming server.

 Keep Pages Short
• Trim long pages and/or make another page with a link to more...
• Be concise with headers and information with bullet points.
• Use visuals instead of lots of text -- a picture is worth a thousand words.

Basic Design Issues
• Choose a template that reflects your topic.
• If there is no template, then create and upload a banner that includes the title and subtitle. Make sure "hide title and subtitle" is checked under Preferences.
• Choose a style with tabs on the left if main topics are long.
• Choose 1000 pixel wide template when adding pictures and tables.
• Watch contrasting fonts and background colors. Red text on black is difficult to read. Black text on white works best but is not always easy on the eyes.
• Use a hook with a video, audio podcast or animation on your first page. If you want to embed a video, then use the first page under Contents and hide Overview.

Browse the Internet and mimic text styles and layout of sites that you like and are easy to read.


by Sara Zimmerman, sarazimmerman@sbcglobal.net
http://sarazimmerman.net

Featured

Related

Image placeholder title

Refreshing your website

What can you do to breathe some life back into the Web site? Here are some tips from Edugeek's Russal Dyas ¦ Install A Content Management System (CMS)   Most CMS allow you to create content for your site without

Image placeholder title

Refreshing your website

What can you do to breathe some life back into the Web site? Here are some tips from Edugeek's Russal Dyas ¦ Install A Content Management System (CMS)   Most CMS allow you to create content for your site without

Back to Basics

Tip: I recently had the opportunity to give 45 minutes of one-to-one training for each of the K-5 elementary teachers at schools where I serve as Curriculum and Technology Specialist. The training was needed to improve use and understanding of a new, standardized OS X set of programs that had been installed on all

Free Website Editor

Tip: For years I have kept my eyes open for a free and easy to use Web Page Editor. Personally, I like to use Dreamweaver to create Web pages, but it is expensive and I realize that it is way more powerful than most teachers (or even I) need. So, I was thrilled to come upon NVU. According to their web

Basic Macintosh Troubleshooting

Question: Where can I get good information about basic Macintosh troubleshooting techniques? The IT Guy says: The Apple Support Website is always a great place to start when you have a specific Macintosh technical issue. If your computer is covered by an Applecare Protection plan, calling Apple Education may be

Add Voice to a Website

Tip: At vozMe you don't even need a microphone to record your voice. It uses text-recognition, and you won't believe how simple it is. Choose a language (English, Spanish, or Italian) and type your text in that language. Then listen to the voice. The result is more than a little robotic; there are no

The Basics of PowerPoint

I am a firm believer in "less is more" when it comes to teaching PowerPoint. Although there are many different opinions on PowerPoint in the classroom, I believe it is a very useful classroom tool when used correctly. I stick to teaching the basics of PowerPoint. Before I introduce any computer software, I