Microsoft Expression Web - 水平导航

Microsoft Expression Web水平导航 - 从基本到高级概念的简单简单步骤学习Microsoft Expression Web，其中包括概述，环境设置，新网站，空白网页，网页布局，HTML布局，水平导航，垂直导航，验证页面，动态Web模板，搜索页面，图像，超链接，视频，SQL数据源，Microsoft Word，Gridview，母版页，数据表，发布，备份网站，加载项。

在本章中，我们将学习如何向网站添加水平导航或菜单项.

第1步&减号;要创建菜单项或水平导航，让我们在index.html文件中的< div id ="top-nav"> 中添加以下代码，其中包含菜单项列表.

 < div id ="top-nav"> < ul> < li> < li> < li> < li>

第2步 : 它是顶级菜单的简单项目符号列表.要创建超链接，请转到设计视图或代码视图.

设计视图

第3步 : 选择要用作超链接的项目，然后按Ctrl + K.

Hiperlink

第4步 : 点击屏幕提示...按钮.

ScreenTip

步骤5 : 输入您想要的文本作为屏幕提示，然后单击确定.

插入Hiperlink

第6步 : 在要显示的文字字段中，输入主页并选择index.html文件，然后点击确定.

要显示的文字

第7步 : 同样，为其他菜单项添加超链接，如下面的代码所示.

 <！DOCTYPE html PUBLIC" - //W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd> < html xmlns ="http://www.w3.org/1999/xhtml> < head> < meta content ="text/html; charset = utf-8"http-equiv ="Content-Type"/> < style type ="text/css"> < link href ="sample.css"rel ="stylesheet"type ="text/css"/>  < body> < div id ="container"> < div id ="header">

< div id ="top-nav"> < ul> < li>< a href ="index.html"title ="网站主页">主页 < li>< a href ="index.html"title ="菜单项目1".>菜单项1 < li>< a href ="index.html"title ="菜单项2.">菜单项2 < li>< a href ="index.html"title ="菜单项3.">菜单项3 < div id ="left-nav"> </DIV> < div id ="main-content"> </DIV> < div id ="footer"> </DIV>

第8步 : 要设置顶部导航的样式，请转到管理样式面板.

管理样式