Working with ASP.NET Master Pages.

Slides:



Advertisements
Similar presentations
Microsoft ® Office PowerPoint ® 2007 Training Discover the power of custom layouts Sweetwater ISD presents:
Advertisements

Ch. 5 Web Page Design – Templates and Style Sheets Mr. Ursone.
Chapter 12 Creating and Using Templates. If you have already created and designed a page you like, you can use the layout and design for other pages in.
XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site.
Asp.NET Page Composition. Slide 2 Lecture Overview Work with master pages and content pages.
Web Development in Microsoft Visual Studio Slide 2 Lecture Overview Introduce Visual Studio 2013 Create a first ASP.NET application.
Web Page Design Tips & Tricks Layering Choose Insert – Layout Objects – Layer Click anywhere along the outline of the layer box to select it Click &
Putting Your PowerPoint into WebCT. To put your PowerPoint online Create an appropriate folder Upload the PowerPoint file to that folder Create a link.
Adding a Syllabus Link. Let’s add the syllabus to the homepage. Return to the homepage Click “Add File” To get to the homepage, click the Course Content.
1 Chapter 20 — Creating Web Projects Microsoft Visual Basic.NET, Introduction to Programming.
Tutorial 3: Adding and Formatting Text. 2 Objectives Session 3.1 Type text into a page Copy text from a document and paste it into a page Check for spelling.
XP New Perspectives on Microsoft Access 2002 Tutorial 71 Microsoft Access 2002 Tutorial 7 – Integrating Access With the Web and With Other Programs.
Working with Text and Cascading Style Sheets Adobe Dreamweaver Chapter 3.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 2: Working with Webpage Files.
®® Microsoft Windows 7 Windows Tutorial 6 Searching for Information and Collaborating with Others.
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
Website Designing Using Ms FrontPage FrontPage 2003 Create a Web site with FrontPage.
Ch6:creating consistent looking web sites. Master pages Master page defines a combination of fixed content and content place holder to hold the web page(.aspx)
10-1 aslkjdhfalskhjfgalsdkfhalskdhjfglaskdhjflaskdhjfglaksjdhflakshflaksdhjfglaksjhflaksjhf.
Copyright © 2008 Pearson Prentice Hall. All rights reserved. 1 Exploring Microsoft Office Word 2007 Chapter 8 Word and the Internet Robert Grauer, Keith.
Web Programming: Client/Server Applications Server sends the web pages to the client. –built into Visual Studio for development purposes Client displays.
With Microsoft Office 2007 Intermediate© 2008 Pearson Prentice Hall1 PowerPoint Presentation to Accompany GO! with Microsoft ® Office 2007 Intermediate.
NOTE: To change the image on this slide, select the picture and delete it. Then click the Pictures icon in the placeholder to insert your own image. WEB.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 1 Microsoft Office FrontPage 2003 Tutorial 1 – Creating a Web Site.
Dreamweaver MX. 2 Overview of Templates n Templates represent a web page design or _______ that will be common to multiple pages. n There are two situations.
© 2011 Delmar, Cengage Learning Chapter 12 Creating and Using Templates.
 Whether using paper forms or forms on the web, forms are used for gathering information. User enter information into designated areas, or fields. Forms.
