《网页设计基本必备知识.docVIP

美工从这里开始．．．　　　　　　　 网页设计： 网页设计时，版式要清晰明朗，合理布局，排版时注意整体色彩的搭配及所要传达给用户的信息版块色彩的合理运用也是相当重要，导航尽量活泼，切勿呆板! 标题字体可以多使用渐变、投影、折射、反射等多种特效，以达到给用户一种印象意识，细节尤为关键，一个网页设计的成败与否，就在于设计者，对细节的把握和运用，细节决定成败是有据可依的。 （网页制作不仅是CTRL+ＡＬＴ＋Ａ截图／拼图，更多更快捷的是套用布局，可以直接在ＦＷ或ＰＳ中打开想要同种风格的源网页图片，在上面加以修改和添加，注意细节，在很短的时间内就能够制作出一个理想的网页界面） 保存时注意：源文件格式一份（以备修改需要），ＪＰＧ图片格式一份（交往工作组总处，方便审阅） 网页显示的字体大小要求： 导航字体 16px—14px，加粗； 小标题/文本字体 12px； 字体属性 不消除锯齿 字体类型 一般多以宋体为主 网页设计的重点：细节、色彩 色彩的象征 色彩所象征的意义有时候跟大自然中的事物有关。例如，天空与太阳的颜色所产生的联想举世接然。然而，大部分的色彩意义都跟民族文化有关，例如，政治、宗教、神话或社会结构等 -- 这些因素可能会随着时间与地域的不同而产生差异。若你设计的网站是针对国外地区，那你可千万得小心，同一颜色在不同文化可能会有南辕北辙的效果。另外，大部分的颜色都同时具有正面和负面的联想。你可以运用色彩的质量和饱和度的不同，或者是用混合两个颜色的方式来强调某个特别的涵义。一般在西方的文化中，色彩所传达的涵义为：红色：热情、浪漫、火焰、暴力、侵略。红色在很多文化中代表的是停止的讯号，用于警告或禁止一些动作。紫色：创造、谜、忠诚、神秘、稀有。紫色在某些文化中与死亡有关。蓝色：忠诚、安全、保守、宁静、冷漠、悲伤。绿色：自然、稳定、成长、忌妒。在北美文化中，绿色代表的是「行」，与环保意识有关，也经常被连结到有关财政方面的事物。黄色：明亮、光辉、疾病、懦弱。黑色：能力、精致、现代感、死亡、病态、邪恶。白色：纯洁、天真、洁净、真理、和平、冷淡、贫乏。白色在中华文化中也代表着死亡的颜色。 色彩的使用技巧 了解你的网站所要传达的讯息和品牌。选择可以加强这些讯息的颜色。例如，如果在设计一个强调稳健的金融机构，选择冷色系、柔和的颜色，像是蓝、灰或绿。了解你的读者群。文化差异可能会使色彩产生非预期的反应。同时，不同地区与不同年龄层对颜色的反应亦会有所不同。 设计制作网站或网页时需注意： 定义好网站类型 收集需要的相关资料 开始色彩和版式的设计 PS、FW主要用于网页的排版和切图，DW用于实现基本的网页脚本支持和技术服务 在FW切好的html页面导入到DW中实现布局是必须应该 删除代码中的“div” 第一步：body居中；第二步：设置页面属性，定义整体页面样式；接下来搭建基本框架，尺寸大小要无误 注意：删除表格时要将tr、td、table一律删除，以免出现错误的页面 表单的目的是：隐藏默认的样式，提供表单功能，效果不变，多用class 、 id定义它的样式 表单的提交功能不同，插入的表单个数也不同，插入表单方法： 1.菜单栏 — 插入 — 表单 2.在表单中插入表格，再依次添加文本域或图像域（图像域是实现功能和样式的最佳首选之一）如： 图像域 键盘快捷键使用： Alt + 查找正在运行的程序(是从左向右的顺序) + 查找运行的程序（是从上到下的顺序 ） Page up 向上滚动 Page Down 向下滚动 Alt+F4 关闭当前程序，至最后关机 网页背景的填充：左右平铺、上下平铺 输入代码时：输完前部分后，直接按shift+ 再按 /就会自动结束此段标签 网页Flash 背景透明样式： Param name=wmode value=transparent （学习不能急于求成，要积累加巩固！） 用DW编辑网页时：必须设置页面属性，body居中 用于导航中一像素背景加上3像素的特殊线框效果样式： .daohang td{ height:39px; line-height:39px; background:url(imange/daohang.jpg) 0 0 no-repeat;} 引用该样式时只取样式表名称： table class=daohang width=962 hei