How to Build Websites in Windows 7

SnappyTech, a member of the LockerGnome community at large, inquired about Web development software for Windows.

Windows can be an excellent environment for Web development, especially for programmers who enjoy working directly with code. After all, does it really matter what platform you’re using when editing code? What can help are several useful apps that may enhance or help the scripting process.

In this article, we’ll take a look at some of these helpful Windows-only or Windows-primary tools, and explain why they may be of use to the aspiring Web developer as they attempt to get more done on the Windows platform.

Notepad

Microsoft Windows 7 is an excellent platform for Web development, though the tool most appreciated by developers is actually the simplest text editor you’ve ever seen. It comes with every version of Windows for the past two decades, and is aptly called Notepad.

This simple text editor is a great tool for developing and modifying code on the fly. Though it may not have the bells and whistles other text editors have specifically for programming, it remains one of the most commonly used Web development tools for Windows users.

Notepad++

For beginning developers and folks that just appreciate a little extra help in the syntax department, Notepad++ is one of the best. Borrowing from the simplicity of Notepad, Notepad++ adds additional functionality such as syntax highlighting, add-ons, document comparison, FTP synchronization, panel views, and intelligent auto-completion.

Notepad++ is also free. My father, a website designer by trade, once told me that the key to learning how to build a site from scratch is in working with the code yourself. WYSIWYG (What You See is What You Get) editors such as Dreamweaver are handy, but the visual editing feature can be a crutch for early Web developers still needing to gain an understanding in the principles of programming.

Notepad++ gives you that ability, while also providing enough visual assistance to help make sense of all the text on the screen.

Text Expanders

Text expanders are very prevalent on OS X and Linux, allowing you to type a few characters and have it turn into a complex string of text that would take extra type to type out. These are especially useful for repetitive commands during Web development such as unordered lists, HREF calls, and other common scripting events.

One free option that has been available for quite some time is Texter, a Windows-only text expander that promises to save you time and make life easier. Surprisingly enough, it works quite well for Web development as it allows you to type in a specific string once, and have a combination of letters or characters (even a single letter or character) paste it in wherever field you are currently typing.

Another option is ActiveWords, a free-to-paid Windows-only solution that works in much the same way as Texter, but has some additional functionality that makes it a bit more robust. You can try 30 commands for free, but will need to pay about $50 for the full version of the software, unlocking unlimited text presets with number-to-text, wordbase transfers, and other useful features.

Windows Live Writer

Perhaps the one option regular people may find the most useful, but experienced developers may avoid, is Windows Live Writer. This software is available free for Windows users via Microsoft Windows Live Essentials, and can make it easier to post to a blog hosted through WordPress, Blogger, or TypePad.

This program allows you to easily add photos, online videos, a Bing map, and a few other knickknacks to your posts. Once you’ve finished composing your piece, you can publish it with a click to any of your active blog accounts.

While it may not be a great method of building websites, it is an option available to users that want a native application that allows them to just punch out a post and hit the publish button without having to deal with the Web interface.

Microsoft Expression Web 4

This is one editing solution you don’t hear terribly much about, though it does have an impressive array of features available to the user. It serves as part of the Microsoft Expression Studio Suite which retails for between $150 and $600, depending on the version you pick up.

What Expression Web 4 brings to the table is built-in support for Web standards across the board from PHP to ASP .NET, HTML5, CSS3, and more. It even provides expanded PHP support that includes functions from PHP 5.3, and over 130 other PHP-related modules.

Expression Web 4 even includes an SEO reporting feature, to help you maximize your site’s ranking on major search engines. You can even add your own tools made through HTML and JavaScript to the toolbox, allowing for your trademark site features to be easily placed on multiple sites.

Expression Web 4 also gives you the ability to import Photoshop files directly, maximizing the potential quality of images as they appear on your site.

Microsoft WebMatrix

Looking for Web development software for Windows that doesn’t cost an arm and a leg? Microsoft WebMatrix is an all-in-one package that allows you to write your code, build your site based on open source resources such as WordPress or Drupal, and host your own test server from within a single interface.

You can even integrate a database into your creation using SQL Server, making a more complete environment available for your projects.

The downside, you will need to work with IIS. This can be a deal-breaker for a lot of users, as IIS has a reputation for being insecure and underpowered compared to Apache server technology. That said, more recent implementations of IIS are significantly different from versions past, and it may be worth taking a look at in a testing capacity.

Solutions Not Specific to Windows

Dreamweaver is still one of the most popular tools out there for Web development. There was a point, not long ago, when I didn’t take developers seriously that used Dreamweaver on the sheer principle that it is very WYSIWYG heavy. While I still believe too many developers rely on visual editors as a crutch, I’ve met a few that have worked miracles on top 500 ranked sites using Dreamweaver without moving a single object in the visual editor.

Bluefish is one of my personal favorites. Not because it has any stunning features or unique qualities, but because it’s free and it works quite well as a simple HTML editing solution.

