Visually altering user controls in ASP.NET with Photoshop and CSS

Abstract

The need for this thesis project arose after the completion of several courses on building ASP.NET webpages and applications: there seemed to be a lack of information regarding the ways how to style webpages and to give them a different look from the default. During the courses the focus was mainly on programming aspects, be them frontend, backend or XHTML, but little was mentioned about the possibilities to modify the content visually.

The purpose of this thesis project was to present an easy way to alter the default visual style of the ASP.NET user controls, such as like buttons, check boxes and input fields, using CSS. An additional objective was to produce a short tutorial on how to create a webpage from a Photoshop designed layout and develop it further with Visual Studio.

The empirical part of the thesis contained a short presentation on how to implement some changes to the user controls and how to create a working ASP.NET webpage from a given Photoshop created document.

The result of this thesis project was an ASP.NET webpage that was created from a design layout from a Photoshop document. CSS styling was applied so that the resulting webpage matches the design.