Website Design Tutorials

These Website Design Tutorials are for beginners who want to learn the basics of web design.

All-in-One Website Building Packages

Website Building Tutorial
Learn the basics involved in building a website.

• Overview: Components of a successful website
• Step 1: Hosting Server - decide on where you are going to host the site
• Step 2: Buy domain name
• Step 3: Plan the site
• Step 4: Design the layout
• Step 5: Convert the layout into an html template
• Step 6: Create the pages as per the site plan
• Step 7: Install any additional scripts on the server
• Step 8: Link the pages
• Step 9: FTP the files to the hosting server
• Step 10: Submit to search engines and promote the site

Best Website Building Software
Recommended software for website building.

Adobe Fireworks CS3 Tutorial for Beginners
Fireworks is a fantastic software to create the graphics for websites. Learn the basics involved in designing a website layout using Fireworks.

• Step 1: Create a new Fireworks document
• Step 2: Insert images and text
• Step 3: Create the layout
• Step 4: Slice and export the images
• Project: Create a simple layout

Adobe Dreamweaver CS3 Tutorial for Beginners
Dreamweaver is a fantastic software to create websites. Once you have designed your layout in Fireworks you are ready to create the website. Learn the basics involved in creating a website using Dreamweaver.

• Step 1: Define a new site in Dreamweaver
• Step 2: Create a Dreamweaver Template
• Step 3: Create the Page Layout in the Dreamweaver Template
• Step 4: Create the CSS Style Sheet
• Step 5: Insert Common Elements into the Dreamweaver Template:Text & Images
• Step 6: Create Libraries or Server Side Includes
• Step 7: Define the Editable Regions of the Template
• Step 8: Create the HTML Pages of the Site with Content/ Forms
• Step 9: Link the Pages
• Step 10: Test the Site Locally and Upload Online to the Hosting Server
• Project 1: Table Based Layout Website
• Project 2: DIV/ CSS/ Tableless Layout Based Website
• Project 3 : Website with Server Side Includes

Flash CS3 Tutorial for Beginners

This free Flash CS3 Animation tutorial is for beginners who want to learn the basic concepts of Flash.

• Step 1: Create a new Flash CS3 document
  
• Step 2: Add text
  
• Step 3: Graphic Symbols
  
• Step 4: Layers
  
• Step 5: Draw Shapes (Rectangle)
  
• Step 6: Draw Shapes (Oval)
  
• Step 7: Draw Lines
  
• Step 8: Reuse Symbols
  
• Step 9: Resize and Rotate objects
  
• Step 10: Paste in Place
  
• Step 11: Align
  
• Step 12: Change colors of symbols
  
• Step 13: Transform Options
  
• Step 14: Movie Clip Symbols
  
• Step 15: Keyframes
  
• Step 16: Motion Tweens
  
• Step 17: Lock Layers
  
• Step 18. Import an Image
  
• Step 19: Publish the Flash file

Flash Photo Gallery Tutorial

Flash CS3 Quiz Tutorial

Flash CS3 Website (ActionScript 3.0) Tutorial for Beginners
Learn to build a simple Flash based website with ActionScript 3.0.

• Step 1: Create a New Flash CS3 ActionScript 3.0 Document
  
• Step 2: Buttons in Flash CS3
  
• Step 3: Labels for Website Pages in Flash CS3
  
• Step 4: ActionScript 3.0 in Flash CS3
  
• Step 5: URL Link in Flash CS3 (ActionScript 3.0)
  
• Step 6: ActionScript 3.0 Code for Label Link

Website Checkup

More Website Design Resources >>

WEBSITE DESIGN TUTORIALS

Best Website Building Software
All-in-one website building packages
Website Building Tutorial
Web Design
Fireworks CS3 Tutorial
Dreamweaver CS3 Tutorial
Flash CS3 Animation Tutorial
Flash CS3 Website Tutorial (ActionScript 3.0)
Photoshop Articles
Website Traffic Tactics
Making Friends with the Search Engines
Article Marketing
Web 2.0 Business Networking
Successful Email Marketing
Website Check Up
Website Templates Tutorial