Basic and Advanced Html
and Style and Content Tutorials
I have compiled some of my favorite web site design and development tutorials and added
my .02 cents worth.
Some of these resources are more advanced so they have been divided into Basic
HTML,Advanced HTML and Style and Content tutorials.I like them all for different reasons,
see if you can figure out why as you go.
They aren't all cut and dry. Some authors on the net are touting methods that aren't
exactly 3.2 compliant. What I mean exactly is their methods don't validate to the 3.2
standard, or for that matter, any standard known to man!
You may notice that the pages contained in this site will vary in style and layout. I
originally thought about changing them all to a uniform look but decided to leave them in
their original state to illustrate to new designers how their style will evolve.
This is not a good example of how a good site should look!! It does suit it's purpose
and illustrates that all rules are not hard and fast. If you are going to deviate from
them have a good reason and let the netizen know.
Webmaster Ts Style and Content Tutorials
Phase1: Deciding the Style and Content of a Site
The Three Cs of Web Page Design
Content,Common sense and Consideration of your audience are important factors if you're
going to meet the goals of any site.
Design Styles
Webmaster T discusses design styles stating his opinions about the pros and cons of each.
Status Bar Scrollerosis Blues
A discussion with demonstrations of the "Bells and Whistles School of Design" a
must for any newbie to design!
Site Planning Phase1
Site Planning
Phase1 This worksheet is intended to help you decide the criteria for your
site to be deemed a success. Deciding what your goals are before you start to build a site
makes it much easier to create.
Phase2: Building The Site Using The Worksheet
Using Your Goals to Design and Develop
Functional Sites
This article discusses how to build a site with good content and functionality.
A Plan to Meet your Goals
One of the most important decisions in regards to your site is deciding the person inside
or outside of your organization to head the project. This article discusses the
qualifications required of this person or company.
Internet Integration
An article outlining the benefits of integrating the internet into your present
infrastructure.
Webmaster Ts HTML and Design and Development Tutorials
Web site Navigation Tutorial
T discusses web site navigation from a developers standpoint. If you're curious about why
this site looks the way it does you'll find T's explanations helpful.
Magic Border Tutorial
You see it everywhere C/net,ZD Net and on at least half the pages on the net, whether
colored or not.
Stupid HTML Indent Tricks
A tutorial on indenting paragraphs and pages paying special attention to the methods being
used that are hacks. The reasons for not using each of the hacks is discussed in depth if
it is useful. Some are just bastardized HTML.
Meta Tag Uses
Other uses for Meta Tags not covered on the Search Engine References and Resources Site .
An alternative robot.txt file is here though. Frames are used to demonstrate a frame
refresh which could be used for banner rotation.
Writing Killer Meta Tags
To round out the head element T wrote this tutorial on writing killer meta tags.
Web site Interfaces and Usability
I originally published this on 50 webmasters.com (no longer among the living). The
article discusses the usability of web sites and the web site interface design. |
Other Content and Style Tutorials
Netrageous.com This
article or poll of users should be must reading for any developer of sites using a lot of
graphics especially if they are animated.
User Interface Engineering This
article should be required reading for all web site developers. If it were, some of the
common complaints of net newbies would be addressed.
HTML Tips Patrick is a fellow member
of the HTML writers guild. His article on browserism is excellent. Take time to browse a
little bit here as the rest of the site has some interesting stories and tutorials.
Web Pages That Suck Some times to
learn the best things to do it is good to start by looking at other peoples mistakes. This
is the best of the worst so to speak!
Webcumudgeon.com Gramps critiques some large
corporations sites in his own delightful way. This site is a scream!! Like myself, Gramps
believes web site design isn't rocket science just good old common sense.
100 Things You Can Do Right Now
to Improve Your Web Site Generally geared to finished pages but better now than later.
Art and the Zen of Web Publishing This
is a great site,especially take note of the graphic content and the presentation of the
information. If you have a few extra moments check out some of his other articles they're
great.
An HTML Style Sheet If you go here
remember to do as he says and not what he does. If you have paid attention to the earlier
sites you will know what I mean by this statement. There is some excellent info.on
navigation here.
World Wide Web Consortium This is a very technical site
but if this is your bag it's worth the time.
Web Style Manual Kind of
technical but there are some good ideas buried under the academic rhetoric!
Web Design Tips Good style and
content tutorial.
Basic Html Tutorials
Netscape World A
good article for improving the download time of a document.
Free help This site should be a regular stop for any
developing or intermediate webmaster. Chat rooms, interactive HTML tutorials and much more
right down to possibly talking directly with experienced webmasters!
HTML Goodies Joe Barnes writes useful and
humorous tutorials. Some are indexed further. Since there are so many I have added the
master sheet as well. The tutorial covering the &(ampersand) command was especially
enlightening!
Dr Quad's Ultimate HTML Site Good variety here
including tags and advanced HTML.
webmastersonly.com A site very similar to the
"wod", so I truly understand the work required to maintain and research a site
of this nature. Other than the WDVL this is the only other site I've come across that not
only provided lots of links but also developed content for the site. Anyone can gather
links it takes a special breed to add good unique content.
Advanced Html Tutorials
Web Review A good
tutorial on how to implement the new layer tag from Netscape.
CGI and HTML Forms
Quick Introduction to
CGI Scripts and HTML Forms Great for learning CGI and HTML Forms.
Images
Miningco A good graphic design site
for both web sites and traditional medias. Great tutorials and info on designing banners.
Moyra's Web Jewels A mix of tutorials for
graphic design and free one of a kind graphics makes this site a great mixture of learning
and pleasure that is seldom seen on the www. The themes are well thought out and useful to
professional and amateur alike.
Gomer HTML Editor Besides
selling an excellent low cost editor these fine folks have some good tutorials and tag
explanations.
HTML Guru A good
tutorial on making gifs transparent.
wpdfd.com Good tutorial on safe web
palette along with downloadable zip file of the palette with instructions for adding it to
PhotoShop.
Bentley Edu Excellent
tutorials on PhotoShop pretty well a to z with no techtalk. This is a framed site, take
the Photoshop link it's well worth it!
Paint shop Pro Tutorials
Unlimited A great site with plenty of useful graphics and tutorials for Paint Shop
Pro. If you are using this graphics editor spend a few hours here you won't be
disappointed.
Image maps
Project Cool:
Client side Image maps Tutorial for clientside imagemaps with excellent step by step
descriptions of how to do it, and explanations of the pros and cons.
Project Cool: Pseudo
Image maps Tutorial for pseudo image maps with excellent step by step descriptions of
how to do it, and explanations of the pros and cons.
To Top |