网页设计要点汇总

1、网页设计要点汇总心之所向，所向披靡网页设计要点汇总（可能不是那么的准确，请大家见谅）Lesson1、了解工作界面：“插入”栏，包含用于将各种类型的“对象”（如 表格，图像，文本）等插入到文档中的按钮。“文档”工具栏：包含按钮和弹出式菜单，可以 在“设计”视图，“拆分”视图和“代码”视图 之间切换“文档”窗口：显示当前创建和编辑文档“属性”检查器：用于查看和更改所选对象或文 本的各种属性，选择的对象不同，“属性”检查 器中包含的信息也不一样、“面板组”：分组在某个标题下面的相关面板的 集合。“文件”面板：用来管理文件和文件夹，当使用 dw创建一个站点后，站点的所有文件都将显示 在“文件”面板上。

2、二、网站制作的基本流程1. 站点：新建站点，取名T否，不适用服务器技术 T选择储存位置（一般默认）-如何连接到服务器: 无T完成 三：表格插入表格常用表格设置：1024像素，粗细和间 距一般设为0增加一行表格：按住tab键即可空格：crtl+shit+空格换行：按回车键，显示的是两倍行距按shift+回车键，是强制换行，显示一倍行 距 四：html信息的设置1. meta设置：meta标签是记录有关当前页面的信丿息操作：插入记录html 文件头标签meta设置2. 关键词设置，描述设置，刷新设置操作与meta操作相同，都在文件头标签下。一：制作图像页面1图像常识：常用格式gif, jpeg,

3、png 三种图像格 式2.Gif:图像交换格式只包含256种颜色，支持透明的背景色和动 画格式大面积单色区域图片Jpeg(jpg):联合图像专家组开发的图形标准，采 用有损压缩算法，24位真彩色不支持透明背景和动画格式Png :可移植网络图形保存的图像压缩，以减少占用的存储空间和 下载速度，同时又不损失图像质量，一般情况下， 一个网页的图片大小加起来不宜超过 500k。Lesson 3一、Flashde 的文件类型Fla是所有项目的源文件，在flash程序中科创建 Swf是压缩的，已进行优化，便于在网页中使用。Swt能修改和替换flash swf文件中信息Flv是一种视频文件二、插入flash

4、动画1. 先插入一个表格2. 插入t媒体t flash3. 在下面的页面属性面板中勾上循环与自动播放， 高品质，比例默认三：flash与图像合成：既使flash变透明能够在图 上使用1. 把图片设为背景图片：先点击一下表格中要插入的地方，代码区就会显示td的字样，接着它往下 写td空格键background（按回车，接着跳出窗口选择图片）=“” 2. 但这时候图像是平铺的，就是背景图片不断重复， 不重复的操作：在上一步显示的图片后/*.jpg ”接着 按空格键（选择style,按回车）style=background-repeat（按回车）-no repeat3. 把flash背景设成透明色：

5、先单击flash,再在下 面属性面板中按参数wmode-tra nspare ntLesson 4Photoshop 图层功能一、抠图方法：1魔棒工具抠图 调整容差-选择反选-按Ctrl键拖入图层选中图层，ctrl+T可调整大小2多变套索工具：磁性套索，出现失误按DEL键消 除，抠完后按右键可以羽化3. 钢笔工具：要选择路径按钮：按住Ctrl可以进行拉伸，Alt可以删除锚点。完成后，点右键选择建 立选区，好二、照片处理第一步：去痘去痣：仿制图章工具，覆盖区域先Alt按住不放，再鼠标在其好的区 域点一下，然后就可直接点击需要处理的部分进行 覆盖。第二步：按历史画笔-滤镜-模糊-高斯模糊 （半径为

6、1.0像素）再在历史记录中点击高斯模糊前面的方框，再点击历史记录中前一个仿制图章按钮，直 接在脸上磨皮。第三步：变非主流滤镜-液化-向前变形工具-画笔设置15，膨胀工具：放大眼睛调下亮度和对比度即可。图层多的时候，按住Ctrl+右键，可找出它的图层Lesson 5立体字:方法一：新建如800*600，输入文字 点文字图层进行进一步编辑Ctrl+j创建副本在副本上点击右键，栅格化图层，变成透 明背景I把原来文本前面的眼睛去掉，先不锁定在副本上按右键，混合选项：双击斜面和浮雕，大小=3新建图层1，并与立体字副本合并按住ctrl+t变换角度菜单上按选择载入选区，按ctrl+alt不放，按上或下键，制

7、造立体效果，再取消选择即 可。方法二：新建文档，命名为bottom,图层栅格化Ctrl+t；进行变换Ctrl+j,复制很多的图层，然后合并所有的图层，留 下 Tpo 禾口 botton在对top在建3个图层，使其突出，弄一个middle 层，双击混合选项，颜色叠加。滤镜：光线的制作：1选中背景-复制图层为图层1一滤镜-像素化 点状化2. 图像-调整-阀值3. 图层面板-滤色4. 滤镜模糊-动感模糊5. 滤镜锐化-usm 锐化 部分的阳关：举行选框选区域-ctrl+j,也可用套索 工具，之后的做法与光线一致。雪花的制作：点状化的值要大-调整阀值-图层， 滤色-由动感模糊地值改变雨或光或雪Less

8、on 6网页布局切片工具：比较简单，就说少点 切片时要先切列再切行 存储为web格式，html和图像 切片完成后，要对其中的图片进行修改和覆盖，打 开ps图后，其模式是索引模式，不能修改。进行 如下操作：图像-模式-RGB模式即可 创建连接：点击属性-在其框中输入Http: 边框选择0，以免表格被撑大。Lesson7插入背景音乐和视频方法一：插入表格-插入媒体-插件-选择站点 中的音频，在网页中显示出来是 带有播放器的。 注：现将表格保存一下再插入 方法二：当背景音乐插入1.纯代码（推荐）vdiv align=left 2. Lesson 8制作内外部超级链接1. 相对链接：链接指向文件或浏览文件或选中右键 创立连接2. 绝对链接：方法一：选中后打开窗口，URL 方法二：在链接地址栏中输入：http:/ 方法三：电子右键链接，mailto:自己的邮箱3. 创锚点链接：首先创建一个命名锚点，然后创建 到该命名锚纪的链接，为文字较多的网页提供方便 操作：插入-命名锚纪-命名（如top）-选中文 字创链接到#top4. 空链接：加入#的链接成为空链接5. 制作图像