Categorized | Useful APPs

Really Painless Web Development Using Microsoft WebMatrix

style="border: 0px none;margin-left:20px;float:right;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/08/webmatrixlogo.jpg" alt="web development"/> href="http://makeuseof.com/tags/microsoft">Microsoft has a history of releasing some great free tools for Windows users now and then. Recently they have unveiled WebMatrix, an all-in-one href="http://makeuseof.com/tags/web-development">web development suite to cater to the development community. WebMatrix is not just a typical IDE or development framework but has a bouquet of tools –  a web server, a SQL database, and a database-ready framework.

href="http://www.microsoft.com/web/webmatrix/">WebMatrix is free to download and is available for all Windows users. The new app is ideal for developers building web apps that require local data storage. But if you have the habit of building your own websites or pursuing web design as a hobby, WebMatrix is handy tool to build simple websites, either from scratch or by modifying popular open source software.

id="more-52241">

Installation & Set Up

style="text-align: center;"> class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/08/Installer.png" alt="web development"/>

The installer launches to a screen that lists a lot of Microsoft that you might need. Please note that these packages are not necessary for installing and running WebMatrix. You can straightaway select the WebMatrix tab to proceed with the installation. I chose not to include Visual Web Developer 2010 and SQL Server Express 2010 and continued with the installation.

style="text-align: center;"> class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/08/WebMatrix-Installer.png" alt="web site development" />

Since the initial download is very light, all the required packages are downloaded from Microsoft’s servers before the installation can begin. It a took a while for the installation to get over and you will have to restart the PC mid-way after the SQL Server installation (the installation will continue automatically after the restart). At the end of the installation, we will have the latest version of IIS, including latest IIS Web extensions like IIS Media Services as the webserver, SQL Server 2008 Express as the database and the .NET Framework to develop websites using ASP.NET.

Dashboard

style="text-align: center;"> class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/08/Home.jpg" alt="web site development"/>

Once the installation is complete, we get to see the see the dashboard which offers four design options and I chose the Site from Web gallery. This option allows us to edit and develop web sites derived from 28 of the popular open source platforms.

style="text-align: center;"> class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/08/Gallery.png" alt="web site development"/>

I chose href="http://makeuseof.com/tags/wordpress">WordPress and since it does not support SQL Server, WebMatrix offered to install one locally or to use a remotely hosted one. WebMatrix actually downloads all the corresponding requirements of the open source package and in this case that included PHP 5 too!

style="text-align: center;"> class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/08/EULA.png" alt="web design and development" />

Workspaces

Microsoft emphasizes that WebMatrix’s power lies in its four Workspaces. Each one of these workspaces allow us to develop the website, deploy files, perform routine administrator tasks, optimize content for SEO and to pull analytics reports.

style="text-align: center;"> class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/08/Editor.png" alt="web design and development"/>

Using the Site Workspace, we can monitor the website’s real-time web requests and configure server settings as well.

style="text-align: center;"> class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/08/Site-Worspace.jpg" alt="web development"/>

Code editing is part of the file workspace and we can see real time previews of the changes made to the site. If you start designing a static website and later decide to add a database to it to enhance the functionality all you have to do is click on the Database workspace.

style="text-align: center;"> class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/08/Editing-Code.jpg" alt="web development"/>

WebMatrix supports file transfer protocols like WebDeploy, FTP and FTPS enabling us to get the entire setup including all files, database and code to the server easily.

Final Thoughts

WebMatrix is an awesome app that does a lot of heavy lifting for those who are not web development ninjas. Even though installation of packages takes time, I was impressed with the accuracy with which WebMatrix installed all the dependencies even for rival open source platforms. The simple and clutter-free user interface is worth a mention too and it helps the focus to be on the design & code with its minimal design.

For those who are not exactly fans of Microsoft, we have earlier covered href="http://makeuseof.com/tag/kompozer-free-web-design-software-whip-web-pages/">Kompozer, a free href="http://makeuseof.com/dir/tag/webdesign/">web design software and the uber famous href="http://makeuseof.com/tag/amateurs-guide-to-customizing-website-design-with-firebug/">Firebug plugin for Firefox.

Have you tried WebMatrix already? Or using a better IDE? Share your thoughts in the comments section. />
/> Got Questions? Ask Them Now FREE on href="http://www.makeuseof.com/answers/">MakeUseOf Answers!

/>

 

