Tutorials & Articles - Website Design Tutorials & Articles
Website Design Articles
- Genealogy Web Site Design - Step-by-step Guide for designing, publishing, and maintaining a genealogy website.
- Web Developer Toolbar - If you are a developer of web pages, then one of the indispensible tools you can use is the web developer toolbar. There is one available for Firefox, Internet Explorer, and Opera.
- Validation Tools - Why should I validate my HTML pages? Find out the answer.
- Web Album Generator - free software to make web albums and photo galleries from your digital photographs.
Tutorials on Website Design
- HTML Document Structure - The structure of an HTML document and how to code it.
- Creating Layered Backgrounds - A background is an image that is placed on a web page to add color or design to the page. A layered background adds one or more images. The majority of these layouts are created with nested tables. You can also create the same effect using CSS.
- Website Navigation Structure - Adding navigation to your website is a MUST! After visiting many genealogy sites over the last few months, one thing I have noticed is that a number of them include only a Home button and Back button.
- Creating a Navigation menu
- Add a Search Box - If you have a large site, you want to consider adding a search box to your site. There are a number of free ones available or if you are using paid hosting, there may be one available through the host. The free ones I have used are listed below. Each is customizable to reflect the "look" of your site.
- Framed Web Site - A step-by-step tutorial on moving from a framed site to a css based layout.
-
Publishing
With FTP - Using File Transfer Protocol (FTP) to publish your website.
- Step by Step Instructions for Configuring a new FTP site
- Using FileZilla for configuring and publishing with FileZilla
- Accessible Forms
- Setting Up A Domain or Subdomain - This is a step-by-step tutorial for setting up a domain or subdomain using 1and1 hosting on a Linux server.
- Creating Custom Error Pages - This is a step-by-step tutorial for setting up a custom error page using 1and1 hosting on a Linux server.
Website Design and RootsWeb
- Rootsweb WorldConnect Project
- WorldConnect and CSS - Would you like to add some style to your WorldConnect Database results. Would you like those pages to look more like your genealogy web site? Learn how with this tutorial.
- WorldConnect and HTML - A how to for adding photographs and hyperlinks to WorldConnect GEDCOM Files.
- Server Side Includes - If you have content that shows on every page of your website OR on many pages of your site, you might want to consider using Server Side Includes (SSI.) SSI's allow you to make a change in one page and have it update on all the pages where it is included.
FrontPage Tutorials
- Converting a Theme Based - Shared Border Web to DWT - Recently I helped someone convert their site from one based on a theme, shared borders and the navigation system component available in FrontPage to one based on two separate dynamic web templates or dwt's and the includes page feature. I thought it might be helpful to others to go through some of the steps involved and share some of the resources I found along the way. These were basically the same steps I followed in converting my own site to a dwt site.
- Creating a FrontPage Web the Proper Way - Have you really created a FrontPage web or do you just have a collection of files and folders under My Webs or somewhere else on your hard drive? Step-by-step instructions for creating your FrontPage website.
- FrontPage Photo Galleries - Tips on adding photo galleries to a genealogy website.
- Publishing Your Website - If you have created your site in FrontPage and your host has FPSE installed, you need to use the Publish feature in FrontPage to upload your site to your server space. If you choose to use an ftp program, you may "break" the server extensions.
- Publishing Your Website From Your Remote Server - If you have FrontPage Server Extensions installed on your host server, you can reverse publish the remote site to your hard drive using FrontPage or Expression Web. First, create an empty website on your hard drive.
- htaccess File and FPSE - Editing your htaccess file with FrontPage Server Extensions installed
- What to do in FrontPage when extra files are generated as a result of saving pages from the Internet.
- Xara MenuMaker and FrontPage - Enjoy using Xara MenuMaker to create drop-down menus but not able to get them to validate. Here's a tutorial to help you in validating your Xara Menus.
- Xara WebStyle 4 and FrontPage - How to make your website created with Xara WebStyle 4 and FrontPage validate.
- Password Protecting Directories in FrontPage - If you are using the FrontPage extensions and want to password protect a folder, you should NOT use the control panel on your server. Do it the "FrontPage Way." Follow this Step-by-Step tutorial to learn how.
- Validating FrontLook Site Search Engine
Expression Web Tutorials
- Setting Up Expression Web Tutorials by Tina Clarke, Microsoft MVP - FrontPage
- Download the
FREE EBook
- Part 1: Setting up Expression Web - Page Editor Options - General Tab Setting up Expression Web before you start making a site is essential if your going to get the best out of EW, and make life easy for yourself. In this tutorial we discuss Page Editor Options - General Tab and the settings you should employ.
- Part 2: Setting up Expression Web - Page Editor Options - CSS Tab Auto Mode is the mode to use if your New to CSS, this mode allows you to learn as Expression Web does all the work, however there are caveats.
- Part 3: Setting up Expression Web - Page Editor Options - Code Formatting Tab By setting your Code Formatting now you will be starting with a working environment that lets you get on with the job.
- Part 4: Setting up Expression Web - IntelliSense Tab By using IntelliSense your productivity will increase tenfold. IntelliSense automatically works as you author your pages.
- Part 5: Setting up Expression -
Optimize HTML Optimizing your HTML code means just that. By optimising
your reducing your code load by getting rid unnecessary code within your
web files.
- Edit Preview Browser List - Before you can preview your page in browsers other than the default browser, you will need to add them to the Preview Browser List. This tutorial tells you how.
-
Design Time Includes and Expression Web - Any time you have a lot of repeated
content in a website - things like page headers, page footers and navigation
menus or even areas of content - you can use Expression Web includes.
-
Inserting Images in Expression Web
-
Validation Error - no attribute "xmlns:v" - If you are copying and pasting
content from another Microsoft program into Expression Web and then try and
validate your page, you are likely to get an error message.
- Anchor Tag and the Name Attribute in Expression Web - Step-by-step instructions for creating a name anchor link or bookmark in Expression Web
- Accessible Forms and Expression Web
- Converting a Table Based Layout to CSS Positioned Layout with Expression Web
- Validating FrontLook Site Search Engine for Expression Web
- LearnExpression - LearnExpression offers FREE video tutorials for the new Microsoft Expression Suite including Expression Web. by Dustin Drees
- Web Album Generator and Expression Web - free software to make web albums and photo galleries from your digital photographs.
- Expression Web DWT's - Are you having trouble attaching your dwt to your content? Follow these simple steps.