Things like Textboxes, Lables, ‘n’at. ASPX page is not HTML Controls are rendered into markup that a browser can understand Some controls are rendered.
CSE 409 – Advanced Internet Technology Today you will learn  Styles  Themes  Master Pages Themes and Master Pages.
Tutorial 3 Adding and Formatting Text with CSS Styles.
1 Working with ASP.NET Master Pages By huda AlSuwailem Reference: Mastering Microsoft Visual Web Developer 2005 Express Edition by John Paul Mueller.
Web Development in Microsoft Visual Studio 2013 / 2015.
Chapter 27 Getting “Web-ified” (Web Applications) Clearly Visual Basic: Programming with Visual Basic nd Edition.
1111 Master Pages Beginning ASP.NET in C# and VB Chapter 6.
© 2010 Delmar, Cengage Learning Chapter 11 Creating and Using Templates.
XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.
CREATING MASTER PAGES Creating a Master Page Using Master Pages Giving your site a professional look and feel Adding Master Page content to existing pages.
Working with ASP.NET Controls What is ASP.NET Using server controls in your pages Allowing users to create their own accounts Creating a login page Letting.
Entity Framework Database Connection with ASP Notes from started/getting-started-with-ef-using-mvc/creating-an-
Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.
Building CSS in Visual Studio Slide 2 Introduction Using the different HTML (and other) Visual Studio Editors CSS tools.
Creating Consistent Looking Websites
From Template To Online Business Quick Build, Quick Delivery.
2440: 141 Web Site Administration Web Forms Instructor: Joseph Nattey.
Chapter 1 Getting Started with ASP.NET Objectives Why ASP? To get familiar with our IDE (Integrated Development Environment ), Visual Studio. Understand.
Tutorial 6 Working with Web Forms
Section 10.1 Define scripting
Getting an account with WordPress.com
ASP.NET Forms.
Chapter 2 Developing a Web Page.
Chapter 8 User Controls.
IBM Rational Rhapsody Advanced Systems Training v7.5
© 2016, Mike Murach & Associates, Inc.
Microsoft® Office FrontPage® 2003 Training
Cascading Style Sheets
ASP.NET Web Controls.
How to design a Windows Forms application
Web Development in Microsoft Visual Studio 2013
State management & Master Pages in asp.net
Working with Headers and Footers
Tutorial 6 Creating Dynamic Pages
© 2016 Blackboard Inc. All rights reserved..
Exercise 8 – Software skills
Working with Text and Cascading Style Sheets
Database Applications
Web Development Using ASP .NET
Tutorial 7 – Integrating Access With the Web and With Other Programs
MASTER PAGES.
Active server pages (ASP.NET)
5.00 Apply procedures to organize content by using Dreamweaver. (22%)
Presentation transcript:

Working with ASP.NET Master Pages

Two of the most interesting concepts are master pages and themes. In some respects, master pages and themes accomplish similar goals—they both create a general look for a Web site. However, a master page and a theme differ in their approach to the Web development problem. The idea behind these technologies is to help the developer in creating pages faster by reducing the need to repeat the elements that appear on every page & reducing the update time.

Understanding Master Pages A master page is a new way of organizing a Web site. It can contain a combination of formatting, graphics, and layout—whatever elements you feel that are common to all Web pages on your site content. The idea is to give your Web site a consistent look and reduce the workload on developers. A master page always has a MASTER file extension. A master page is always an organization tool for other Web pages; no one actually sees it online. it contains a special tag that identifies it as a master page to the Web server.

a master page contains ContentPlaceHolder controls that tell someone using the master page where to add the unique information for the Web page. When the server sees the MasterPageFile attribute, it reads the information found in the associated MASTER file before it reads the content from the ASPX page. It uses the MASTER file content to build a framework for the ASPX page and then places the unique ASPX page content within the framework.

Of course, this brings the question of how the server knows where to place the information. The ASPX page contains special container tags that hold the content which the MASTER file describes, such as this one: <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1“ Runat="Server">

Creating the Master Page The easiest way to add a master page to the Web site is to open Solution Explorer. Right-click the project entry and choose Add New Item from the context menu. Select Master Page option. Select a language for the master page you want to create. Click Add to add the master page to the project. Master pages always must have one content area as a minimum.

Creating a Project with Master Pages Once you have a master page defined, you can use it to create content pages. A content page has the content and organization provided by the master page, plus unique content that the individual page provides. You can use master pages to create content pages in a number of ways. The following sections explore the techniques that you’ll commonly use.

Creating a Content Page Using a Master Page Adding content pages doesn’t have to be slow or time consuming. The easiest method for creating a content page based on master page is to: open the master page. right-click anywhere on the form in Design view. choose Add Content Page from the context menu. The IDE creates a new content page that uses default settings and a generic name based on the master page.

Another way to create a content page using a master page is to: right-click the project entry in Solution Explorer. Choose Add New Item from the context menu. you’ll see the Add New Item dialog box. Select Web Form option. choose a programming language. type a name for the file. Click Select Master Page option in this dialog box. Click Add.