Download presentation
Presentation is loading. Please wait.
Published byCandice Martin Modified over 9 years ago
1
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 1 Outline 2.1 Test-Driving the Welcome Application 2.2 Overview of the Visual Studio.NET 2003 IDE 2.3 Creating a Project for the Welcome Application 2.4 Menu Bar and Toolbar 2.5 Visual Studio.NET IDE Windows 2.6 Auto Hide 2.7 Using Help 2.8 Saving and Closing Solutions in Visual Studio.NET 2.9 Internet and Web Resources 2.10 Wrap-Up Tutorial 2 - Welcome Application Introducing, the Visual Studio ®.NET IDE
2
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 2 Objectives In this tutorial, you will learn to: –Navigate Visual Studio.NET’s Start Page. –Create a C# solution. –Use the IDE’s menus and toolbars. –Manipulate windows in the Visual Studio.NET IDE. –Use the Auto Hide feature. –Use the Visual Studio.NET IDE’s help features. –Close a C# solution.
3
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 3 2.1 Test-Driving the Welcome Application
4
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 4 2.1 Test-Driving the Welcome Application Opening the application –Locate the directory –Double click the executable (.exe ) file Figure 2.1 Contents of C:\Examples\Tutorial02. Contents of C:\Examples\Tutorial02
5
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 5 2.1 Test-Driving the Welcome Application Figure 2.2 Welcome application running. Close box
6
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 6 2.1 Test-Driving the Welcome Application Application running –Click close box to close application
7
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 7 2.2 Overview of the Visual Studio.NET IDE Figure 2.3 Start Page in Visual Studio.NET. Button s Start Page Empty project listPage loaded when Projects tab is clicked (This page also is displayed when the Start Page is loaded)
8
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 8 2.2 Overview of the Visual Studio.NET IDE Start Page –Opened when Visual Studio.NET is opened –Contains helpful links –Allows creation or opening of a project –Displays recent projects
9
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 9 2.2 Overview of the Visual Studio.NET IDE Figure 2.4 Start Page in Visual Studio.NET. Recent projects Welcome Project Hidden windows ( Toolbox and Server Explorer )
10
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 10 2.2 Overview of the Visual Studio.NET IDE Start Page –Allows Web browsing Contains internal Web browser Location bar specifies Web page to visit Navigation Button s provided for convenient navigation –Hides windows ( Server Explorer and Toolbox ) as tabs
11
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 11 2.2 Overview of the Visual Studio.NET IDE Figure 2.5 Web site ( www.deitel.com ) being entered in the location bar. Start Page Start Page Links Page loaded when Get Started is clicked
12
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 12 2.2 Overview of the Visual Studio.NET IDE Entering an address in the location bar –Brings you to specified Web site
13
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 13 2.2 Overview of the Visual Studio.NET IDE Figure 2.6 DEITEL™ home page displayed in the Visual Studio.NET IDE. (Courtesy of Deitel & Associates, Inc.) Navigation Button sEntering in the location bar www.deitel.com
14
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 14 2.3 Creating a Project for the Welcome Application Figure 2.7 Solutions can contain one or more projects. Applications –Contain one solution –Solutions contain one or more projects
15
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 15 2.3 Creating a Project for the Welcome Application Figure 2.8 New Project Button. New Project Button
16
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 16 2.3 Creating a Project for the Welcome Application Figure 2.9 New Project dialog. Title bar (displaying New Project ) Projects Types : pane Templates: paneC# Windows Application (selected) Description of project selected in Templates: pane Default project and solution name Location of new project Visual C# Projects folder (selected)
17
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 17 2.3 Creating a Project for the Welcome Application Clicking the New Project Button –Displays New Project dialog Choose type of project to create Choose project template Specify name of project Browse Button –Specify location of project
18
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 18 2.3 Creating a Project for the Welcome Application Figure 2.10 New Project dialog with updated project information. Updated project and solution name Browse… Button Updated project location
19
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 19 2.3 Creating a Project for the Welcome Application Figure 2.11 Project Location dialog. Open Button SimplyCSP directory (selected)
20
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 20 2.3 Creating a Project for the Welcome Application Project Location dialog –Allows you to specify location of project –Select SimplyCSP
21
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 21 2.3 Creating a Project for the Welcome Application Visual Studio.NET –Tabs provide easy access to multiple files –Active tab displayed in bold –Menu bar contains menus that contain commands –Solution Explorer lists all files in solution –Form1 represents new Windows application GUI –Properties window lists properties of Form and controls.
22
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 22 2.3 Creating a Project for the Welcome Application Figure 2.12 Design view of Visual Studio.NET. Tabs Active tab Form (Windows application) titled Form1 Menu bar Solution Explorer Properties window
23
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 23 2.3 Creating a Project for the Welcome Application Internet Explorer GUI –Menu bar contains six menu items –Toolbar contains Button s that execute tasks –Users type Web site address in ComboBox Drop-down arrow allows user to select previously visited page Label identifies ComboBox ’s purpose –Web page’s TextBox allows user to input data
24
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 24 2.3 Creating a Project for the Welcome Application Figure 2.13 Internet Explorer window with GUI controls labeled. (Web site content courtesy of Deitel & Associates, Inc.) Title bar Menu bar Menu ( Help ) Button (displaying an icon) ComboBox Drop-down arrow Web site requested by user TextBox Toolbar Label
25
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 25 2.4 Menu Bar and Toolbar Figure 2.14 Visual Studio.NET IDE menu bar. Visual Studio.NET menu bar –Contains commands for: Managing the IDE Developing applications Executing applications –Each menu has menu items that perform certain actions
26
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 26 2.4 Menu Bar and Toolbar
27
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 27 2.4 Menu Bar and Toolbar Figure 2.16 IDE toolbar. Toolbar –Contains icons that represent commonly used commands –Down arrow indicates additional commands ToolbarToolbar icon indicates a command to open a project or solution Down arrow indicates additional commands are available
28
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 28 Tool tip –Appears when mouse pointer held over icon –Displays description of icon 2.4 Menu Bar and Toolbar Figure 2.17 Tool-tip demonstration. Tool tip displayed when the mouse pointer has rested on the icon for a few seconds
29
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 29 2.5 Visual Studio.NET IDE Windows Figure 2.18 Toolbar icons for three Visual Studio.NET IDE windows. Toolbar icons –Contains commands for opening: –Solution Explorer window –Properties window –Object Browser window –Class View window –Toolbox Solution Explorer iconProperties iconClass View icon Object Browser icon Toolbox icon
30
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 30 2.5 Visual Studio.NET IDE Windows Figure 2.19 Solution Explorer with an open solution. Solution Explorer –Provides access to all files in solution –Nodes allow groups to be expanded and collapsed Collapsed node (Plus box expands when clicked) Toolbar Expanded node (Minus box collapses when clicked Form file Properties window icon Project name
31
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 31 2.5 Visual Studio.NET IDE Windows Figure 2.20 Expanded node. Expanded node (minus box)Project name (selected) Solution Explorer –Minus box represents expanded node
32
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 32 2.5 Visual Studio.NET IDE Windows Figure 2.21 Collapsed node. Collapsed node (plus box)Solution name Solution Explorer –Plus box represents collapsed node
33
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 33 2.5 Visual Studio.NET IDE Windows Toolbox –Displayed by selecting View > Toolbox –Contains five tabs, each grouping related controls: Data Components Windows Forms Clipboard Ring General –Selecting tab displays controls in that group –Black scroll arrows used to display additional controls If scroll arrow is gray, it is disabled, no more controls to choose from
34
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 34 2.5 Visual Studio.NET IDE Windows Scroll arrow (disabled) Tabs Controls TabsScroll arrow (enabled) Additional Windows Forms tab controls (displayed after the down-scroll key has been clicked several times Figure 2.22 Toolbox displaying the contents of the Windows Forms tab.
35
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 35 2.5 Visual Studio.NET IDE Windows Properties window –Displayed by selecting View > Properties Window –Allows quick setting of a control’s properties –Displays brief description of property –Do not have to remember a properties settings –Each Form or control has its own properties –Component object box: Allows you to select control to change properties Displays control’s name and class
36
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 36 2.5 Visual Studio.NET IDE Windows Figure 2.23 Properties window displaying a Form ’s properties. Component object box Toolbar Alphabetic icon Categorized icon Selected property Design iconDescription of selected property Properties (left column) Property values (right column) Scrollbox Scrollbar Object ’ s name ( Form1 ) Down arrow for selecting Form or control objects Object ’ s class (System.Windows.Forms.Form)
37
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 37 2.6 Auto Hide Figure 2.24 Hidden-window tabs. Toolbar –Toolbar contains tabs that represent hidden windows When tabs selected, hidden window appears Window closes when mouse moves out of windows area Tabs for hidden windows
38
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 38 2.6 Auto Hide Auto Hide –Space saving feature –When pin icon is vertical, Auto Hide is disabled Window stays open
39
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 39 2.6 Auto Hide Title bar Figure 2.25 Displaying a hidden window with Auto Hide enabled. Horizontal pin icon (Auto Hide enabled) Mouse pointer over the tab for the Toolbox Toolbox is displayed when the mouse pointer is placed on the tab for the Toolbox
40
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 40 2.6 Auto Hide Auto hide enabled –Horizontal pin icon –Toolbox is displayed when mouse pointer is placed on the tab
41
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 41 2.6 Auto Hide Mouse pointer outside the tab for the Toolbox ( Toolbox windows is hidden) Figure 2.26 Hiding the Toolbox by moving the mouse pointer outside of Toolbox’s area.
42
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 42 2.6 Auto Hide Figure 2.27 Pin icon in vertical position. Vertical pin icon Vertical pin icon (Auto Hide is disabled)
43
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 43 2.7 Using Help
44
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 44 2.7 Using Help Dynamic Help –Articles that apply to current content –Toolbar Toolbar provides access to –Contents –Index –Search
45
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 45 2.7 Using Help Figure 2.29 Dynamic Help window. Selected item Dynamic Help windowToolbar Search Index Relevant help article links Contents
46
© Copyright 1992-2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 46 2.8 Saving and Closing Solutions in Visual Studio.NET Saving the project –Select File > Save All Closing the solution –Select File > Close Solution Closing the IDE –Click Visual Studio.NET’s close box
Similar presentations
© 2024 SlidePlayer.com. Inc.
All rights reserved.