Free web design training service and resources by the Rochester Web Wizard @ Data Info Magic

 

Editors :

What program do you use to write the code?

The first issue to tackle is which software to use.

First of all, you don't need anything fancy to make a web page. Any text editor including NotePad (under accessories on your computer) will work. To see some HTML just right click on this page and view source. You will see the html portion. If you copy this, paste it into a NotePad file. Save. Change the file extension from .txt to .html (or .htm) Double click to open it and it will run as a web page in your default browser. The thing is, it won't look the same. That's because you don't see the CSS and PHP code.

You do not want a WYSIWYG (what you see is what you get) editor. It sounds nice, but you have no design control and it is impossible to edit. You will just be entering text. You want a code editor that supports as many scripting languages as possible.

Even though Dreamweaver is perfect, it is not cheap. If you don't have a firm grasp of the code then you will be blindly generating pages that you don't really understand and you can not quickly edit. It is better to use a text editor like RapidPHP while you are learning so you will understand what it is that you are doing. Once you have mastered the code then you can use Dreamweaver to cut your development time. This is a fundamental issue but seems to be largely ignored in all introduction materials. Maybe you are just supposed to know this. It depends on your usage, background and budget.


Free Editors: Roden Web Editor

This one is impossible to beat for cost (free) and broad code support. It is virus and adware free. I looked for one that supported PHP, because that is where you will want to aim. Very few free editors support PHP.

Roden Web Editor free download
is a complete web development environment that combines powerful code editing and authoring tools that help you do more, more easily.
For beginners and professionals alike!

  • Support for many web languages
  • HTML / XHTML
  • CSS
  • JavaScript , AJAX
  • PHP
  • XSLT , XSL-FO
  • XML , RSS , WML
  • SVG , SMIL

  • Functions
  • Variety of built in functions
  • Built-in File Explorer
  • Project management and publishing to FTP
  • Search and replace engine
  • Previewing
  • In-code image viewing, and helpers

  • Interface
  • Multiple document interface
  • Taskbar (Document Tabs)
  • Workspace layout management
  • Easy to use
  • Intuitive interface
  • Buttons and code hints
  • Organized language and reference tabs
  • One click insertion of code, tags and programming blocks,...

  • Code helpers and wizards
  • Autocomplete features for many languages
  • Syntax highlighting
  • Code formatings
  • Code Library and References
  • Code checkers and helpers
  • New document templates
  • Many usefull and time saving wizards, ..

  • Internal Preview
  • Built-In real-time Preview
  • Split Screen Preview
  • Preview in any External Browser
  • Manipulating with objects in visual stage,..

 

Cheap Editors: Rapid PHP $39

Rapid PHP editor is a powerful, quick and sophisticated PHP editor with features of a fully-loaded PHP IDE and speed of the Notepad. Convenient features enable you to instantly create and edit not only PHP, but also HTML, XHTML, CSS and JavaScript code, while integrated tools allow you to easily debug, validate, reuse, navigate and format your code. Whether you are a professional developer or pure enthusiast, with Rapid PHP editor you can get your job done faster, save time and increase productivity.

Rapid PHP Editor is the world's only PHP editor and PHP IDE that includes full-scale HTML, CSS and JavaScript editors. Now you can accomplish more with a single tool.

Why Rapid PHP Editor?

