Designing in Preview Mode

Post your questions and problem reports here

Moderator: kfury77

Forum rules
Please try to follow these guidelines. This will help to receive faster and more accurate response.
  • Check the Support section of the corresponding product first. Chances are you will find your answer there;
  • Do not create new topics for already reported problems. Add your comments to the existing topics instead;
  • Create separate topic for each problem request. Do NOT post a number of non-related problem reports in a single topic;
  • Give your topic a meaningful title. Titles such as "A question," "Bug report" and "Help!" provide others no clue what your message is about;
  • Include the version number of the software you are using;
  • This is not an official customer support helpdesk. If you need a prompt and official response, please contact our support team directly instead. It may take a while until you receive a reply in the forum;
Post Reply
maggiejene
Posts: 1
Joined: Mon Aug 11, 2008 3:32 am

Designing in Preview Mode

Post by maggiejene »

Hi,

I have switched from Dreamweaver to WeBuilder 2007 and would like to know if it is possible to design my page only using preview mode. I am not familar with html.

Thank you,
maggiejene
User avatar
MikeyB
Top Contributor
Posts: 511
Joined: Fri Jun 09, 2006 10:38 am
Location: UK
Contact:

Re: Designing in Preview Mode

Post by MikeyB »

Hi maggiejene,

WeBuilder is not a WYSIWYG editor so it's not possible edit the preview mode.
You can get the preview mode & the code together on one screen so you can see your changes taking place with the "Horizontal Split" and "Vertical Split"

There are lots of useful items in the Insert and Format menus to help build your code.

Cheers,
Mike
User avatar
chrisjlocke
Top Contributor
Posts: 995
Joined: Mon Aug 01, 2005 4:12 pm
Location: Essex, UK
Contact:

Re: Designing in Preview Mode

Post by chrisjlocke »

I'd recommend a wysiwyg (what you see is what you get) editor like Nvu.
http://www.vnunet.com/vnunet/downloads/2129079/nvu

This is based on Mozilla Composer. Its great for knocking up small HTML pages.
Basic HTML isn't too hard to understand, and again, I'd recommend HTMLDog to get to grips with the basics.
http://www.htmldog.com/

If you don't know any HTML, then unfortunately, WeBuilder isn't going to be the editor for you. As Mike has said, WeBuilder has some menu options to help insert some code, etc, but if you don't know what the code does, you won't know why your page isn't looking great, or working as it should.
davenz

Re: Designing in Preview Mode

Post by davenz »

nVu has not been updated for years, although the original release was basically sound. Someone has continued it with Kompozer, whihc seems pretty solid, and Seamonkey contains the original netscape-type HTML editor (Composer). As far as WYSIWYG goes, there aren't many in Dreamweaver's class, though you could check out lesser software like Coolpage, CoffeeCup's Visual Site Designer, Pablo Software's WYSIWIG Web Builder or similar. The other option, though not cheap either, is Microsoft's Expression Web 2, which works very well.

Dave.
CaliforniaJerry
Posts: 88
Joined: Sat Aug 01, 2009 4:48 am
Location: Mountain View, CA
Contact:

Re: Designing in Preview Mode

Post by CaliforniaJerry »

...dragging this thread out of the dust, it's the only one that came up when I searched for "Kompozer"... I'd like to see some features from Kompozer added to WeBuilder which would make this a much more robust tool. Similar to DreamWeaver, in Kompozer you can select an area in the preview screen and it will then be highlighted in the code screen.
User avatar
chrisjlocke
Top Contributor
Posts: 995
Joined: Mon Aug 01, 2005 4:12 pm
Location: Essex, UK
Contact:

Re: Designing in Preview Mode

Post by chrisjlocke »

This has been requested several times, and is due to a limitation in the preview control used, rather than the Blumentals developers just not bothering to impliment it.

Also, this is a feature request, and should therefore not be in the support section. Grr. Bad boy.
User avatar
syrupcore
Top Contributor
Posts: 917
Joined: Thu Jul 21, 2005 12:58 am
Location: Portland, Oregon, usa
Contact:

Re: Designing in Preview Mode

Post by syrupcore »

I'm a broken record but alt+tab + firebug is basically this. be sure to actually use the firebug "inspect" shortcut (ctrl+alt+c) and click on the bit you want to find in your code. firebug will show you where it is. one better, it'll give you the line numbers for *all* of the css declarations that are effecting the element. such an epic win.

also, get used to using the find feature via keyboard shortcut. if you're trying to get to a list item with the text "hello" in it, just search for it. get cozy with the "find+next" shortcut too!

once you get used to these you wont miss the dreamweaver click-to-jump-to-code thingy at all.
Post Reply