第1章网页设计基础﹝5﹞.pptVIP

2．首页很重要 首页设计是网站成功与否的关键，人们往往看到第一页就已经对站点有一个整体的感觉，能否吸引浏览者留在站点上，全凭首页设计的效果。最好首页就有很清楚的类别选项，而且尽量符合人性化，让访问者可以很快找到需要的主题。 3．互动性 WWW的另一个特色就是互动。好的网站首页必须与使用者有良好的互动性，包括在整个设计呈现、使用介面导引上等，都应该掌握互动的原则，让使用者感觉他的每一步都确实得到适当的回应，这部分需要一些设计上的技巧与软硬件支持。 4．善用图像 图像是网页中必不可少的内容，它能更加直观地传达网页的主旨，好的图像应用可以让网页增色不少，但不恰当的图像应用则会带来反效果。使用图像时一定要考虑传输时间的问题。在图像使用上，尽量采用一般浏览器均可支持的压缩图像格式，如果真要放置大型图像文件，最好将图像文件与网页分开，在首页中先显示一个具有链接功能的缩小文档或是一行说明文字，然后加上该图像文件大小的说明，如此不仅加快首页的传输速度，而且可以让使用者判断是否继续打开放大后的图像。 5．及时更新 及时更新网页信息是网络与其他传统媒体相比最大的优势，为了保持这个优势，在网页设计好以后应及时更新上面的内容，以保证随时提供给浏览者最新的资源。 6．通用网页 全球上网的人数数以亿计，使用的浏览器的种类和版本都不尽相同，所以在制作好网页之后要使用多种浏览器进行测试，保证绝大多数浏览者能够正常访问每个网页。如制作的网页应以800×600像素的分辨率为基准，以保证大部分使用800×600像素显示器的浏览者能够正常访问。 1.3.1 色彩的基本知识 色彩是一种非常能引发感性思考的东西，它的内涵丰富，能唤起人类的心灵感知，色彩代表了不同的情感，有着不同的象征含义，这些象征含义是人类思想活动的一种体现，它因人的年龄、地域、时代、民族、阶层、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别等差异而有所不同。 1.3.2 常见的网页配色方案 1．同种色彩搭配 2．邻近色彩搭配 3. 对比色彩搭配 4. 暖色色彩搭配 5．冷色色彩搭配 6．有主色的混合色彩搭配 7．组色 1.4 网页三剑客应用方向和设计、就业领域 制作网页时需要使用到多种工具，其中网页三剑客是功能最全、最强大的网页设计软件组合，下面介绍网页三剑客的应用方向和设计就业领域。 1.4.1 网页设计软件Dreamweaver CS4 Dremaweaver是目前使用最多的网页排版布局软件，它不仅是一个专业的网页制作工具，同时也是一个网站管理、维护的最佳工具。学会了Dreamweaver可以从事网页制作、网页设计以及网站的开发的工作。Dreamweaver CS4是Adobe公司最新推出的网页制作软件。 1.4.2 网络图像处理软件Fireworks CS4 Fireworks是专门的网页图像设计软件。用Fireworks可以设计出网页的整体效果图、设计网页Logo、设计网页按钮和网页宣传广告等图像。学会了Fireworks后可以从事网页图像的设计、平面设计等工作。 1.6 典型商业网站页面版式布局 1 “封面”型布局 2 “国”字型布局 3 “框架”型布局 4 “厂”字型布局 5 Flash型布局 6 标题正文型 1.7 网站建设的基本流程 网站建设的开始就应该有一个整体的战略规划和目标，规划好网页的大致外观后就可以着手设计了。当整个网站制作测试完成后，就可以发布到网上了。大部分站点需要定期地维护，以实现新颖的内容和完善的功能。 3．问答题 （1）网页的基本元素有哪些，各有什么作用？ （2）如何准确的对网页的色彩进行搭配？ （3）简述网站建设的基本流程。 第1章 网页设计基础 教学内容：在具体设计制作网页前，不仅要清楚网页中的基本概念、网页的基本构成元素，了解网页制作常用工具和技术，还要了解网站建设的基本流程。通过本章的学习，可以了解网页设计制作相关的基础知识和网站建设的基本流程。 教学重点 网络的基础知识 掌握网页版面布局设计 网页色彩设计 教学难点 三剑客应用方向和设计就业领域 商业网站网页布局方法和版式布局 网站建设的基本流程 教学目标和基本要求 ___________________________________ ___________________________________ _______________________