CoffeeCup Software makes a line of Web development products including HTML editors, visual editors, shopping cart, and form designers. The mission of the company states that it is out to make Web development a simpler and easier process. While CoffeeCup doesn’t necessarily bring anything new to the table, it is priced at a much more reasonable $50 per program over more expensive programs such as Dreamweaver.

Firefox and Chrome users can benefit from a number of different free plugins out there which can help you on your way to becoming a Web mogul. Firebug is an incredible plugin available for Firefox that can help a developer troubleshoot and investigate potential problems with a given site.

Final Thoughts

Web developers have to decide for themselves what the best solution is. Better is always relative, and what works here for some may not work for you. Ultimately, you need to determine what tools you need to get the job done and try multiple solutions out for yourself before deciding on one that best fills your needs.

So, what about you? What software do you use to make developing websites a bit easier?

Article Written by

Ryan Matthew Pierson has worked as a broadcaster, writer, and producer for media outlets ranging from local radio stations to internationally syndicated programs. His experience includes every aspect of media production. He has over a decade of experience in terrestrial radio, Internet multimedia, and commercial video production.

  • Wolfee Darkfang

    You left out the composer tool that comes with the Seamonkey browser, which tries to mimic the appearance of nutscrape (You remember Netscape Composer?), only with mozilla’s source code. I use that composer because it’s simple, can compete with dreamweaver or frontpage and I don’t need to buy it. Of course good ol’ SciTE is what I use for basic text / code editing. Of course SciTE is a more advanced tool and might confuse the newbies hehe.

  • http://www.facebook.com/people/Devon-Day/1849647205 Devon Day

    I use Kompozer on Linux Mint 12. But there is also a Windows and OS X version of it.

    http://www.kompozer.net/download.php

  • Hewbert Gabon

    I like Expression Web.

  • Sillyo39

    So not helpful!!!!

  • http://www.facebook.com/profile.php?id=1567456000 George Daniel Chachanidze

    Thanks a lot Matt for your help! will back link this on snappytech!

  • Jose De Gouveia

    Netbeans and Eclipse are great free choice for web development , and runs in any java(j2se) ready plataform

  • http://lance.compulsivetech.biz/ Lance Seidman

    You guys really should have mentioned Mozilla KompoZer.

  • http://twitter.com/quentez Quentin Calvez

    Hmm I agree with the tools you mentionned (apart from NotePad… What is NotePad even doing in that article -_-), but you didn’t mention that there’s also free versions of Visual Studio, one of them being dedicated to web development.

    • http://lance.compulsivetech.biz/ Lance Seidman

      A lot of us who don’t require syntax highlighting, intellisense help, or just know the actual coding and don’t need a WYSIWYG… Notepad is an essential for quick edits/repairs or sometimes I write full C# code [for my WP7 App's] in it and throw it over to VS10 and add it to the project (filename.xaml.cs) and build the actual form (filename.xaml) but of course first in the xaml.cs add the imports I will need and in the .xaml add the decelerations. 

      Why load bulky programs to make easy edits but again not for persons who aren’t familiar with the languages they’re using (obviously HTML would be a lot easier than C# as no real debugging needed as you have tags).

      • http://chris.pirillo.com/ Chris Pirillo

        Why aren’t you blogging for LockerGnome, Lance? :)

        • http://lance.compulsivetech.biz/ Lance Seidman

          Are you pulling my leg? I would love to, I didn’t think I really could… More than anything, I suppose you/your team are all very intimidating to me.

          If I had the chance to, I would be beyond thrilled as I live for LockerGnome (may not always participate but I am here reading and watching). I know a few good items to write about (news & tutorials; Getting the most from your computer to programming & making money from it) that people may like to see that haven’t been covered just yet but feeling like I know the audience, I think they could really enjoy.

          Either way, I feel honored you even made such a statement :).

          • http://twitter.com/ThisDamnScots This Damn Scotsman

            I hope I’m not intimidating!  My writing skill — in my mind at least — is crap.  Fogarty ends up cleaning up all my mistakes but the rest of the team are all friendly and helpful enough.  If you get a chance — lance, lol — take it!

        • http://twitter.com/fixgadget GadgetFix

          How can one sign up and blog for LockerGnome?

          • http://chris.pirillo.com/ Chris Pirillo

            Can you write well – without need for heavy editing? :)

          • http://twitter.com/fixgadget GadgetFix

            I tend to write fairly well. Most of the time I make a conscious effort when creating content. I work as a computer teacher and I am part of the IT department on campus. Light editing may be required from time to time. Mostly due to opinions expressed; or not knowing if it is  OK to describe something a certain way. 

  • http://twitter.com/fixgadget GadgetFix

    Thanks for the tips Matt/Chris. I’ll give Artisteer a try. Most of the info provided is spot on. There is nothing better than a basic text editor. I like UltraEdit myself, it highlights html and other markup/code. I believe it also has built in hex editing functions.