Stasiuk's Universe --Creating a Web Site: Kompozer

Monday, October 24, 2011

WYSIWYG --Visual Web Editors

Is there a way to edit a web page directly without using an html text editor? Is there a way to design a web page visually?

The answer is, YES! Sometimes a visual editor is real handy to have around!

If you have purchased the Coffee Cup HTML Editor, you'll discover that it comes with a visual editor. You might not notice it as it might be "turned off!" I found this "Faq" on the Coffee Cup web site.

Visual Editor Tab not displaying at all.

Solution: With the update to the latest version of the HTML Editor, the Visual Editor has been turned off by default. We did this to provide the best possible user experience. But don't fret — this is an easy issue to fix. To re-enable the Visual Editor, launch the Editor and go to the Tools > Preferences > General tab. Once there, uncheck the Hide Visual tab option...

When you click on the Visual Editor Tab you can edit directly on the web page.

Insert HTML elements just like using a word processor...

Visual ed cp

Give it a try!

Coffee Cup has another Wed Editor that could be better described as a web designer. It's called Visual Site Designer.

If you are visually oriented this might be a great editor for you. You can download a free trial from Coffee Cup's web site

If you have a Mac (or a PC) you can try the Open Source program Kompozer (It's Free)

Click the link below to start the Download and give it a try.! Load a web page and start adding your content directly on the web page!

kompozer-0.8b3.en-US.win32.exe (Windows™ installer)
kompozer-0.8b3.en-US.mac-universal.dmg (Mac OS X™)

Kompozer

There is other software, noteablely Adobe's Dreamweaver, but this class is not about web editors, it's about creating a web site!

Web Editors are our tools of the trade!

Got a question,? 'Holler!

Thursday, April 29, 2010

Create A Web Site -Week 2 tiips

Howdy

Just some info and a tip or two...

1. For those of you that use a PC, and are running the Komodo Edit portable App from your Flash Drive! I made some illustrated instructions in case you run into the problem where It appears Komodo Edit Portable didn't shut down cleanly and the host folder is missing...

You'll find the instructions here

2. When you are trying out a new tag / element start off with a "blank" .html page with just the basic web page info like you'll find in the file Basic-htmlpage.html (it's in the "YourWeb-Site) folder on the CD or your master Web-Site folder if you copied it to your flash drive...

Once you understand how the element works you can copy and paste it into your index.html page

eg (You can cut and paste this into your editor... )

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>A Test "html" Element Page</title>
</head>
<body>

<img src="images/web.jpg" alt="A Small spider web "logo, for the Create A web Site Class" width="150" height="100" />

</body>
</html>

3. If you are intimidated or frustrated using a "text" editor to make a web page, in other words you are the creative type, take a look at the Web Edit program Kompozer... It's available for both the PC and Mac, Just check out the appropriate folder PC-programs or Mac-Programs on the Class CD I gave you.
Kompozer is under development led by Fabien Cazenave as an open source WYSIWYG Web Editor (Works like a word processor)... I use Kompozer when I want to quickly lay out a page visually...
Give it a try, have fun and as usual, 'holler (post) if you have a question!

PS I also added some "copyright" info for those of you that will be displaying photos, and art on your web pages that you want/need to copyright...There is a new link on the Class Home Web Page...
Tip
If you don't see new links on the class web pages, click the refresh button on your browser...
You never lnow what kind of new treasure you might find.