Free Web Development Training and Tutorials Blog




    



Website Design and Development Articles

This site, Websitebytes.mmau.com, offers comprehensive information, tips, and advise  to help you make better websites, to retain and draw more visitors, and to make your web site as attractive and desirable as possible. The following website design and development articles will help you understand how to do this.


Website Design and Development Articles

Article Name Description
Advantages of adding multiple domain names to your websiteProtecting your website's online brand by registering additional, similar, domain names...
Avoiding confusion when modifying websitesHow to update or modify your website's design without confusing regular visitors by using the "just-noticeable difference" principle...
Choosing a website hosting providerChoosing a provider to host your website.
Choosing domain names for your websiteDomain names: what they are and how to choose them
Protecting domain namesReducing the risk of domain names being stolen or re-registered by someone else....
Making your website more popular using press releasesPress releases (sometimes called media releases) are a great way to effectively tell a large number of people about your website...
An introduction to writing press releasesAn overview of how to structure, write and distribute press releases....
Increasing your website's popularity by analysing its trafficIncrease the popularity of your website by making minor changes based on how people enter and move around it...
Backing up your websitePrevent data loss in the event your website's server fails...
How long should a webpage be?Most Web users prefer to click hyperlinks to access additional information rather than scroll down a page...
Elements of good home page designHome pages should attract a visitor's attention, retain their interest and then easily let them access the page they require.
Selecting fonts for Web designChoosing the most suitable font to maximise a website's professional appearance and readability.
Creating Reciprocal Link PartnershipsCreate link partnerships to let others know about your site.
Design Tips when Using ImagesUsing images on your site so that they are aesthetically pleasing, complement a site's design well, and maximise its professional appearance.
Contact Methods for your WebsiteReducing spam email while easily letting website visitors contact you.
Creating a Positive E-commerce ExperienceCreating a positive online shopping experience for your customers.
International Website DesignSelecting navigational graphics, the meaning of colours, and bandwidth considerations.
Developing Website Content for an International AudienceTranslating websites, localising content, country-specific domain names, and written communication.
Optimising Websites for Search EnginesTechniques to help increase the position of your webpage in search engine results.
Using Images EffectivelyLearn some tricks and optimisation techniques to get the most out of using images on your website.
Displaying Graphics Alongside Bookmark EntriesPersonalise bookmarks to your website by displaying a graphic alongside them.
Attracting More Repeat Visitors to your WebsiteDiscover some of the methods used by leading Web developers to make their websites stand out from others.
Using Websites to Leverage your ResourcesA successful website is an invaluable asset for any company, organisation or business...
Effective Communication on the InternetYour business' website is an extremely effective communication and marketing tool...
Creating Pop - up Windows using JavaScriptPop-up windows are webpages that appear in a separate small window. They have a variety of uses...
Website Development TipsMultimedia Australia has put together a brief list of tips to help you develop your websites.
HTML and CSS Code Reference GuidesCode reference guide for every HTML 4.01 tag and CSS2 property based on W3C specifications.
Choosing the Most Suitable Graphic Format for Website DevelopmentThe advantages and limitations of the two most common graphics formats used on the Internet - GIF and JPEG.
Integrating Marketing Into Your Online StrategyIt is of vital importance that the online strategy you use is well integrated with existing marketing and advertising campaigns...

Tutorials for HTML, Javascript, CSS, and CGI

Ipowerweb.com provides several good tutorials showing you how to build and program various web site features. These will teach you how to code using HTML, Javascript, CSS, and CGI.


11 HTML Tutorials

HTML Quick Tips

Some quick tips to help you get started.

Basic HTML Tutorial
Learn the basics of HTML, from HTML concepts to linking documents together in this tutorial for the beginner.


Intermediate HTML Tutorial
Learn even more HTML, imagemaps, forms, frames, tables and more in this tutorial.


Frames in HTML 4 For The World Wide Web
Frames can be the key to organizing your site and making it easy to navigate.> In this excerpt from >HTML 4 For The World Wide Web, learn some of the important features and how you can implement them on your site.


Beginning XHTML
This is an abridged version of a chapter from the Wrox Press book Beginning XHTML. This chapter looks at different media types and why they are necessary.


