CNST
Help Guide
   Home || CNST 220 Start || CNST 328 Start || Customize Your Store || Manage Your Store || Software Tools

Customize Your Store

Homepage

Store Pages

Add a New Theme
 
Homepage
Review the current homepage for your group.
Click on your group name for this class on the class homepage.
Download a homepage template.
You will use Dreamweaver to change the look and feel of a homepage template to fit your style and approach.
  1. Click these links to sample the homepage templates and the company Web sites that inspired them:

    2. Homepage Templates: Blue Fly || Lands End || Banana Republic || Gap

    Web Site Screens: Blue Fly || Lands End || Banana Republic || Gap

  2. Make sure you are viewing the homepage template you want. Click File, then Save As . . . in the window displaying the homepage to place the template in your group's file folder on the computer desktop.
  3. Locate and open your group folder on the computer desktop in the "Save in:" dropdown list.
  4. Rename the file to default.asp in the "File name:" field. Go to the "Save as type" dropdown and choose Web Page, HTML only and click Save. Do not put the file in a sub-folder inside your main group folder. Just save it to your group folder.
Modify the homepage template.
  1. Use Dreamweaver to find and open the homepage template you downloaded. Look for the default.asp file in the file list under your group folder.
  2. While still in Dreamweaver, double-click the file to open it in the editing window. Locate areas that are labeled with teal tags saying "Menu," "Content," etc. You can also edit the contents of raised boxes.

    You can make changes to only these areas; other areas will be locked. Just click inside a teal tag or raised box to make your changes.


    3. Note: You can resize a raised box and drag it to any place on the page. The box can be placed over any area or image.

  3. Change any of the following in any teal tag or raised box area:
  4. Save the file by clicking on File, and then Save.
  5. Preview your page: Go to the preview area for your store on the tutorial home page by clicking your group name. Next, type the name of your file at the end of the web address appearing in the browser and press ENTER on your keyboard.
  6. Upload the file with Dreamweaver.
>> Customize your store pages now.