Suitcase Fusion 3 User Guide for Mac OS - Extensis

Once you set up and start your web server, place your HTML and CSS files in the location the server uses as its
“home” location for serving files. On Mac OS X this is usually in the Sites folder in your home folder; for IIS on
Windows it is usually in C:\inetpub\wwwroot\. (You would usually place each site’s files in a separate folder.)
Adding your local site to your Type Drawer
When testing your site on a local web server, you will refer to it using a local name rather than it’s eventual World
Wide Web URL. Most web servers allow you to refer to your local computer in a variety of ways. For example, on
Mac OS X, you can load your local website using the computer’s IP address, it’s name, or the term localhost.
You will need to add at least one of these local website names to your Type Drawer, but keep these things in
mind:
• Don’t use the web server’s IP address unless it is static. Ask your network administrator to provide the
server’s name or, if you are using your own computer, use localhost.
• When your real website goes live on the Internet, don’t forget to remove your test website from your Type
Drawer to avoid unnecessary charges.
For more information about setting up a web server on your computer, see your computer’s documentation. You
may also find these links helpful:
Setting up Web Sharing on Mac OS X v10.6 (Snow Leopard) and 10.7 (Lion):
http://docs.info.apple.com/article.html?path=Mac/10.6/en/8236.html
While these instructions are specific to Snow Leopard, the process for Lion is almost identical.
Setting up Web Sharing on Mac OS X v10.5 (Leopard):
http://docs.info.apple.com/article.html?path=Mac/10.5/en/8236.html
Setting up IIS on Windows 7:
http://windows.microsoft.com/en-US/windows7/Install-Internet-Information-Services-IIS-7-5
Setting up IIS on Windows Vista:
http://windows.microsoft.com/en-us/windows-vista/Install-Internet-Information-Services-IIS-7-0
Setting up IIS on Windows XP:
http://www.microsoft.com/resources/documentation/windows/xp/all/proddocs/en-us/iiiisin2.mspx?mfr=true
Rebranding an existing website
Cascading Style Sheets were born to make it simple to change the look of a website with minimal fuss. If your
website is already using CSS to define fonts and layout, then you are ready to modify the site using WebINK
fonts.
If your site uses inline styles or an internal style sheet, we strongly advise that you consider undertaking the
effort to move it to using a single external style sheet. It will make your site much more consistent and much
easier to modify in this regard in the future.
Assuming you are using a single external style sheet for your website’s CSS, here are the steps to take to give
the site a WebINK makeover:
1. Create a Type Drawer in Suitcase Fusion.
2. Add your site to the Type Drawer.
3. Add the fonts you want to use on your website to the Type Drawer.
4. Export the CSS for your Type Drawer.
5. Add the WebINK CSS to your website’s style sheet.
6. Modify the CSS tags in your style sheet to use the WebINK fonts.
7. Republish your style sheet.
When choosing fonts, the Web Preview feature of Suitcase Fusion can be a big help. You can try out new fonts
on your existing website before you add them to your Type Drawer. Load your existing website into the preview,
select elements, and assign a font to the selected elements.
- 96 -