Training Guide: Programming in HTML5 with JavaScript and CSS3 Ebook

(Nora) #1

16 CHAPTER 1 Getting started with Visual Studio 2012 and Blend for Visual Studio 2012


The rightmost window contains the following two tabs.
■■HTML Attributes Displays the properties for the currently selected HTML element.
You can view or change these settings.
■■CSS Properties Displays the style settings for the currently selected HTML element.
You can set these properties.

Quick check
■■You want to be able to design your app by changing states and setting styles.
Which mode provides this feature?

Quick check answer
■■Interactive mode. You can run the application on the design surface until the
desired state is reached. You can pause the application and then style the appli-
cation for the new state.

Projects panel
The Projects panel provides a file and folder view of the projects in your solution, as shown in
Figure 1-8. You can use this panel to open files for editing by double-clicking the file. You can
also right-click any file or folder to see options such as Copy, Delete, and Rename.

FIGURE 1-8 he Projects panelT

Notice the different icons for the solution, project, references, folders, and files and note
that the default.html file is underlined to indicate that it is the startup file when you run the
application. At the top of the Projects panel is a Search Projects text box in which you can
type the name of a file or folder you want to find. In the project is a virtual folder called
Free download pdf