第4章-网页设计与制作技巧.doc

授课题目： 授课方式 （请打√） 理论课( 讨论课□ 实验课□ 习题课□ 其他□ 课时 安排 教学大纲要求： 教学目的、要求： 1. 了解网页设计的基本概念及网站的类型。 2. 掌握网站建立和管理的方法。 3. 熟练使用Dreamweaver CS4进行网页设计与制作。 4.熟练使用Flash CS4进行动画制作。 教学重点及难点： 重点：使用Dreamweaver CS4进行网页设计与制作。 难点：网站的布局、网页的美化与实用 作业、讨论题、思考题：课后作业 课后总结分析： 教 学 内 容 备注 4.1 网页概论 4.1.1 1．WWW（World Wide Web，万维网） WWW是建立在Internet上的全球化、分布式、交互式、动态多平台的图形网络信息服务系统，是最主要的电子信息发布媒介，使信息通Internet得以广泛地传播。 2．浏览器。Internet?Explorer（简称IE），Microsoft公司的产品。常用的浏览器还有火狐浏览器、360浏览器、搜狗浏览器、QQ浏览器、遨游浏览器等。 3．网页 网页也被称为HTML（Hypertext Markup Language，超文本标记语言）文件，它是通过WWW网传输，并被浏览器翻译成可以显示出来的集合文本、图像、动画、声音和数字视频等信息形式的页面文件。 4．网站 网站是指在因特网上，根据一定的规则，使用网页制作工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。如：电子商务网站、政府网站、企业网站等。 5．首页 首页是在访问一个网站时首先看到的网页，有些网站首页只有欢迎访问者的作用，是网站的开场页，单击首页上的链接即可进入网站的主页，首页也随之关闭。 6．主页 主页是整个站点所有网页的链接中心，是网站主要内容的索引，与首页的区别在于主页设有网站的导航栏，多数网站的首页与主页合并为一个页面。这种设计形式使网站的主页在整个网站中扮演了极其重要的角色，它向来访者同时传递引导与欢迎的信息。 7．URL（Uniform Resource Locator，统一资源定位符URL是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。URL协议（）、名称（或IP地址、路径和文件名4.1.2 网页的构成元素 1．文字 网页中的信息以文本为主，文本在网络上传输速度快，用户可以方便地浏览和下载。使用文本时，可以按照自己的需求设置文本的字体、字号、颜色、底纹和边框等属性，以达到美化页面、突出重要内容的效果。 2．图像 一个丰富多彩的网页离不开图像，图像常用作网页中的题图、插图、背景图、图标和按钮等。这些图像在网页中具有提供信息、展示作品、装饰网页、表达个人情调和风格的作用。在网页上的图像一般有GIF、JPEG、PNG三种格式，即以gif、jpg（或jpeg）和png为后缀的文件。 3．动画 动画可以增加网页的动态效果，使网站更为生动有趣。动画可以表现事物的运动过程，在商业网站上也常用它来做广告看板。很多娱乐网站中都使用Flash动画来表现网页的内容，使网站内容更富有动感和情趣。 4．超级链接 每个网站都有众多的网页组成，网页之间通常都是通过超级链接的方式相互关联。在Dreamweaver中，超级链接的范围很广泛，利用它不仅可以链接到其他网页上，还可以链接到其他图像文件、多媒体文件及下载文件等。 5．表格 表格是常用的网页布局工具，使用表格不但可以精确定位网页在浏览器中的显示位置，还可以控制页面元素在网页中的精确布局，并能简化页面布局的设计过程。表格的单元格中可放置任意网页元素，包括文本、图像、动画、超级链接、表单等。 6．Div 使用表格布局页面时会产生冗余代码和兼容性差等问题。目前很多网站已经开始用Div和CSS样式来重构。在设计时，页面首先在整体上进行div标签的分块，然后对各个块进行CSS定位，最后再在各个块中添加相应的内容。这样制作出的网页体积小、更新便捷、兼容性好。 7．表单 表单是用来从访问者处收集信息，如可以收集访问者的用户资料、获取用户订单，也可以实现有哪些信誉好的足球投注网站引擎信息输入等。表单是服务器同访问者进行信息交流最主要的工具之一。 8．导航栏 导航栏就是一组超级链接，这组超链接可链接到本站点的主页及其他主要网页。 4.1.3 网站的类型 网站按照内容和形式的不同，可以有门户网站、职能网站、电子商务网站、娱乐休闲类网站、个人网站等类型。 1．门户网站