本文目录一览：

网页设计都做什么？？

网页设计，是根据企业希望向浏览者传递的信息，进行网站功能策划，然后进行的页面设计美化工作。【网页设计】需要做的有：

1、页面设计：做网站需要把每个页面设计好，页面风格，色调，字体要统一，页面排版要统一，网站首页要重点设计好。

2、图片设计：网站图片要设计好看再放在网站上，要按照网站尺寸去设计图片，图片要清晰，要静态图片，图片大小要小，一张图片保持在150K以下，图片太大的话会影响网站加载速度。

做图片设计包括：产品图片，产品详情页，网站banana图等都要设计好，要采用自适应网站设计或者响应式网站设计，这样网站可以适应各种屏幕设备尺寸，用户可以清晰地查看网站内容。感兴趣的话点击此处，免费学习一下

想了解更多有关网页设计的相关信息，推荐咨询【达内教育】。【达内教育】重磅推出“因材施教、分级培优”创新教学模式，同一课程方向，面向不同受众群体，提供就业、培优、才高三个级别教学课程，达内“因材施教、分级培优“差异化教学模式，让每一位来达内学习的学员都能找到适合自己的课程。达内IT培训机构,试听名额限时抢购。

网页设计的方法有哪些？

【网页设计】方法如下：

1、将透明的LOGO用高于IE6的浏览器打开网页，然后采用FFPearlCrescentPageSaver全屏截图插件截屏。再采用PS或者Fireworks进行裁切LOGO部分。并替换透明背景LOGO。这样即使是渐变背景也能和LOGO保持一致。

2、布局上页面与页面之间存在相同部分要学会简化。当两个页面有部分板块相同，最好不要去让两个页面独立存在，可以将两个相同部分独立出来。采用程序调用共同部分。以减少网页代码。

3、网站重要页面最好有可更新或者可调用更新内容的板块以达到日常更新引蜘蛛爬行的目的，原因很简单，利于网站SEO优化。

4、网站要和互联网接轨要跟得上时代，别忘了在网站完成后给网站安装一个百度分享工具，或者新浪微博，这样做利于网站推广。感兴趣的话点击此处，免费学习一下

想了解更多有关网页设计的相关信息，推荐咨询【达内教育】。该机构已从事19年IT技术培训，并且独创TTS8.0教学系统，1v1督学，跟踪式学习，有疑问随时沟通。该机构26大课程体系紧跟企业需求，企业级项目，课程穿插大厂真实项目讲解，对标企业人才标准，制定专业学习计划，囊括主流热点技术，助力学员更好的学习。达内IT培训机构,试听名额限时抢购。

网页设计制作技巧

网页设计制作技巧

网站的主要结构页面，又称次首页、内页，大型网站往往框架页即首页，如一些门户网站。框架页主要是网站内部主要栏目的首页，讲究风格的一致性，并于主页呼应。下面是我整理的网页设计制作技巧，希望对你有帮助!

一、页面平铺

把页面平铺开，主要的物件有：导航栏、LOGO、Banner、按钮、图片、文字。

1.导航栏

导航栏如果设计得恰到好处，是会给网页本身增色很多。导航栏有一排、两排、多排、图片导航和Frame框架快捷导航等等各种情况的设计。有时候是横排，有时候则是竖排。另外还有一些动态的导航栏，如很精彩的Flash导航。

2.LOGO

LOGO并不是每个网站多要有的，他是网站为了给大家一个比较直观的信息的表达工具。LOGO的位置通常在页面的左上角。这个地方最明显和直观，可以第一时间给人于默化的效果;网站的LOGO，一般以静态的居多，也有动态的，但是LOGO的特点都是在表达网站的信息，是一个网站的直接的表现窗口。

3.BANNER(广告条)类型

Banner设计注意点：Banner有动态和静态两种。在浏览网页的.过程中，虽然闪烁的图案会产生瞬间记忆刺激，引起注意，但这种记忆往往为压迫性的，久之易产生负面效应，从而模糊记忆。而稳定的画面不易引发特殊的关注，但如果有良好的界面引导和内容，可产生良性的记忆，持久而牢固。设计要点：Banner的文字不能太多，用一两句话来表达即可;广告语要朗朗上口，可以第一时间的让人捕获表达的重点;图形无须太繁杂，文字尽量使用黑体等粗壮的字体，否则在视觉上很容易被网页其他内容淹没;图形尽量选择颜色数少，能够说明问题的事物;如果选择颜色很复杂的物体，要考虑一下在低颜色数情况下，是否会有明显的色斑;尽量不要使用彩虹色、晕边等复杂的特技图形效果，这样做会大大增加图形所占据的颜色数，增大体积。

4.按钮

按钮设计要点：设计按钮要同页面的整体协调，不能太抢眼;有的页面很单调，还要依靠花哨的按钮来提一下;选用的字体，选用的插图，或插图及字体搭配，都要考虑字迹清楚，色彩简单一些，不要超过四种;很长的按钮可能就是框架的分界，尽量要纤细一些，否则页面会显臃肿。

