Synopses & Reviews
This book is for anyone who wants to learn about using .NET for web interface design. Beginner or hobbyist .NET developers can certainly get a good foundation of .NET web interface design by going through this book from cover to cover. However, more seasoned .NET professionals, especially if they tend to steer away from the GUI of their projects, can also pick up a thing or two by focusing on certain chapters that appeal to them. This book is meant to take a reader from the beginning of a project to the completion of the interface design. Along the way, concepts are illustrated to show how the different pieces play together. So, anyone who really wants to understand the concepts presented in this book will be able to do so by reading the entire thing. However, this book should also serve as a good reference after you have read it or, in some cases, in place of reading it.
All of the early chapters provide useful information and examples for any web developer. Many of the concepts presented after Chapter 4 are more specifically targeted at .NET developers. In the later chapters, the target audience is .NET developers or, at least, people who want to become .NET developers. In those chapters, you should probably have at least a basic understanding of the .NET Framework and some experience with Visual Studio 2005 (or possibly Visual Studio 2003). If you are completely new to .NET, you may find it useful to pick up a beginning ASP.NET 2.0 book before delving too deeply into those chapters. If you want to learn about .NET 2.0 web interface design, you are the intended audience.
It should be noted that all of the .NET code samples in this book are in C#. However, this shouldn’t limit other developers, such as VB.NET developers, from understanding the concepts or being able to replicate the code in their own projects. The actual managed code examples are pretty limited and, when they are used, they should be fairly easy to port over to VB.NET.
This book covers the concepts serious developers need to begin designing cool and consistent web layouts. The early chapters focus on general web design standards that you need to grasp in order to move into the later chapters. Specifically, these concepts are:
Basic web design considerations (colors, fonts, images, accessibility, and so on) (Chapter 2)
Photoshop basics to get you started making your own graphics and color schemes (Chapter 3)
Cascading Style Sheets (CSS) and their use in web design layout (Chapter 4)
When you finish these chapters, you will have the basic shell for the project that you will continue to develop throughout the book. You will have the header graphic, color scheme, and CSS layout that you will begin to incorporate .NET-specific concepts to in the later chapters. This includes:
How to make .NET controls render accessible CSS code rather than their default: tables (Chapter 5)
Using the built-in controls of .NET to create easily maintainable and consistent site navigation (and how to make them render CSS div
s instead of tables) (Chapter 6)
Creating your web site template with Master Pages (Chapter 7)
Creating themes and skins to style your .NET controls (Chapter 8)
Applying themes to your projects through various approaches, including base classing (Chapter 9)
The final “regular” chapter ends with you building an entirely new mobile device theme using all of the concepts learned in the previous chapters. In Chapter 10, you will start with modifying your graphic to better fit the resolution of your mobile devices. You will also learn how to modify your stylesheets and apply them programmatically to be used only for this theme. You will have a new Master Page and an entirely new theme. You will also see one way of switching themes based on your criteria (in this example, your criterion will be whether your client browser is a mobile device).
Beyond these chapters, you will get a “forward look” at some of the new technologies coming down the pipeline that affect these some of the material you learned in the preceding chapters. In Appendix A, you will get a glimpse at the upcoming release for Visual Studio, codenamed “Orcas.” This will almost exclusively focus on the new CSS features because they are the most relevant to the other chapters of the book, and there are so many new features regarding CSS management in this release that they warrant their own chapter (nested Master Pages are also included, but CSS takes up most of the appendix).
Finally, with Appendix B, the Visual Studio Codename “Orcas” discussion is extended to include Microsoft Silverlight. You will learn how to create drawing object, incorporate images, animate your objects, and affect the rendered output through your managed code.
If you read this book from cover to cover, you should end up with a really solid understanding of the current technologies for .NET developers to create consistent and accessible web interfaces, as well as a feeling of excitement for the new stuff that should be coming soon to a computer near you.
Synopsis
Themes are a way to allow programmers to establish "skinnable" websites that can be programmatically adjusted for various purposes. A webmaster may decide that there should be a certain look and feel for site administrators while registered users see a different look and the remaining users see still a different view when they visit the site. This could include, among other things, completely different controls, graphics, and/or color schemes for each group. Users may want to set up a theme specifically targeted to meet the needs of the Americans with Disabilities Act (ADA) that removes all images and background colors and leaves the pages in stark contrast for that particular user group. Or maybe the developer just wants to let people choose the way they experience the site each time they visit.
Themes are very powerful and this book aims to highlight the potential of ASP.NET 2.0 Themes as well as their relationship to master pages and CSS in web applications today and illustrate many of the facets that can and should be included in theme development. While not specifically a designer's book, an overview of good web design and even a cheater's guide to PhotoShop will be included with the intent of taking the average ASP.NET Programmer and given them the knowledge to be "Renaissance Men and Women" of web design.
Specific topics covered in the book include:
- Browser, bandwidth, and accessibility considerations
- Use of color, fonts, multimedia
- CSS classes, elements, and Visual Studio CSS tools
- Master pages, child pages, and inheritance
- Consistent navigation and Site Maps
- Theme files, skin files, and applying themes
- A mobile theme example
- Basic PhotoShop tricks for Web Developers
Synopsis
With ASP.NET 2.0, .NET developers finally have the tools in their hands to effortlessly create aesthetically pleasing web application interface designs that can be easily carried forward to create a consistent look and feel to their site. In this book you'll see how to join these new ASP.NET tools with universal web standards like CSS, color, graphics, and accessibility in the planning of any of your web projects. This combination will provide you with unique skills in the art of making powerful ASP.NET pages look as amazing as the technology that drives them.
Before delving into the new Navigation Controls, Master Pages, and Themes, ASP.NET programmers get a thorough grounding in basic web design considerations, including colors and fonts, Photoshop basics, and the fundamentals of CSS standards. With these tools in hand, ASP.NET developers can expand their programming horizons to make ASP.NET sites that are not only well-designed but attractive and easy-to-use.
What you will learn from this book
- How adding visual and interface design skills to your data access and business logic skills makes you a well-rounded and valuable developer
How properly structured navigation controls can not only allow for the globalization of your site but can increase the security of your pages through integration with the ASP.NET Membership API
How Master pages can be used to template the look and feel of your site and how other pages can then inherit them
How to make ASP.NET controls render accessible CSS code rather than tables
How to create a new theme for only mobile devices using new graphics, CSS rules, and master pages
A preview of Microsoft's newest web developer technologies, including SilverLight and Visual Studio 2008
Who this book is for
ASP.NET developers who want to learn about using ASP.NET for web interface design. Examples are written in C# but should be easily understandable for experienced VB developers as well.
Wrox Professional guides are planned and written by working programmers to meet the real-world needs of programmers, developers, and IT professionals. Focused and relevant, they address the issues technology professionals face every day. They provide examples, practical solutions, and expert education in new technologies, all designed to help programmers do a better job.
Synopsis
This book is for anyone who wants to learn about using .NET for web interface design. Beginner or hobbyist .NET developers can certainly get a good foundation of .NET web interface design by going through this book from cover to cover. However, more seasoned .NET professionals, especially if they tend to steer away from the GUI of their projects, can also pick up a thing or two by focusing on certain chapters that appeal to them. This book is meant to take a reader from the beginning of a project to the completion of the interface design. Along the way, concepts are illustrated to show how the different pieces play together. So, anyone who really wants to understand the concepts presented in this book will be able to do so by reading the entire thing. However, this book should also serve as a good reference after you have read it or, in some cases, in place of reading it.
All of the early chapters provide useful information and examples for any web developer. Many of the concepts presented after Chapter 4 are more specifically targeted at .NET developers. In the later chapters, the target audience is .NET developers or, at least, people who want to become .NET developers. In those chapters, you should probably have at least a basic understanding of the .NET Framework and some experience with Visual Studio 2005 (or possibly Visual Studio 2003). If you are completely new to .NET, you may find it useful to pick up a beginning ASP.NET 2.0 book before delving too deeply into those chapters. If you want to learn about .NET 2.0 web interface design, you are the intended audience.
It should be noted that all of the .NET code samples in this book are in C#. However, this shouldn’t limit other developers, such as VB.NET developers, from understanding the concepts or being able to replicate the code in their own projects. The actual managed code examples are pretty limited and, when they are used, they should be fairly easy to port over to VB.NET.
This book covers the concepts serious developers need to begin designing cool and consistent web layouts. The early chapters focus on general web design standards that you need to grasp in order to move into the later chapters. Specifically, these concepts are:
Basic web design considerations (colors, fonts, images, accessibility, and so on) (Chapter 2)
Photoshop basics to get you started making your own graphics and color schemes (Chapter 3)
Cascading Style Sheets (CSS) and their use in web design layout (Chapter 4)
When you finish these chapters, you will have the basic shell for the project that you will continue to develop throughout the book. You will have the header graphic, color scheme, and CSS layout that you will begin to incorporate .NET-specific concepts to in the later chapters. This includes:
How to make .NET controls render accessible CSS code rather than their default: tables (Chapter 5)
Using the built-in controls of .NET to create easily maintainable and consistent site navigation (and how to make them render CSS div
s instead of tables) (Chapter 6)
Creating your web site template with Master Pages (Chapter 7)
Creating themes and skins to style your .NET controls (Chapter 8)
Applying themes to your projects through various approaches, including base classing (Chapter 9)
The final “regular” chapter ends with you building an entirely new mobile device theme using all of the concepts learned in the previous chapters. In Chapter 10, you will start with modifying your graphic to better fit the resolution of your mobile devices. You will also learn how to modify your stylesheets and apply them programmatically to be used only for this theme. You will have a new Master Page and an entirely new theme. You will also see one way of switching themes based on your criteria (in this example, your criterion will be whether your client browser is a mobile device).
Beyond these chapters, you will get a “forward look” at some of the new technologies coming down the pipeline that affect these some of the material you learned in the preceding chapters. In Appendix A, you will get a glimpse at the upcoming release for Visual Studio, codenamed “Orcas.” This will almost exclusively focus on the new CSS features because they are the most relevant to the other chapters of the book, and there are so many new features regarding CSS management in this release that they warrant their own chapter (nested Master Pages are also included, but CSS takes up most of the appendix).
Finally, with Appendix B, the Visual Studio Codename “Orcas” discussion is extended to include Microsoft Silverlight. You will learn how to create drawing object, incorporate images, animate your objects, and affect the rendered output through your managed code.
If you read this book from cover to cover, you should end up with a really solid understanding of the current technologies for .NET developers to create consistent and accessible web interfaces, as well as a feeling of excitement for the new stuff that should be coming soon to a computer near you.
About the Author
Jacob J. Sanford is currently a Project Lead with the Rapid Application Development Team at the Florida Department of Children & Families. He began developing web applications more than 10 years ago using primarily classic ASP with various relational databases. Over the years he has dabbled in other web application development languages such as ColdFusion and PHP. However, he has been working almost exclusively with the .NET Framework since its 1.0 release. He is a regular contributor to 2MinuteTips.com and makes frequent presentations at local and regional .NET events. Having worked in all aspects of the SDLC, he has been focusing his recent efforts primarily on accessible web design (especially as it pertains to .NET applications). He also spends an inordinate amount of time "playing" with the latest (alpha and beta) web technologies, especially Microsoft Silverlight. He is married and as of writing this book has one son, but by the time you read it, he will have two. (Welcome to the world, Hayden.)
Table of Contents
Introduction.
Chapter 1: aesthNETics.
Chapter 2: Web Design 101.
Chapter 3: Photoshop: Cool Tips and Tricks for Developers.
Chapter 4: Cascading Style Sheets (CSS).
Chapter 5: ASP.NET 2.0 CSS Friendly Control Adapters.
Chapter 6: Consistent Navigation.
Chapter 7: Master Pages.
Chapter 8: Themes.
Chapter 9: Applying Themes.
Chapter 10: Bringing It All Together — A New Theme.
Appendix A: Microsoft Visual Studio Codename "Orcas".
Appendix B: An Introduction to Microsoft Silverlight.
Index.