欢迎来到天天文库
浏览记录
ID:35309194
大小:101.00 KB
页数:5页
时间:2019-03-23
《网页设计要点汇总》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、网页设计要点汇总(可能不是那么的准确,请大家见谅)Lesson1一、了解工作界面:l“插入”栏,包含用于将各种类型的“对象”(如表格,图像,文本)等插入到文档中的按钮。l“文档”工具栏:包含按钮和弹出式菜单,可以在“设计”视图,“拆分”视图和“代码”视图之间切换l“文档”窗口:显示当前创建和编辑文档l“属性”检查器:用于查看和更改所选对象或文本的各种属性,选择的对象不同,“属性”检查器中包含的信息也不一样、l“面板组”:分组在某个标题下面的相关面板的集合。l“文件”面板:用来管理文件和文件夹,当使用dw创建一个站
2、点后,站点的所有文件都将显示在“文件”面板上。二、网站制作的基本流程1.站点:新建站点,取名→否,不适用服务器技术→选择储存位置(一般默认)→如何连接到服务器:无→完成三:表格插入→表格→常用表格设置:1024像素,粗细和间距一般设为0增加一行表格:按住tab键即可空格:crtl+shit+空格换行:按回车键,显示的是两倍行距按shift+回车键,是强制换行,显示一倍行距四:html信息的设置1.meta设置:meta标签是记录有关当前页面的信息操作:插入记录→html→文件头标签→meta设置2.关键词设置,描
3、述设置,刷新设置操作与meta操作相同,都在文件头标签下。Lesson2一:制作图像页面1.图像常识:常用格式gif,jpeg,png三种图像格式2.Gif:图像交换格式只包含256种颜色,支持透明的背景色和动画格式大面积单色区域图片Jpeg(jpg):联合图像专家组开发的图形标准,采用有损压缩算法,24位真彩色不支持透明背景和动画格式Png:可移植网络图形保存的图像压缩,以减少占用的存储空间和下载速度,同时又不损失图像质量,一般情况下,一个网页的图片大小加起来不宜超过500k。Lesson3一、Flashde的
4、文件类型Fla是所有项目的源文件,在flash程序中科创建Swf是压缩的,已进行优化,便于在网页中使用。Swt能修改和替换flashswf文件中信息Flv是一种视频文件二、插入flash动画1.先插入一个表格2.插入→媒体→flash3.在下面的页面属性面板中勾上循环与自动播放,高品质,比例默认三:flash与图像合成:既使flash变透明能够在图上使用1.把图片设为背景图片:先点击一下表格中要插入的地方,代码区就会显示
5、”>2.但这时候图像是平铺的,就是背景图片不断重复,不重复的操作:在上一步显示的图片后/*.jpg”接着按空格键(选择style,按回车)style=background-repeat(按回车)--norepeat3.把flash背景设成透明色:先单击flash,再在下面属性面板中按参数-----wmode----transparentLesson4Photoshop图层功能一、抠图方法:1.魔棒工具抠图-------调整容差------选择反选-----按ctrl键拖入图层l选中图层,ctrl+T可调整大小2.
6、多变套索工具:磁性套索,出现失误按DEL键消除,抠完后按右键可以羽化3.钢笔工具:要选择路径按钮:按住ctrl可以进行拉伸,Alt可以删除锚点。完成后,点右键选择建立选区,好二、照片处理第一步:去痘去痣:仿制图章工具,覆盖区域先Alt按住不放,再鼠标在其好的区域点一下,然后就可直接点击需要处理的部分进行覆盖。第二步:按历史画笔-----滤镜-----模糊---高斯模糊(半径为1.0像素)再在历史记录中点击高斯模糊前面的方框,再点击历史记录中前一个仿制图章按钮,直接在脸上磨皮。第三步:变非主流滤镜-----液化--
7、---向前变形工具----画笔设置15,膨胀工具:放大眼睛调下亮度和对比度即可。图层多的时候,按住Ctrl+右键,可找出它的图层。Lesson5立体字:方法一:新建如800*600,输入文字点文字图层进行进一步编辑Ctrl+j创建副本在副本上点击右键,栅格化图层,变成透明背景把原来文本前面的眼睛去掉,先不锁定在副本上按右键,混合选项:双击斜面和浮雕,大小=3新建图层1,并与立体字副本合并按住ctrl+t变换角度菜单上按选择-------载入选区,按ctrl+alt不放,按上或下键,制造立体效果,再取消选择即可。方
8、法二:新建文档,命名为bottom,图层栅格化Ctrl+t进行变换Ctrl+j,复制很多的图层,然后合并所有的图层,留下Tpo和botton双击bottom,混合选项------渐变叠加在对top在建3个图层,使其突出,弄一个middle层,双击混合选项,颜色叠加。滤镜:光线的制作:1选中背景-----复制图层为图层1----滤镜---像素化-----点状化2.图像---
此文档下载收益归作者所有