Introduction to Web Development; Microsoft Web Technologies
So you want to develop a Web site? Well you’re in luck; Microsoft offers end to end Web technology solutions giving you everything you need from hosting through to client side rich Internet applications. In this article I will provide an overview of Microsoft’s Web technologies and give you plenty of links that will help you to get started.
IIS (Internet Information Services) is Microsoft’s Web server technology and comes with both the consumer and server OSs (operating systems). With Windows XP and Vista IIS is an optional add-on which can easily be added once the OS is installed. You can find out how to add IIS7 to Vista here. There is however a limitation with the consumer operating systems which means you are only allowed ten concurrent connections to the server at any one time. This is perfect for test server or a low traffic Web server. Another alternative Web Server is Cassini, this is very lightweight and designed for testing ASP.NET pages. If you have a server OS (for example Server 2008) you get the fully fledged version of IIS suitable for production Web sites included out of the box.
The second key technology that must be considered when thinking about Web hosting is a database server. Microsoft's database technology is know as SQL. Microsoft offers a free version of SQL called the Express Edition which is perfect for testing and low traffic sites. There are a whole bunch of video tutorials to help you get started with SQL here.
Once you have your Web hosting set up the next thing you need to think about is the tools you will use to build your site. Microsoft offers a complete range of tools for Web Development:
- Visual Studio - For developing .NET based solutions with full support for HTML and CSS. There are free Express editions of Visual Studio but the full versions are also available to students for free through MSDNAA.
- Expression Web - For developing predominantly HTML/CSS pages with some support for ASP.NET. A 60 day trial is available for free from the Expression Web site but full versions are available free for students through MSDNAA.
- Expression Blend - For developing Silverlight based Web applications. A 60 day trial is available for free from the Expression Web site but full versions are available free for students through MSDNAA.
3. ASP.NET & AJAX
Now you've got your hosting sorted out and your tools installed it's time to start building some code. Microsoft's primary Web development platform is ASP.NET. ASP.NET is a server side object orientated technology which can be used to build interactive Web pages and services. Many major commercial Web sites such as Myspace and Dell are built on this technology but it's very easy to get started so is ideal for building your personal pages and projects. Below are some resources to help you find out more about ASP.NET and get started building some code:
- Video tutorials from the official ASP.NET Web site.
- Huge archive of tutorials and guides covering every aspect of ASP.NET including integration of SQL databases.
- ASP.NET starter kits and community projects - you can use these as an easy way to get started and get your site online at top speed.
- Scott Guthrie's Blog - Frequently updated Microsoft blog with lots of ASP.NET resources.
- ASP.NET 3.5 Step by Step - This a great book when starting with ASP.NET or a great reference for more experienced developers.
If you want to take user experience to the next level then Silverlight is the technology for you. Silverlight allows you to build client side RIAs (Rich Internet Applications) which are scalable because they are based on vector graphics defined in an XML format known as XAML. Media streaming is also supported as are full screen applications. Expression Blend is the primary tool for creating the graphical side of applications with Visual Studio used to develop the interactive functionality in code. Below are some examples of current Web sites built using Silverlight technology and tutorials to help you get started. I have also built a very simple Silverlight animation (which you can see below), you can see the XAML behind this application by right clicking and selecting 'Save as' here.
- T5m.com - A great example of a commercial site built in Silverlight which features live video streaming in full screen.
- Tim Sneath's blog - Great blog with regular information about Silverlight.
- Fox Movies Demo - Example of a custom media player which uses adaptive streaming to cater for users with different speed connections.
- Official getting started guide - Good video tutorial.
- Inspiration Tour Silverlight session - This is an introduction to Silverlight specifically for students that we put together for the Inspiration Tour.
- Free Silverlight Hosting from Windows Live.
So there you have it, a quick and dirty look at Microsoft Web tech. Over the next couple of months I'll look at the technologies introduced here in more detail so check back soon.