Menu.

Slides:



Advertisements
Similar presentations
HTML Basics Customizing your site using the basics of HTML.
Advertisements

Master Pages, User Controls, Site Maps, Localization Svetlin Nakov Telerik Corporation
Unit 5: Building Presentation Layer Applications with ASP.NET 2.0.
Chapter 3 Tables and Page Layout
 CSS ids  Pages  Sites  HTML: class=“name”  Names may define format OR content › Either works  CAN apply multiple classes to the same tag  Multiple.
Art 128 Interface Programming 1 In-class Presentation Week 11B.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: Frames © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web Page Design.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: HTML Frames.
Tags through Forms. This element is required for all HTML pages It must be at the top of every page of every website We’ll see later on why it is important.
1 Designing & Developing Web- Based Solutions in ASP.NET Week 3 Website Navigation & Resources.
CIT 256 Organizing Large Websites: Divs, DW Templates Dr. Beryl Hoffman.
Tutorial 6 Creating Tables and CSS Layouts. Objectives Session 6.1 – Create a data table to display and organize data – Modify table properties and layout.
Chapter 3 Working with Text and Cascading Style Sheets.
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)
Chen Raz Requirements: 1. HTML5/CSS3 (I remind you that we have an agreement that you don't charge me extra for this) 2. Do not use the html element 3.
Basic HTML Hyper text markup Language. Re-cap  … - The tag tells the browser that this is an HTML document The html element is the outermost element.
Creating your Webpage with tables. This is a 2 column by 1 row table!
Web Technologies Website Development Trade & Industrial Education
Student Portal Specialized Training Series Presents:
HTML history, Tags, Element. HTML: HyperText Markup Language Hello World Welcome to the world!
The New Elements © Main Menu Structure Media Canvas Form Click on one of the categories below to view information about the new HTML5 elements in.
Joe Hummel, PhD Dept of Mathematics and Computer Science Lake Forest College
Tags, ID’s and Classes. Xhtml tags There are many tags to use so the CSS can talk to the webpage:
>> HTML: Structure Elements. Elements in HTML are either Inline or Block. Block-level Elements – Begins on a new line – Occupy the whole width – Stacks.
Week 1 – Beginners Content McAfee & Big Fish Games CoderDojo.
Put your assignment on the page. Embed a document for students to complete and send back to you. Have students complete the document and submit it to.
Using an HTML image (img) element’s onclick event to change the source (src) of an iframe to an embedded youtube video.
audio video object Options: controls autoplay Need to define height and width Options: controls autoplay.
CHAPTER 5 Working with Data Tables and Inline Frames.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Text and Cascading Style Sheets.
Web Design Part I. Click Menu Site to create a new site root.
User Interface Design using jQuery Mobile CIS 136 Building Mobile Apps 1.
Master Pages MacDonald Ch. 13 MIS 324 MIS 324 Professor Sandvig Professor Sandvig.
HTML IMAGES. CONTENTS IMG Tag Alt Attribute Setting Width and Height Of An Image Summary Exercise.
Log into the website Click on ‘City News’ in the top Quick Access Toolbar.
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
ASP.NET Rehab AlFallaj. Manualy type the following code for iframe tag in the aspx source code.
I-Frames By Josh Gallagan. Why I-Frames Allow you to keep main page consistent Allow you to keep main page consistent Only the content refreshes in the.
CSS IS A LANGUAGE DESIGNED TO TARGET HTML ELEMENTS AND NODES BY TYPE, CLASS, ID AND VALUE, AND CHANGE THEIR VALUES CSS – change how your HTML looks and.
Site Development Foundations © 2004 ProsoftTraining All rights reserved.
XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.
Embedding Videos and Slideshows. (Click on any question you have to go directly to the answer, while in presentation mode)
INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.
Advanced HTML Tags:.
Getting an account with WordPress.com
Site Maps and Navigation
Website Resources for All Courses Served by this Site
Working with ASP.NET Master Pages.
Webtech has 3 main pages: WebTech Home, Students’ Page and Module’s Home. Using the top buttons, you can quickly navigate different levels. Each module.
>> Introduction to CSS
Intro to HTML Mr. Singh.
ASP.NET Web Controls.
Hosted by Coach Slanina
Website Navigation.
USING DREAMWEAVER Contents: Assigning a Root Folder
Adding Post Type Archive in WordPress Navigation Menus Guided By: wpglobalsupportwpglobalsupport.
The Web Wizard’s Guide To DHTML and CSS
HTML5 Media.
Chapter 2 Adding Web Pages, Links, and Images
State management & Master Pages in asp.net
CHƯƠNG IX: SITE NAVIGATION & USER CONTROL
Basic HTML and Embed Codes
Tutorial 6 Creating Dynamic Pages
USING DREAMWEAVER MX 2004 Contents: Assigning a Root Folder
Block-level Elements A block-level element always starts on a new line and takes up the full width available (stretches out to the left and right as.
HTML Links.
Adding information to provider pages
Lesson 7 Graphics.
NAVIGATION CONTROLS.
Website Navigation.
Presentation transcript:

Menu

Add New Item > Site Map

List all your pages in a tree format

In the MasterPage add from the Toolbar> Data> SiteMapDataSource

You will use this ID later for Menu/SiteMapPath/TreeView

In the MasterPage Add From Toolbar > Navigation > Menu

Add the SiteMapDataSourceID in the Menu tag in SourceCode of MasterPage

SiteMap Menu

In the MasterPage Add From Toolbar > Navigation > SiteMapPath

Add the DataSourceID in the SiteMapPath tag in sourceCode of the MasterPage

SiteMapPath

In any aspx page ex: ChannelBags.aspx You can add a TreeView Add DataSourceID

Don’t forget: TreeView control and any content will be inside the Content tag where It’s linked with the contentPlaceHolder from MasterPage Don’t forget DataSourceID

TreeView

Iframe

Manualy type the following code for iframe tag in the aspx source code

Put the iframe tag inside <div> tag src attribute defines the target aspx page you want to display in the iframe You can modify height and width based on the space you want to show as an iframe in the page Don’t use runat=“server” in the iframe tag if you wish to embed a page from your own website.

index.aspx Content of Page1.aspx

In this example: the Button Sign in will go to page1.aspx

index.aspx Content of Page2.aspx

Questions !! 