5.图片

为了美化页面，图片是任何一个页面都要用到的，图片的运用要合理。图片运用要点：图形的主体最好清晰可见;图形的含义最好简单明了;图片内所含文字应该清晰容易辨认;背景与主体明度对比比例应为3∶1到5∶1之间为宜;淡色系列的背景有助于整体和谐;淡色材质背景最佳，能与主题分离之浅色标志或文字背景亦可。

6.文字

文字也是设计的。设计要点：每一行文字的长度最好20到30个中文字(40到60个英文字母);行距与字距已由软件内定。设计时注意段落与段落间空行及首行缩排方式以辅助阅读;标题以H1到H3字号为佳，内文Font size=3到4级为佳;同版面字型最好在三种以内;文字的颜色最好也是三种以内;文字在颜色上要与背景区别;内文的排列向左对齐并与左边界保持适当距离。可以用表格填入文字以达此效果;表格或清单内的字运用相同字型与字体大小，以利辨别。

二、整体规划

有共性，才有统一，有细节区别，就有层次;防止设计与实现过程中的偏差;设计的各部分，要配合整体风格;不仅页面上各项设计要统一，而且网站的各级别页面也要统一;信息不要太过集中，以免文字编排太紧密;不要有太多分散注意力的点。动态闪烁要适中;页面留白部分，要根据平面设计原理来设计，注意分栏式结构不宜留白;还要考虑到浏览器上部占用的屏幕空间，防止图片截断等造成视觉效果不好;首页设计图片+导航，这是一种比较强的网站表达，可以根据时间的变化更改图片。

三、功能易用性

导航栏应最先调入，以便访客快速前往所需信息空间;页面长度要短，使得用户在信息空间内可迅速移动;导航设计方向要一致。支持导航的层次按钮应当从上到下或从左到右，但不要两者都用，不要混用方向。

;

网页制作实例下载

网页制作三剑客经典实例158例 + PDG阅读器 V1.0b3 绿色版

由著名的多媒体软件公司Macromedia公司出品的、享有“网页制作三剑客”美誉的系列软件——中文版DreamWeaverMX、Firework MX和FlashMX，已经深刻地影响了人们制作网页、开发问站的工作方式。作为一个可视化的网页设计和网站管理工具，中文版DreamWeaverMX不仅支持最新的web技术，而且新增了许多强大的功能，极大地方便了用户的web创作。中文版Firework MX结合了位图处理软件Photoshop和矢量图处理软件CorelDRAW二者的优点，具有专业的网页图像优化功能，且能DreamWeaverMX天衣无缝地结合使其迅速成为流行的网页图像处理工具。利用中文版Firework MX，用户可以在一个专业化的环境中创建和编辑网页图形、进行动画处理、添加高级交互功能以及优化图像等。中文版FlashMX则是一款具有全新意义的网页动画制作软件，它提供了广泛的平台支持，不需要任何编程工作就能够制作出非常精彩的动画效果。中文版FlashMX具有简

单易学、开发效率高等特点，同时它生成的文件较小，特别适合于网络传输，因此在互联网上得到了十分广泛的应用。

本书共分四篇，包括158个经典实例，其中：

第一篇：中文版DreamWeaverMX实例。本篇通过40个实例讲解了中文版DreamWeaverMX的使用方法和技巧。读者通过这一篇的学习，可以对DreamWeaverMX有一个由浅入深的了解，定会对这一网页制作工具爱不释手。

第二篇：中文版Firework MX实例。本篇通过53个实例讲解了中文版Firework MX的使用方法和技巧。通过这些具体实例，能使广大读者迅速掌捏网页对象的制作与处理方法。

第三篇：中文版FlashMX实例。本篇通过如个实例讲解了中文版FlashMX的使用方法和技巧。读者完全可以按照本书中的操作步进行各种影片文件的具体制作，也可以将书中实例的制作技巧应用到其他场合。

第四篇；三剑客综合实例。本篇通过5个实例详细讲解了利用“网页制作三剑客”建设网站的思路和方法。通过综合实例的实战演练，相信读者的网页制作水平将会有质的提高。

本书将丰富的实例与相关的知识点紧密结合、语言通俗易懂、图文并茂，既可作为电脑网页制作培训班的教材，又可作为网页设爱好者的参考用书。本书由崔亚量主编，由于编者水平有限，疏漏和不足之处在所难免，恳请广大读者和专家批评指正。

具体内容：

第一篇 中文版DreamWeaverMX实例

经典第1例 文本编排

经典第2例 为文本创建超链接

经典第3例 图文混排

经典第4例 制作分隔线

经典第5例 插入和格式化表格

经典第6例 在页面中插入团片和动态按钮

经典第7例 为网页插入背景音乐

经典第8例 为图片创建热区

经典第9例 制作导航条

经典第10例 在贝面中使用框架

经典第11例 在页面中使用图层

