Chương 9 site navigation

CHƯƠNG IX:SITE NAVIGATION Lý thuyết : 3 tiết Thực hành 12 tiết... Site Maps T o site maps:ạ  Trong solution explorer, click phải trên tên website chọn Add new Item, chọn site map  Tậ

Trang 1

CHƯƠNG IX:

SITE NAVIGATION

Lý thuyết : 3 tiết

Thực hành 12 tiết

Trang 2

GiỚI THIỆU

 Site Navigation đ c s d ng đ ượ ử ụ ể

 Di chuyển giữa các trang trong website

 Quản lý tất cả các link

 Hiển thị các link trong danh sách hoặc menu

trên mỗi trang

 Mô tả bố cục của web site như một hệ thống

thứ bậc

Trang 3

GiỚI THIỆU

VÍ DỤ:

Trang 4

Site Maps

 B c đ u tiên khi làm vi c v i h th ng navigation trong ASP.NET 2.0 ướ ầ ệ ớ ệ ố

là xây d ng m t site map cho ng d ngự ộ ứ ụ

 M t site map là m t mô t XML c a c u trúc websiteộ ộ ả ủ ấ

Trang 5

Site Maps

 T o site maps:ạ

 Trong solution explorer, click phải trên tên

website chọn Add new Item, chọn site map

 Tập tin site map có phần mở rộng là

Web.sitemap

 Cấu trúc của tập tin site map như sau:

Trang 6

Site Maps

<?xml version="1.0" encoding="utf-8" ?>

<siteMap

xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >

</siteMapNode>

</siteMap>

Trang 7

Site Maps

 Trong m t file sitemap ch có môt ph n t <siteMap >ộ ỉ ầ ử

 S d ng t p tin site map:ử ụ ậ

<siteMapNode title="Home" description="Home" url=" Default.aspx “>

Trang 8

Ví d : ụ t o t p tin ạ ậ web.sitemap

<siteMapNode title="Hardware" description="Hardware we offer"

url=“Hardware.aspx" />

<siteMapNode title="Software" description="Software for sale"

url=“Software.aspx" />

</siteMapNode>

<siteMapNode title="Consulting" description="Consulting"

url=“Consulting.aspx" />

<siteMapNode title="Support" description="Support"

url=“Support.aspx" /> </siteMapNode>

</siteMapNode>

</siteMap>

Trang 10

T o Navigation Menu s d ng ạ ử ụ TreeView Control

 Cách t o TreView: ạ

 Mở trang Home.aspx

 Trong nhóm Data chọn SiteMapDataSource thả

vào trang, ID= SiteMapDataSource1

 SiteMapDataSource control lấy thông tin cho nó

từ tập tin Web.sitemap

 Trong nhóm Navigation chọn TreeView thả vào

trang.

Trang 11

 Trong TreeView tasks, khung Choose Data Source, ch n ọ

SiteMapDataSource1

Trang 12

 Thu c tính c a treeview:ộ ủ

Trang 15

Hi n th Navigation History s d ng ể ị ử ụ

SiteMapPath Control

 SiteMapPath hi n th v trí c a trang hi n hành trong c u trúc th b c.ể ị ị ủ ệ ấ ứ ậ

 M c đ nh SiteMapPath hi n th c u trúc th b c đ c t o trong t p tin ặ ị ể ị ấ ứ ậ ượ ạ ậ

Web.sitemap

Trang 17

 Trong nhóm Navigation chọn Menu thả vào trang

 Trên Menu Tasks menu, trong hộp Choose Data

Source , click NewDataSource

Trang 18

T o Navigation Menu s d ng ạ ử ụ

Menu Control

Trang 19

T o Navigation Menu s d ng ạ ử ụ

Menu Control

 Trong c a s Data Source Configuration wizard, ch n ử ổ ọ Site Map

 Trong khung specify ID for the data source: nh p tên datasource: ậ

SiteMapDataSource1, click OK

Trang 20

K t h p ế ợ Site Navigation và Master pages

 K t h p site navigation v i master pages ta có th t o m t b c c mà các ế ợ ớ ể ạ ộ ố ụ

navigation ch đ t t i m t v tríỉ ặ ạ ộ ị

 Cách th c hi n:ự ệ

Trang 21

 T o trang Master page ạ

 Trong Solution Explorer, click phải trên tên

Web site, chọn Add New Item

 Chọn Master Page , Add

 Chuyển sang chế độ design, thiết kế trang

master page

 Đ a các ư Navigation control vào trang master page

Trang 22

siteMapPath

TreeView

Trang 23

 T o các trang n i dung: ạ ộ

 Cách 1: nếu trang nội dung tạo sau trang

Master thì khi tạo, ta chọn trang master trong cửa sổ Add new Item

 Cách 2: nếu trang nội dung tạo trước trang

master thì thêm thuộc tính

<%@ Page Language="C#"

MasterPageFile="~/Navigation.master“ %>

Định dạng
Số trang	23
Dung lượng	285 KB