Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc.Slide 1

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 2

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 3

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 4 Web form sites are easier to develop. They are used in this book. Development & coding are the same for sites & applications.

Create New Web Site Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 5 Start Visual Studio File > New > Web Site

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 6

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 7 Folder location & contents

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 8 Adding forms to site Use menu WEBSITE  Add New Item command. –Add a Web Form template OR Right-click in Solution Explorer –Choose Add  Add New Item –Choose Add  Web Form from solution explorer shortcut menu Enter name for form or leave it as Default.aspx, Check Place Code in Separate File box, Click the Add button.

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 9

Add Existing Item Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 10 Use Add  Existing Item Locate the form to add Click Add Code and form are copied

Open a website from inside Visual Studio Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 11 File  Open  Website

Browse for Project Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 12 Visual Studio has Project and Website folders Open the Project folder to find your site folder Add entire folder to Visual Studio

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 13

Add a New Folder to Project Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 14 Right click solution explorer Choose Add  New Folder Rename folder

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 16

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 17

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 18

Working with tables Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 19 Add Table –Use Table  Insert Table Set number of rows & columns you want. Resize a row - drag its bottom border. Resize a column - drag its right border. Resize entire table - drag one of its handles. Type text into the cells of the table. Use Formatting toolbar or Format menu to change text

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 20

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 21

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 22

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 23

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 24

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 25 Required field validatorsRange validators

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 26 Working with Validation controls

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 27

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 28 Type of control

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 29 Webforms jQuery library - Unobtrusive validation NoneGenerates JavaScript for validation Manage NuGet Packages More on next slide

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 30 NuGet official package source AspNet.ScriptManager.jQuery

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 31 Manage NuGet Packages dialog box NuGet official package source AspNet.ScriptManager.jQuery

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 32 Turn off unobtrusive validation for a site

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 33

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 34 css style for table

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 35 ddl – drop down list txt – text box

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 36

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 37

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 38

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 39

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 40

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 41

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 42

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 43

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 44

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 45

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 46

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 47

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 48

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 49

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 50

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 51 Microsoft Edge

Firefox – View Source Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 52

Murach's ASP.NET 4.5/C#, C2© 2013, Mike Murach & Associates, Inc. Slide 53