经典第12例 制作和验证客户表单

经典第13例 变换图片效果

经典第14例 使用时间轴制作图层动面

经典第15 例 在页面中加入搜索引挚

经典第16例 制作Flash按钮和Flash文本

经典第17 例 插入Flash动画

经典第18例 使用“行为”面板

经典第19例 设置状态栏文本

经典第20例 制作下拉菜单

经典第21例 制作下拉菜单(二)

经典第22例 制作下捡菜单(三)

经典第23例 制作下拉菜单(四)

经典第24例 制作电子相册

经典第25例 CSS样式表(一)

经典第26例 CSS样式表(二)

经典第27例 CSS样式表(三)

经典第28例 制作外部祥式表

经典第29例 使用资源

经典第30例 制作库

经典第31例 制作授权

经典第32例 用模板

经典第33例 利用文件头实现网页自动刷新

经典第34例 使用JavaScript脚本制作树状菜单

经典第35例 使用JavaScript脚本制作时间显示

经典第36例 使用JavaScript脚本制作自动问候

经典第37例 使用JavaScript脚本制作图片随鼠标移动

经典第38例 使用JavaScript脚本制作页面裁入效果

经典第39例 站点的维护(一)

经典第40例 站点的维护(二)

第二篇 中文版Firework MX实例

经典第41例 编辑文字

经典第42例 文字环绕

经典第43例幼稚体

经典第44例水印字

经典第45例立体宇

经典第46例金届字

经典第47例浮雕字

经典第48例风格化文字

经典第49例幻影文字

经典第50例变形文字

经典第51例楼空文字

经典第52例闪烁文字

经典第53例镶边文字

经典第54例阴影文字

经典第55例旋转文字

经典第56例流动文字

经典第57例画像

经典第58例心形图案

经典第59例图形文字

经典第60例月牙

经典第61例立体阴影小球

经典第62例白云

经典第63例艺术相框

经典第64例邮票

经典第65例星光

经典第66例图片卷边效果

经典第67例简单按钮

经典第68例快速制作按钮

经典第69例胶囊式按钮

经典第70例星光技钮

经典第71例花瓣按钮

经典第72例按钮的热点链接

经典第73例利用按钮编辑器制作按钮

经典第74例文字移动

经典第75例文字曲线运动

经典第76例图片循环放映

经典第77例文字淡入淡出

经典第78例逐字显示动画

经典第79例礼花绽放动画

经典第80例电光掠影动画

经典第81例分身动画效果

经典第82例蒙版动画

经典第83例探照灯扫射效果

经典第84例晃动的文字

经典第85例转动的圆盘

经典第86例动态箭头

经典第87例晃动的木牌

经典第88例替换图

经典第89例自身翻转图

经典第90例简单动态按钮

经典第91例下拉菜单

经典第92例交互按钮

经典第93例交互网页

第三篇 中文版FlashMX实例

经典第94例直线运动的小球

经典第95例弹性球

经典第96例爆炸效果

经典第97例电影序幕

经典第98例文字的平面环绕效果

经典第99例旋转的风车

经典第100例残影效果

经典第101例放大镜效果

经典第102例雪花效果

经典第103例转动的透明球

经典第104例雷达扫描效果

经典第105例洋葱皮效果

经典第106例金鱼游动

经典第107例大雨(一)

经典第108例大雨(二)

经典第109例文字的缩放

经典第110例文字的淡入淡出

经典第111例图形问的变换

经典第112例打字机效果

经典第113例擦窗效果

经典第114例倒计时动画

经典第115例探照灯效果

经典第116例灯光照射效果

经典第117例螺旋效果

经典第118例旋转的三棱锥

经典第119例酷眩按钮

经典第120例缘来是我

经典第121例移形换影

经典第122例涟筋

经典第123例拖民文字

经典策124例蝶舞

经典第125例来点音乐吧

经典第126例音乐按钮

经典第127例中国足球

经典第128例交互性按钮

经典第129例加载动画

经典第130例鼠标施放效果

经典第131例动态URL按钮

经典第132例链盘控制小球移动

经典第133例弹出式菜单

经典第134例计数器

经典第135例一笔一划

经典第136例爆炸按钮

经典第137例输入输出文本

经典第138例下载进度条

经典第139例显示系统的时间

经典第140例随机运动的小球

经典第141例音量控制

经典第142例提交用户名和密码

经典第143例程序加载进度条

经典第144例狗抓老鼠

经典第145例遮罩效果

经典第146例文字效果

经典第147例自动跳开的台球

经典第148例随机数列

经典第149例获取键盘信息

经典第150例查询关键字

经典第151例奇钞的曲线

经典第152例组合图形

经典第153例阻尼跟随效果

第四篇 三剑客综合实例

实例154“北京风光”网站制作(一)

实例155“北京风光”网站制作(二)

实例156“北京风光”网站制作(三

实例157“青青心情”网站制作(一)

实例157“青青心情”网站制作(二)

下载地址