网页设计(基本)必备知识

《网页设计(基本)必备知识》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、美工从这里开始．．．　　　　　　　网页设计：网页设计时，版式要清晰明朗，合理布局，排版时注意整体色彩的搭配及所要传达给用户的信息版块色彩的合理运用也是相当重要，导航尽量活泼，切勿呆板!标题字体可以多使用渐变、投影、折射、反射等多种特效，以达到给用户一种印象意识，细节尤为关键，一个网页设计的成败与否，就在于设计者，对细节的把握和运用，细节决定成败是有据可依的。（网页制作不仅是CTRL+ＡＬＴ＋Ａ截图／拼图，更多更快捷的是套用布局，可以直接在ＦＷ或ＰＳ中打开想要同种风格的源网页图片，在上面加以修改和添加，注意细节，在很短的时间内就能够制作出一个理想的网页界面）保存时注意：源文件格式一份（以

2、备修改需要），ＪＰＧ图片格式一份（交往工作组总处，方便审阅）网页显示的字体大小要求：导航字体16px—14px，加粗；小标题/文本字体12px；字体属性不消除锯齿字体类型一般多以宋体为主网页设计的重点：细节、色彩色彩的象征色彩所象征的意义有时候跟大自然中的事物有关。例如，天空与太阳的颜色所产生的联想举世接然。然而，大部分的色彩意义都跟民族文化有关，例如，政治、宗教、神话或社会结构等--这些因素可能会随着时间与地域的不同而产生差异。若你设计的网站是针对国外地区，那你可千万得小心，同一颜色在不同文化可能会有南辕北辙的效果。另外，大部分的颜色都同时具有正面和负面的联想。你可以运用色彩的质量和

3、饱和度的不同，或者是用混合两个颜色的方式来强调某个特别的涵义。一般在西方的文化中，色彩所传达的涵义为：红色：热情、浪漫、火焰、暴力、侵略。红色在很多文化中代表的是停止的讯号，用于警告或禁止一些动作。紫色：创造、谜、忠诚、神秘、稀有。紫色在某些文化中与死亡有关。蓝色：忠诚、安全、保守、宁静、冷漠、悲伤。绿色：自然、稳定、成长、忌妒。在北美文化中，绿色代表的是「行」，与环保意识有关，也经常被连结到有关财政方面的事物。黄色：明亮、光辉、疾病、懦弱。黑色：能力、精致、现代感、死亡、病态、邪恶。白色：纯洁、天真、洁净、真理、和平、冷淡、贫乏。白色在中华文化中也代表着死亡的颜色。色彩的使用技巧了解

4、你的网站所要传达的讯息和品牌。选择可以加强这些讯息的颜色。例如，如果在设计一个强调稳健的金融机构，选择冷色系、柔和的颜色，像是蓝、灰或绿。了解你的读者群。文化差异可能会使色彩产生非预期的反应。同时，不同地区与不同年龄层对颜色的反应亦会有所不同。DW布局好的网页，字体样式命名时要注意：如：.Test_+自定义名称网页素材推荐网站：淘图网：http://www.taopic.com/tuku/56223.html懒人图库：http://www.lanrentuku.com/昵图网网页模板：http://www.v5shop.com.cn/template_38_1.html多收集素材，多开

5、拓视野，多思考创新设计制作网站或网页时需注意：1.定义好网站类型2.收集需要的相关资料3.开始色彩和版式的设计PS、FW主要用于网页的排版和切图，DW用于实现基本的网页脚本支持和技术服务在FW切好的html页面导入到DW中实现布局是必须应该1.删除代码中的“div”2.第一步：body居中；第二步：设置页面属性，定义整体页面样式；接下来搭建基本框架，尺寸大小要无误注意：删除表格时要将tr、td、table一律删除，以免出现错误的页面表单的目的是：隐藏默认的样式，提供表单功能，效果不变，多用class、id定义它的样式表单的提交功能不同，插入的表单个数也不同，插入表单方法：1.菜单栏—插

6、入—表单2.在表单中插入表格，再依次添加文本域或图像域（图像域是实现功能和样式的最佳首选之一）如：图像域键盘快捷键使用：1.Alt+查找正在运行的程序(是从左向右的顺序)2.+查找运行的程序（是从上到下的顺序）3.Pageup向上滚动4.PageDown向下滚动5.Alt+F4关闭当前程序，至最后关机v网页背景的填充：左右平铺、上下平铺输入代码时：输完前部分后，直接按shift+"<"再按"/"就会自动结束此段标签网页Flash背景透明样式：（学习不能急于求成，要积累加巩固！）v用DW编辑网页时：必须设置页面属

7、性，body居中用于导航中一像素背景加上3像素的特殊线框效果样式：.daohangtd{height:39px;line-height:39px;background:url(imange/daohang.jpg)00no-repeat;}引用该样式时只取样式表名称：