WEB DESIGN
Planning Your Static Web Site (Simplified)
Publishing Your Web Site (Simplified)
|
CSS and Web Standards |
Which Do You Like Best?
Biggest Mistakes in Web Design Top 10 Ways To Avoid Winning Awards Top 10 List of Annoying Web Page Elements How to Make an Annoying Web Page |
How does a Web page work anyway?
When someone accesses a Web page from his computer, a signal is sent to another computer to upload a file. That other computer might be tens, hundreds or thousands of miles away The contents of the file (in a code like HTML ) are then sent to the user's computer screen.
| Web Pages with PowerPoint |
Web Pages with Word |
| Web Page Advice for Education Professionals | General Web Development |
| A. Student Web Sites for Reflection and Evaluation |
B. More
Student
Web Sites for Reflection and Evaluation |
| Graphics Sites | |
| Sample Web Page Sketch | More Graphic Sites |
| The Color Chooser If you have trouble getting this page to open, look for it with a search engine: www.colorschemer.com/online.html | Sample Storyboard |
|
Elements of Good Web Site Design With Thanks to Blue Web'n: http://www.kn.pacbell.com/wired/bluewebn/rubric.cfm 1. Format of The Site
User Friendly Ease and Speed of Upload -Graphics enhance information, text is easy to read. -Background is muted and coordinates with text colors and graphics. -Page is narrow enough for someone with a low resolution monitor. 2. Appearance of the Site -Attractive and creative use of graphics and colors 4. Content of the Site -Credible, believable, accurate, complete, and current 4. Usefulness of the Site -Content is meaningful, difficult to convey, and/or extraordinarily good 5. Richness of the Site
-Information is
powerful and interesting enough to draw visitors for another visit. Failure to Check Site on Different Platforms and Browsers. Your site and fonts may look completely weird on Firefox or a Macintosh. This tutorial is adapted from www.selfpromotion.com.
Web Design Hosting, Publishing, Etc. Web HostingAll the files for your website are kept on one or more computers called web servers The server computer is said to be a host for your site. In other words, they look after your site and ensure it is available 24/7. The web hosting requirements for any site vary according to the technology used to create it. The standard of service varies greatly from one company to the next. The speed and reliability of service and the level of customer support provided are both very important. Thanks to http://www.redfoxwebdesign.com.au/index.html What is a Domain Name?Your domain name is an address where Internet users can find you on the web. An example is www.yourbusiness.com.au. You should have a unique domain name for your website. There are certain rules in place regarding what names you can register particularly if you want a ".com.au" name. Redfox can register your domain name or you can do it yourself. Thanks to http://www.redfoxwebdesign.com.au/index.html Web Monkey for Kids Article on Hosting
Westciv
Complete CSS Guide (CSS is an alternative to HTML)
Filamentality:
create a Web-based activity you can share with others
Tech
Tamers Website Design Resources
UCLA Teaching Assistant Training Program
Education Online for Computers: Web Development Links
Teachers Net: Make Your Own Web Page
Top Ten Mistakes in Web Design
SNOW Web Page Design Tools
Evaluating Websites: The Good, The Bad and The Ugly
Oswego Schools Educational Web Design Web Design with Dreamweaver http://academiccomputing.stanford.edu/pubs/Docs/dreamweaver/ Web Design Links by ASPIRA http://ctc.aspira.org/Toolkits.html#web
Add Free Video To Your Web SiteThanks to Linda Roeder at About.com
Adding video to blogs
is
one of those fun things
you can do on your site to give your readers something to do while they
are reading your profile page. The videos you add reflect who you are
and what kinds of things you like.
You can add your own videos or videos that you find on video sites. Videos you add can from video sites can be funny, informational or whatever you like. Adding video to your blog or Web site from video sites is free and easy to do. Here are some video sites where you can find free videos to add to your blogs and Web sites. 1) You Tube - Video Site
You Tube is a large
community of video lovers. Some videos on this video site are broken
down into channels and categories so it's easier for you to find the
videos you like. You can join video groups too. Upload your own videos
from this video site or choose videos from You Tube to add to your Web
site or blog. (Students will find that most of these video
streaming sites are filtered at your school. Check with your
parents before you use them at home.)
2) Yahoo! Video - Video Site
By Yahoo! This video site
lets people download videos and add videos to their Web sites and
blogs. Add videos to your favorites on this video site. Browse for
videos you want to watch and add them to your Web site or blog to
share with your readers.
3) Google Video - Video Site
Google! Choose your videos
by category on this video site or look through the top 100 to see
which one's Google likes best. There are TV show videos on this video
site that you can watch and download for a small fee too.
4) Grouper - Video Site
Videos with many different
categories or channels to choose from on this video site, even clips
from movies and TV shows. Upload videos to share with the public on
this video site, or share with just who you choose. Add video comments
to videos and read what others have to say. Hook up your webcam and
share webcam videos instantly. This video site lets you add videos to
blogs with one click.
5) Sharkle - Video Site
This video site lets you
choose videos by category or join a group. Share your videos with the
world or keep them private on this video site. It's easy to add these
videos to your Web site or blog because the code is listed right
underneath the videos.
6) Video Detective - Video Site
Share your favorite movie
clips and video trailers with your readers on your Web site or blog
from this video site. Browse for movie clips by genre, decade, title
or actor.
7) Singing Fool - Video Site
Share music videos on your
Web site or blog from this video site. On this video site you can
search for your favorite music videos by title, artists and more. Find
out what the favorite videos and search through channels.
Web
Page Advice for Education Professionals Less
is More
-Having a more content based web page containing the basics rather than a flashy
page with many images and sounds makes it easier for your visitors to navigate. Content,
Content, Content
-Your web page should have something meaningful to say. Contact
Information
-A visitor should find how to contact you whether it be your e-mail address,
phone number, or snail mail (postal address). Your should also include your name
and your business affiliation. Create
Menus
-If your web page will have multiple pages, then create a simple menu with clear
choices. Be
Consistent
-If you are placing a link to e-mail you at the bottom of your page, then
consider placing it at the bottom of all your pages in the same spot. Copyright
Notices
-Place appropriate copyright notices at the bottom of each page. Always ask
someone for permission to use their picture or sound. Plan
-Consider planning your page on paper before sitting down in front of the
computer. Naming
Files -When saving, name your
files so that you will remember what is what. (Ex. Schedule page should be named
schedule.html) Linking
-If you are linking to other web pages make sure you have checked those web
sites yourself. In essence, you are endorsing that site as one with good
information. Legally, you need to have the site administrator's permission to
link to their page. Disclaimers
-Add a disclaimer if you or the people you are representing are stating
opinions not those of your group, employer or school district. Pictures
-Do NOT post identifying information or photographs of children. Consider using
photos where children are involved in a project and you see their hands working
on that project. Review -Have a co-worker, friend, or family member review your site before you save it onto the server. |
Biggest
Mistakes in Web Design
1.
Believing people care about you and your web site. These ladies are laughing at you. Nobody cares
about you or your site. Really. What visitors care about is getting good
information. 2.
A man from Mars can’t figure out what your web site is about in less
than 4 seconds. You should be able to look at the home page of any site and figure out what the site is about within four seconds. 3.
Using design elements that get in the way of your visitors.
Would
you strangle a visitor to your home?
4.
Navigational failure.
All
visitors must be able to answer:
Where
am I?
Navigation must be simple and
consistent. DON'TS: ~use different types of navigation on the same site; ~link to the page you're already on; ~links worded so poorly the visitor doesn’t know where he’ll go if he clicks; ~ no links back to the home page; etc. 5.
Site lacks "Heroin" Content.
Why is heroin the ultimate product? Because people would crawl through
the sewers and beg to buy it. How
many web sites have heroin content?
The best sites get people to come back again and again. You’ll
know “heroin” when you see it. The
best way to get people to come back to your site again and again is by
having great information and updating it often. ~ Do
you know your target audience? Does your content match your audience’s
expectations? ~ What's
the purpose of your site? ~ What
information do I have that would cause anybody to visit my site a second
or fourth time?" This is extremely important. ~ Is the
content accurate? ~ Can
people find the information they’re looking for?
6.
Forgetting the purpose of text. Don’t use small text. "If people can’t see it, they will flee it."
Text is Text. Don’t use
graphics or Flash for text.
Gimme contrast. For
instance, a blue and black text on a green background hurts the eyes.
7.
Too much material on one page.
Yes,
it’s called a web page, but that doesn’t mean you have to cram all
your material on one page. 8.
Misunderstanding graphics.
Some of the mistakes include using too many animated GIF’s, large graphics, ugly background images, lack of contrast, inappropriate graphics, etc.
__________________________
Web designers can use a variety of software to build a website. District 11 and Mann use FrontPage, but others use HTML, PowerPoint, Word, Dreamweaver, Publisher, CSS and other programs.
Make a Web Page with PowerPoint
Build a Web Page with PowerPoint 2000
Convert a PowerPoint Show to HTML
Putting A PowerPoint Presentation on the Web Education Online for Computers Efuse - The friendly place to learn how to build a web site Spider Dance Web Development For Educators
What Every Web Site Owner Should
Know About Standards:
A Web
Standards Primer
THE
LEARN PAGE of the Web Standards Project
Zeldman
Designing with Web Standards
Maxdesign
Web Standards Checklist
Boag World
Practical Advice for Those Managing Web Sites
The
Importance of Web Standards
WinWriters-Using
Web Standards to Create HTML Files
A Practical Start to Using Web Standards One of the elements of good web design is a lack of the elements that make bad web design. If you stay away from everything listed on the page about dorky web pages, you've probably got a pretty nice web site. In addition, keep these concepts in mind:
|
|
|
|
A+B+C
Graphics