网页设计总结.docx

网页设计总结

第一篇：网页设计总结网页设计听课总结网页设计的阶段性课程：1、规划阶段（网站策划）2、设计阶段（网页美工）3、实施阶段（网页制作）详细流程：站点策划、构思草图、美工设计、图形制作、脚本编程、图形页面整合、测试发布从创建站点开始（学会搭建并定义本地站点）规划站点结构的原则（用文件夹来保存文档、使用合理的文件名称、首页名称、将本地和远端站点设为同样的结构）搭建自己的网页文件夹比如（images、midea等等）创建站点文档（添加文件和文件夹、文件的管理）HTML代码的基本结构（头部、主体）：….…设定meta内容（通用头元素的设置、添加meta元素。设置关键字和描述文字、刷新网页设置）设定页面属性（标题、背景图像、背景色、文本颜色、边距）添加文本（插入特殊字符、设定文本属性、改变字体和尺寸）换行快捷键：enter和shift+enter（br式回车紧凑型）网页支持的图像格式：gif、JPEG、png等图像在网页中自动变形后，可以按“重新取样”后改变图片的大小底部水平线修改颜色：点击快速标签编辑器修改源代码即可（如：color=“green”）插入flash动画、flash按钮与文字、flash图片查看器、flashpaper文件插入javaapplet元素（源代码：…..）插入交互图像（翻转图片和导航条）JavaScript脚本语句：设置滚动文字属性：在滚动文字前加上代码滚动方向是：direction=“right”滚动速度是：scrollamount=“3”延迟速度是：scrolldelay=“100”鼠标指向时停止滚动命令：onmouseover=“this.stop()”鼠标离开时开始滚动命令：onmouseout=“this.start()”在滚动文字结束代码的最后写上：例如：网页链接：绝对路径（http://）相对路径(相对于同网站下的链接b.htm)根路径（a.htm）内部链接、外部链接、锚链接、Email链接、链接的目标窗口、图像的超级链接、热点链接的源代码：邮件链接：（mailto:邮件地址？subject=网站意见反馈&cc=邮件地址）例如：mailto:[e-mail]?subject=网站意见反馈&cc=[e-mail]锚链接的使用方法：先在头部抛锚，然后在页尾链接到锚点（在目标处写：#top）源代码如下：返回头部图像的热点：在一张图片的不同地区选择新的链接。脚本链接：例子：关闭窗口的链接：JavaScript：window.close()表格的应用：新增表格、表格的属性设定学会用fireworks切片，并且在Dreamweaver中导入fireworksHTML并调整表格的操作Html源代码表格:„行：„单元格：„大表格制作用“像素”，小表格用“百分比”表格的绘制：（绘制表格、绘制单元格）扩展、标准、布局快捷键：ctrl+：放大ctrl-：缩小做好切片及排版制作表单：（什么是表单？客户端填写表单（提交反馈）服务器端处理表单、加入空白表单、设定表单属性）表单动作：（表单内容发到邮箱）mailto:[e-mail]&cc=[e-mail]文本域、单选按钮、复选框源代码：id=”leftFrame“title=”leftFrame“/>添加浮动框架：使用浮动框架（制作浮动框架、设置浮动框架属性、制作浮动框架链接）属性的设置源代码：浮动框架链接时要指定链接的目标是：浮动框架的name（自己去定义）。制作复杂的嵌套结构框架页面、学会在页面中使用嵌套框架，并制作框架页面间的链接。模板的应用：模板的功能什么是模板为什么用模板（方便制作及更新）创建模板（根据已有文件建立模板）文件菜单下：另存为模板„定义可编辑的区域库的建立及应用库的建立（什么是库？为什么使用库？）便于局部文件的修改1、建立库2、应用库3、更新库层的使用创建层设置层属性（选择层改变层的大小移动层排列层）插入层的html语句：层是属于CSS样式表的一种定位技术作用：直接使用层排版、利用层来设计表格（层和表格可以互换）、使用层溢出属性控制当层的内容超过层的大小的时候就要用到层的溢出属性（类似滚动条效果）溢出属性的选择有四种：1、visible（可见的）2、hidden（隐藏的）3、scroll（滚动效果）4、auto（自动）行为（什么是行为/动作/事件选择对象添加动作调整事件）行为的应用：制作弹出信息窗口、制作打开浏览器窗口、播放音乐（实现背景音乐）在html语言中添加背景音乐：其中的（loop=”-1“：指的是无限循环）设置状态栏文本针对输入文本框的行为事件“点击”是：onfocus不在文本框的行为事件是：onblur控制flash的播放先给flash命名然后在下方设置控制播放的命令给名字设置空连接（空连接的目标为：#）