XHTML - The New X-Files
Is XHTML just another acronym you're going to have to learn to survive at cocktail parties? No, it's the future of HTML, and you better learn it if you plan on being a successful Web designer in the years to come.

How to Make a Simple Email Form
by Aaron West
This is one of the most frequently asked questions we receive. In this Resource, Aaron walks you through how to write the HTML to create a simple form that sends an email.

URLs Explained
We discuss the different types of URLs and the difference between Absolute and Relative URLs.

HTML Frequently Asked Questions
A large FAQ for you.


Adding Graphics to your Page
Web Pages need graphics. Although browsers started supporting graphic formats long ago, there are still text browsers out there, so we need to make sure they still receive the content.


Uploading Your Site
How to upload using FTP.



6 Javascript Tutorials and a Free Collection of Javascripts

HTML Forms: Interacting with the User
This excerpt from the bestselling book Beginning Javascript shows you how to use Javascript to get the most out of your forms.

Creating a Layer
What do you do when you're short on Web page real estate and don't want to scale down an image? You use Javascript. This script lets you zoom in on a thumbnail sized picture with a simple mouse over.

Building a Web E-Commerce Shop Front
Chapter 14 of Professional JavaScript from Wrox Publishing.

Use JavaScript to Dynamically Update Your Website

Update thousands of pages by changing just one file. Shelly Lowery shows you how to save time and energy using JavaScript.


Use JavaScript to Dynamically Update Your eBooks
eBooks are one of the most powerful marketing tools available on the Internet. You can use JavaScript to update them quickly and efficiently. Here's how.


Javascript Tutorial

In this thorough tutorial you'll learn the Javascript Basics, plus all about variables, functions, objects, events and more. Plus you'll learn how to put everything into action.


Free Javascripts
A collection of over 400 Javascripts, with the source available, free for download.



CSS Tutorials

CSS FAQ
Fun CSS Tricks You Can Use!
Cascading Style Sheets allow you to implement cool features on your Web site. Here are some tricks you can use.


CSS Rules!
Cascading Style Sheets offer Web designers the power and flexibility to manage the design of their Web site in a way not possible using standard HTML.


CSS Rules! Part 2
Don follows up on his introduction to Cascading Style Sheets by going deeper into the power of CSS.


CSS Rules! Part 3
Here you will find a list of CSS1 properties as they pertain to margins, borders, positioning elements, and lists.



CGI Tutorials

CGI Frequently Asked Questions
A collection of basic questions, techniques, applications, troubleshooting tips, and further reading on the subject.


CGI Programming
This is for those of you who may not be familiar with CGI programming in Perl. Just basic information so you you can satisfy your clients demands without even doing any work.


Introduction to CGI Programming

Learn how to develop your very first perl script, upload, set permissions, etc. This is also a useful resource if you need help handling free scripts, or a new script written for you.


CGI Script Reviews
A guide to the best CGI scripts from around the Web.

Learning HTML 4.01 and Website Tutorials

Freenettools.netfirms.com offers this HTML 4.01 tutorial teaching how to properly code HTML in version 4.01. They also provide other web development tutorials located here: http://freenettools.netfirms.com/contents.html, which are individually linked below the HTML Tutorial links.

Learning HTML 4.01:
http://freenettools.netfirms.com/tutorials/learn4/

Table of Contents:

Creating HTML 4.01 Documents:
http://freenettools.netfirms.com/tutorials/learn4/chapter1.html

A Simple HTML 4.01 Template:
http://freenettools.netfirms.com/tutorials/learn4/chapter2.html

The DTD (Document Type Definition):
http://freenettools.netfirms.com/tutorials/learn4/chapter3.html

The <Head> Section:
http://freenettools.netfirms.com/tutorials/learn4/chapter4.html

The <Body> Section:
http://freenettools.netfirms.com/tutorials/learn4/chapter5.html

... Inline Formatting:
... http://freenettools.netfirms.com/tutorials/learn4/chapter6.html

... Block Formatting:
... http://freenettools.netfirms.com/tutorials/learn4/chapter7.html

... Lists:
... http://freenettools.netfirms.com/tutorials/learn4/chapter8.html

... Tables:
... http://freenettools.netfirms.com/tutorials/learn4/chapter9.html

