网页设计与制作技术 (六).pptVIP

定义锚标记。 实现滚轮方式链接。 实现语句的链接。 实现不同页面之间的调用。 锚记超链接创建方法 * 主讲教师 ：徐颖 在#和锚记名之间不要留有空格，否则链接会失败。 在不同文件夹中为锚记创建链按时，其文件名+ # + 锚标记名。 符号#必须是半角符号，而不能为全角符号。 在链接锚记时，应注意以下事项： * 主讲教师 ：徐颖 下载一篇文章，在网页上实现锚标记的应用。 要求实现在一个页面内的调用，既不同页面间的调用。 练习 * 主讲教师 ：徐颖 * 主讲教师 ：徐颖 主讲教师 ：徐颖 主讲教师 ：徐颖 主讲教师 ：徐颖 主讲教师 ：徐颖 主讲教师 ：徐颖 主讲教师 ：徐颖 主讲教师 ：徐颖 主讲教师 ：徐颖 主讲教师 ：徐颖 主讲教师 ：徐颖 主讲教师 ：徐颖 主讲教师 ：徐颖 网页设计与制作技术（六） —— CSS 设计彻底研究 主讲教师：徐颖 * 网站定位要小，内容要精。如果要制作一个包罗万象的站点，把所有精彩的东西都放在上面，结果往往会事与愿违，给人的感觉是没有主题，没有特色，样样有，却样样都很肤浅。 网站的题材最好选自己擅长或者喜爱的内容。兴趣是制作网站的动力，没有热情，很难设计制作出优秀的网站。 网站定位 * 主讲教师 ：徐颖 进行网站的整体规划也就是组织网站的内容和设计其结构。 组织网站的内容可以从两个角度来考虑。从设计者的角度来考虑，可以依据被描述对象的组织机构、类别划分等来组织内容；从浏览者的角度来考虑，就应该将各种素材依据浏览者的需要进行内容分类，以便浏览者可以快捷地获取所需要的信息及其相关内容。 整体规划 * 主讲教师 ：徐颖 合理的结构设计对于网站的规划也是至关重要的。以下是三种常用的结构类型。 层状结构 层状结构类似于目录系统的树型结构， * 主讲教师 ：徐颖 线性结构 线性结构类似于数据结构中的线性表，用于组织本身的线性顺序形式存在的信息，可以引导浏览者按部就班地浏览整个网站文件。 * 主讲教师 ：徐颖 主 页 页 面 1 页 面 2 页 面 3 Web结构 Web结构类似于Internet的组成结构，各网页之间形成网状连接，允许用户随意浏览。 * 主讲教师 ：徐颖 主 页 页面1 页面2 页面3 页面4 页面5 页面7 页面8 一级标题 二级标题 页面6 什么是超链接？ 所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、一个电子邮件地址、一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。 超级链接 * 主讲教师 ：徐颖 按照链接路径的不同，网页中超链接一般分为以下3种类型： 内部链接：即在同一个站点内的不同页面之间相互联系的超链接。 锚点链接：可以链接到网页中某个特定位置的链接。 外部链接：把网页与Internet中的目标相联系的链接。 如果按照使用对象的不同，网页中的链接又可以分为：文本超链接、图像超链接、E-mail链接、锚点链接、多媒体文件链接、空链接等 超级链接分类 * 主讲教师 ：徐颖 合理安排超链接在网页的制作中是非常重要的。采用什么结构的链接会直接影响到网页的布局。建议 ： 避免孤立文件的存在 在网页中避免使用过多的超链接 网页中的超链接不要超过4层 页面较长时可以使用书签 设置主页或上一层的链接 合理安排超链接 * 主讲教师 ：徐颖 在一个网站中，有绝对路径、和根目录相对路径以及和文档相对路径3种类型的文档路径。 绝对路径：是包含服务器协议（对于网页来说通常是http://或ftp://）的完全路径。 和根目录相对的路径：是从当前站点的根目录开始的路径。站点上所有可公开的文件都存放在站点的根目录下。 和文档相对的路径：是指和当前文档所在的文件夹相对的路径。 文档路径类型 * 主讲教师 ：徐颖 在浏览网页时，鼠标指针经过某些文本时，指针的形状发生变化，同时文本也会发生变