A website wireframe helps you to define and document the layout and relationship between web pages. Wireframes are the first and most important step in the design process. Six Revisions’ Ultimate Guide to Website Wireframing explains why you should use wireframes, how to create one and different tools for creating wireframes. If you want examples on developing wireframes, Web Designer Depot’s Using Wireframes to streamline Your Development Process shows you different examples that you can learn from and explains the benefits of wireframing.
Need to create a wireframe in Photoshop or Fireworks?
You can follow these tutorials to master creating a wireframe in Photoshop and Fireworks:
Once you have finished building your website, you’ll want to add a XML sitemap. An XML file that sits on your website and helps search engines to crawl your website more easily. You can use an XML Sitemap Generator or make it by hand. Google has a list of generators.
On net.tutsplus.com, Jeffrey Way demonstrates 10 CSS3 properties that you can use in your projects now. These properties may display differently in different browsers. If you are okay with that, go ahead and use these properties. Jeffrey demonstrates each property individually and shows you how to combine these techniques in a final project.
You can see some of these properties in action in following video: