7、网站设计与开发全攻略

网站设计与开发全攻略

1. 网站导航菜单的组织与设计

1.1 页面重要性分析与分类

在设计网站导航时，首先要分析每个页面的整体重要性。若页面非常重要，可将其移至单独的一级类别；若重要性不高，即便它们不适合作为主菜单的项目，也可在主页的不同位置突出显示这些特殊页面。

1.2 创建页面

根据你使用的软件包来创建各个页面。如果你使用的是 Expression Web 或 Dreamweaver，可分别在对应软件的相关功能中找到创建页面的方法。

1.3 导航菜单的位置与类型

网站设计不仅包括页面布局、颜色、字体等视觉元素，还应涵盖网站的组织架构。网站通常会显示导航菜单（或菜单栏），这是指向网站主要部分的一组图形或文本链接。除了主页可能有自己的导航方案外，网站的其余部分通常在每页的以下两个位置之一有一个通用的导航栏：
- 水平菜单栏：位于页面顶部，通常在横幅或徽标下方。
- 垂直菜单栏：沿左侧放置。

无论选择哪种主导航方式，传统上会在页面底部放置一个纯文本菜单栏，以避免用户为了切换页面而向上滚动。

1.4 避免自链接页面

在网站中应避免链接到同一页面。例如，若在每个页面的顶部显示通用导航栏，要通过特殊格式突出显示当前页面的链接，帮助访问者直观地识别他们在网站中的当前位置。同时，禁用该链接，防止用户点击时出现不必要的操作，因为自链接页面会让用户感到困惑。

1.5 创建导航菜单的方式

你可以使用 HTML 和 CSS 手动创建导航菜单，此外，Dreamweaver 和 Expression Web