I have always been happy enough to work with Dreamweaver when making websites, but to be honest, I have switched over to TypePad altogether.
Let me be honest - it is neither cheap nor easy, but once it is set up, it is so much easier to maintain than a regular website. If you have no clue what HTML is, probably read no further - it will sound confusing, If you want to learn some coding, this might be a fun project.
As for costs - I needed a Typepad plan to allow for adjusted CSS to get the most out of it, which means I pay 13$ a month for unlimited blogs - and I have most of my sites on Typepad already. I could do it all without external hosting, but since all my domains are with someone else, I do have some hosting there as well.
Maybe some background first. Generally speaking, a website consists of HTML, a fairly simple programming language. There are numerous editing tools out there that pretty much mean that you never need to touch HTML to get a website done.
With Typepad, you cannot actually change the page HTML, but you work with a template, defining up front how certain parts of the site will look. CSS uses so-called tags, saying "text of header is 12pt" for example. CSS means you need to have some skill in reading and adjusting the code.
Here is how my latest project, SeeBetsy.com, was done (based on template "Minimalist White" three columns):
Adjust CSS
- Start a new blog
- Choose a template where you like most aspects, like font, size, colors
- Open blog to view page source
- Find CSS, open that in a new window - copy all template CSS into Word
- Find and rewrite the tags that need to be changed, like banner image, colors, etc.
- Take the adjusted CSS tags (keeping the order) and place into Custom CSS of your weblog.
- Play with this till you like the result
I always copy the original CSS into Word, then "track changes" while I start rewriting the aspects I do not like. I usually try to keep the width of columns, banners, and modules, because it is a pain to change all of those.
When you want to add your own images, banners, etc, you can always upload them to Typepad first, then refer to them in the code - I upload to my own hosting, though.
Create pages
Typepad won't only let you create posts, but also pages. I always make sure that comments and trackbacks are turned off there. Plus I first enter one single word into the title, then save, then change it - it means that the actual .html will be home.html and not welcome-to-my.html, for example.
Typelists
Almost everything I do on the site will be done in Typelists (Notes). Typelists are your friend! They mean that you can use regular HTML to create your own customized modules. Here's how I did it:
- Keep the blog's column widths in the back of your mind
- Create images in Fireworks (i.e. navigation left)
- Upload to server
- Make a table in Dreamweaver with all images and links
- Copy that table HTML code into Typelist
- Activate content - preview
SeeBetsy.com uses the following Typelists:
- Navigation left: Table with images, linked to pages or external sites (in a new window)
- Top right travel status: That is actually a table with a background image, so I can easily change just the text in the Typelist to allow for updated status. Fiddled around in Dreamweaver to get the spacing right, then copied complete Table HTML.
- Right Twitter & Feeds: Again a simple image with a link, prepared in
- Betsy's Favorites: Simple Etsy mini javascript into a Typelist, displaying seebetsy.etsy.com's favorite items - all sellers that will host her eventually.
- Statcounter: The counter code is an invisible module that is added to the bottom.
Arrange and re-write content
This is why I love Typepad - I can easily arrange my prepared modules until I like the site's look. Doing this in Dreamweaver would take a while, and whenever you work with tables in a page template, there is a chance of messing up the whole layout.
With Typepad, I only drag the modules to where I want them, add some of TP's modules (like the recent posts or archives), possibly a widget - and I am done.
If I want to change content on a page, I only go to Typepad and make my changes, then publish again - instead of opening Dreamweaver, adding content, uploading through FTP...
Some hints
- Typepad will usually display the name of the module. If you don't want that, just name the module <!-- NAME --> - it then won't display the title.
- Using links in your navigation, link to home.html instead of the complete domain - this will ensure that the original domain name is displayed instead of your Typepad URL.
- When you are stuck, google CSS and HTML help - I can't remember all those tags and rules, either.
Any other questions? Give me a holler. I am anything but a CSS or HTML expert, but I know just enough to get my sites up and running.
Strumpfkunst.de will soon be redesigned as well; right now, both SeeBetsy.com and ArtFusing.com are done as a Typepad blog.