Rapid PHP Editor Key Features and Benefits

  • Speed - the fastest loading PHP editor & PHP IDE
  • Sophisticated, fully customizable and familiar text editor
  • Syntax highlighting for PHP, HTML, CSS, JavaScript, WML, XML and SQL
  • UTF-8 and UTF-16 Unicode Support
  • Easily navigate your code with Code Explorer
  • Lookup PHP function parameters with Function Hints
  • Lookup functions, variables and properties with Auto Complete
  • Debug PHP code with xDebug debugger
  • Validate PHP code with Syntax Check
  • Realtime PHP Syntax Check as you type
  • Built-in web server for easy PHP preview
  • Integration with PHP, HTML and CSS documentation
  • Save and open files directly from FTP/SFTP
  • Project management and FTP/SFTP publishing
  • SQL database connectivity (MySQL, PostgreSQL, Firebird, Interbase)
  • Matching bracket highlighting
  • Matching and missing HTML tag highlighting
  • Search and Replace with Regular Expression Support
  • Search and Replace in files
  • Spell Checker for text in HTML code and TXT files
  • Multi Item Clipboard
  • Code snippet library and code templates
  • Ready to use Code Templates
  • Advanced HTML editing with Auto Complete, Inspector and other tools
  • Advanced CSS editing with built-in CSS editor
  • Advanced JavaScript editing with built-in JavaScript editor
  • SVN Support via TortoiseSVN and shell menus from File Explorer
  • Countless goodies (code collapse, line highlighting, text indentation etc.)

Download Rapid PHP Editor Now


There are other editors out there that try to sound like cheaper versions of Dreamweaver but they do not even come close to measuring up. You will end up wasting time and money that you could have spent on the real thing. The fact is, there is nothing out there anything like Dreamweaver. There are some blogging software packages like WordPad that are free but they have specifc purposes and add-ons are not free.

 

Expensive Editors: Dreamweaver CS4 $399

Eventually you will need the best and this is the state of the art program for web development. It is still best to start with the text editors first so you really know what you are doing before using this product. But this will cut your development time dramatically!!! Do not try to save money by getting an illegal copy that claims to be legitimate. This program is well worth the money you will spend. There are countless add-ons to this software which make it infinitely more valuable. Legitimate student/teacher discounts bring the cost down. You can buy directly from Adobe to be sure to get the legitimate and latest versions because the software never goes on sale and it is the smae price evrywhere unless it is an outdated or illegitimate copy.

There is an extrordinarily large number of software titles available that coordinate with Dreamweaver like PhotoShop, Flash and coutless others from Adobe as well as add-ons from WebAssist that can make your cost mushroom dramtically. Be careful not to spend money until you are certain that you can make use of the software. Once you go pro you can start adding some of these valuable but very expensive titles.

  • Buy US $399
  • Upgrade from US$199
  • Get the trial
Which suite edition is it in?

Get Dreamweaver as part of Web Premium

Redefine the extraordinary in web design and development

Also available in:
Design Premium
Web Standard
Master Collection

Compare suite editions ›Suite editions offer software packages at a bundle discount.

Why buy a suite edition?

Get more for your money

Adobe Creative Suite® 4 costs up to 60% less vs. purchasing the individual products separately.

Expand your creative palette

With more tools, you can develop new skills that will inspire more creative possibilities and expand your career opportunities.

Step up to Creative Suite

Save up to 60% on Creative Suite compared to purchasing individual products separately.
See Creative Suite 4 upgrade paths ›

Stick with what you know

Get the latest features to enhance productivity, stay current, and stay competitive.
See Dreamweaver CS4 upgrade paths ›

What are my purchasing options?
  • Buy from Adobe
  • Discounts for education
  • Volume licensing
  • Buy from a reseller

Design and maintain standards-based websites and applications

Build world-class websites and applications with one of the industry's leading web authoring tools. Adobe® Dreamweaver® CS4 software is ideal for web designers, web developers, and visual designers.

Did you know…

New features preview and test web content twice as fast

According to independent research, using Live View is nearly twice as fast as previewing rendered pages in a browser. Using Live Code, you see the results of coding changes in Live View more than twice as fast as you would switching to a browser. Additionally, you can click a related file to see both its source in Code view and the parent page in Design view.

Editing web pages is quick and easy

Design your pages in Dreamweaver so end users can edit their web pages without help from you or additional software using the InContext Editing online service*. As a Dreamweaver designer, you can limit changes to specific regions on the page.

Education discounts are available

As a student or educator, you qualify for education pricing. See the full list of products available for purchase.

Available directly from the Adobe website.