... Links:
... http://freenettools.netfirms.com/tutorials/learn4/chapter0.html

... Objects and Images:
... http://freenettools.netfirms.com/tutorials/learn4/chaptera.html

CSS (Cascading Style Sheets):
http://freenettools.netfirms.com/tutorials/learn4/chapterb.html

... CSS 1 - Formatting:
... http://freenettools.netfirms.com/tutorials/learn4/chapterc.html

... CSS 2 - Positioning:
... http://freenettools.netfirms.com/tutorials/learn4/chapterd.html

Forms:
http://freenettools.netfirms.com/tutorials/learn4/chaptere.html

Templates:

http://freenettools.netfirms.com/tutorials/learn4/chapterf.html


This HTML tutorial is part of a series of web development tutorial lessons. Here are the other areas covered:

Lesson 3: Your Web Presence - Creating an Effective Web Site:
http://freenettools.netfirms.com/tutorials/lessoni3.html

Lesson 4: Web Site Design - More Than Meets the Eye:
http://freenettools.netfirms.com/tutorials/lessoni4.html

Lesson 5: Web Graphics - Grabbing the Viewer's Attention:
http://freenettools.netfirms.com/tutorials/lessoni5.html

Lesson 6: CGI, Forms & JavaScript - Creating an Interactive Web Site:
http://freenettools.netfirms.com/tutorials/lessoni6.html

Lesson 7: Getting Your Web Site Online:
http://freenettools.netfirms.com/tutorials/lessoni7.html

Lesson 8: Web Page Promotion - Getting the Word Out:
http://freenettools.netfirms.com/tutorials/lessoni8.html

Lesson 9: Feedback - Measuring your Web Sites Effectiveness:

http://freenettools.netfirms.com/tutorials/lessoni9.html

Mobile Web Programming Tutorials

At Developer's Home you can learn various mobile web programming and scripting technologies like WAP / WAP 2.0, WML, WMLScript, XHTML MP, WCSS / WAP CSS and SMS through their free tutorials, articles and examples. This web site can help programmers who wish to extend their knowledge to the wireless world.

Developer's Home:
http://www.developershome.com/


WML Tutorial:

http://www.developershome.com/wap/wml/
WML (Wireless Markup Language) is the markup language defined in the WAP 1.x specification. WML documents are viewable on both WAP 1.x and WAP 2.0 wireless devices.

WMLScript Tutorial:
http://www.developershome.com/wap/wmlscript/
WMLScript (Wireless Markup Language Script) is the client-side scripting language of WML. Its syntax is very similar to JavaScript. WMLScript can help increase the interactivity of a WAP site.

XHTML MP Tutorial:
http://www.developershome.com/wap/xhtmlmp/
XHTML MP (XHTML Mobile Profile) is the markup language of the most recent WAP 2.0 standard. It is a simplified version of XHTML used on the web and supports CSS.

WAP CSS / WCSS Tutorial:
http://www.developershome.com/wap/wcss/
WCSS (WAP CSS or Wireless CSS) is a simplified version of the web CSS2 standard. It is defined in the WAP 2.0 specification and should be used together with XHTML MP.

SMS Tutorial:
http://www.developershome.com/sms/
SMS (Short Message Service) has achieved huge success in the wireless world.

Practical PHP Programming Book

The author has written this book with the goal of making the task of learning PHP something fun and, as such, you will find lots of good information, even for those who have not programmed much before. But this book also has lots of information on advanced functionality in PHP for veteran users looking to take their PHP skills above and beyond where they are right now.

Practical PHP Programming Online Book:
http://www.hudzilla.org/phpbook/index.php


Here are the online chapters you can browse and read through:

1. Preface
2. Introducing PHP
3. Simple variables and operators
4. Functions
5. Arrays
6. Objects
7. HTML Forms
8. Files
9. Databases
10. Cookies and Sessions
11. Multimedia
12. XML & XSLT
13. Output Buffering
14. Java and COM
15. Networks
16. Miscellaneous topics
17. Security concerns
18. Performance
19. Writing PHP
20. Writing extensions
21. Alternative PHP uses
22. Practical PHP
23. Bringing it to a close
24. Answers to Exercises
25. The future of PHP
26. Glossary

Page :  1 2 3