Training Guide: Programming in HTML5 with JavaScript and CSS3 Ebook

(Nora) #1

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


NOTE RUN CONSTRAINT FOR BLEND
Blend for Visual Studio 2012 must be run on Windows 8 to develop Windows 8 applica-
tions. If you run Blend for Visual Studio 2012 on Windows 7, you will not be able to develop
Windows 8 applications.

FIGURE 1-6 he Blend New Project screen with the JavaScript project templatesT

Selecting Blank App creates the same Blank App that was discussed in the previous sec-
tion. Note the screen layout. Figure 1-7 shows the Blend screen layout. On the left is the Tools
panel, where you can point to each icon to see a tooltip that displays the name of the com-
mand. Just to the right of the Tools panel is a column with two windows, one over the other.
These windows have tabs that can be selected to show more information. The upper-left
window contains the following tabs.
■■Projects Contains a tree-based representation of your solution, which can contain
many projects, each project containing resources such as files and folders.
■■Assets Contains a library of resources such as HTML elements, JavaScript controls,
and media that you will use within your application.
■■Style Rules Contains a list of cascading style sheets that are referenced in your
project.
Under Style Rules is the Live DOM window, which shows a dynamic representation of your
HTML page.
Free download pdf