href="http://api.tweetmeme.com/share?url=http://www.makeuseof.com/tag/painless-web-development-microsoft-webmatrix/"> src="http://api.tweetmeme.com/imagebutton.gif?url=http://www.makeuseof.com/tag/painless-web-development-microsoft-webmatrix/"> href="http://digg.com/tools/diggthis/login?url=http://www.makeuseof.com/tag/painless-web-development-microsoft-webmatrix/"> src="http://www.makeuseof.com/images/rss-buttons/diggme.png"> href="http://www.facebook.com/sharer.php?u=http://www.makeuseof.com/tag/painless-web-development-microsoft-webmatrix/"> src="http://www.makeuseof.com/images/rss-buttons/fb.jpg"> href="http://www.google.com/reader/link?url=http://www.makeuseof.com/tag/painless-web-development-microsoft-webmatrix/&title=Really Painless Web Development Using Microsoft WebMatrix&srcTitle=MakeUseOf.com"> src="http://www.makeuseof.com/images/rss-buttons/gbuzz-feed.png"> href="http://www.stumbleupon.com/submit?url=http://www.makeuseof.com/tag/painless-web-development-microsoft-webmatrix/"> src="http://www.makeuseof.com/images/rss-buttons/stumble.png">

 


Similar MakeUseOf Articles

class="st-related-posts">

  • href="http://www.makeuseof.com/tag/the-best-freeware-to-do-an-easy-wordpress-auto-install-n/" title="The Best Freeware To Do An Easy WordPress Auto Install">The Best Freeware To Do An Easy WordPress Auto Install (22 comments)
  • href="http://www.makeuseof.com/tag/kompozer-free-web-design-software-whip-web-pages/" title="Kompozer – Free Web Design Software To Whip Together Webpages">Kompozer – Free Web Design Software To Whip Together Webpages (13 comments)
  • href="http://www.makeuseof.com/tag/iweb-a-free-mac-web-design-tool-for-easy-beautiful-websites/" title="iWeb – Build A Quick, Easy & Beautiful Website [Mac only]">iWeb – Build A Quick, Easy & Beautiful Website [Mac only] (35 comments)
  • href="http://www.makeuseof.com/tag/functionality-cms-website/" title="How To Have The Functionality Of A CMS On Any Old Website">How To Have The Functionality Of A CMS On Any Old Website (15 comments)
  • href="http://www.makeuseof.com/tag/3-tools-create-mockup-designs-wireframes-online/" title="3 Tools to Create Mock-up Designs and Wireframes Online">3 Tools to Create Mock-up Designs and Wireframes Online (6 comments)
  • href="http://www.makeuseof.com/tag/2-websites-with-the-coolest-free-webpage-templates/" title="2 Websites With The Coolest Free Web Page Templates">2 Websites With The Coolest Free Web Page Templates (15 comments)
  • href="http://www.makeuseof.com/tag/search-engine-optimization-mistakes-that-will-destroy-your-website/" title="10 Common SEO Mistakes that can Destroy Your Website [Part I]">10 Common SEO Mistakes that can Destroy Your Website [Part I] (74 comments)
  • href="http://www.makeuseof.com/tag/web-metrics-101-what-do-all-these-terms-mean/" title="Web Metrics 101 – What DO all these Terms Mean?">Web Metrics 101 – What DO all these Terms Mean? (18 comments)
  • href="http://www.makeuseof.com/tag/transfer-files-by-ftp-with-filezilla/" title="Transfer files by FTP with FileZilla">Transfer files by FTP with FileZilla (20 comments)
  • href="http://www.makeuseof.com/tag/organize-track-google-adsense-accounts-syssense/" title="Track Your Google Adsense Accounts From Your Desktop With SysSense [Windows]">Track Your Google Adsense Accounts From Your Desktop With SysSense [Windows] (2 comments)


  • View full post on MakeUseOf.com

    3 Responses to “Really Painless Web Development Using Microsoft WebMatrix”

    1. jasray says:

      Yes, WebMatrix was mentioned on another site several weeks ago–so excited I was. If anyone is considering the install, think twice; getting the entire Matrix off of your machine is nearly impossible.

      I admit I don’t have much Web Site building experience, but I find using Expressions 4 and XAMPP infinitely easier, faster and more comprehensible. The documentation much simpler and abundant.

      WebMatrix, with your brief tutorial, has unbelievable potential, but for a casual user–I was nearly lost and certainly not going to fool around with it any longer.

      The uninstall–have fun! Clearing all the files and programs and registry keys may take a week.

      Nevertheless, if one took maybe six months to really learn the program, his/her skills would be quite valuable.

    2. jasray says:

      Yes, WebMatrix was mentioned on another site several weeks ago–so excited I was. If anyone is considering the install, think twice; getting the entire Matrix off of your machine is nearly impossible.

      I admit I don’t have much Web Site building experience, but I find using Expressions 4 and XAMPP infinitely easier, faster and more comprehensible. The documentation much simpler and abundant.

      WebMatrix, with your brief tutorial, has unbelievable potential, but for a casual user–I was nearly lost and certainly not going to fool around with it any longer.

      The uninstall–have fun! Clearing all the files and programs and registry keys may take a week.

      Nevertheless, if one took maybe six months to really learn the program, his/her skills would be quite valuable.

    3. nike air max says:

      Even though installation of packages takes time, I was impressed with the accuracy with which WebMatrix installed all the dependencies even for rival open source platforms.

    Trackbacks/Pingbacks


    Leave a Reply

    Blogroll