网页设计总结.docVIP

网页设计听课总结 网页设计的阶段性课程：1、规划阶段（网站策划） 2、设计阶段（网页美工） 3、实施阶段（网页制作） 详细流程：站点策划、构思草图、美工设计、图形制作、脚本编程、图形页面整合、测试发布 从创建站点开始（学会搭建并定义本地站点） 规划站点结构的原则（用文件夹来保存文档、使用合理的文件名称、首页名称、将本地和远端站点设为同样的结构） 搭建自己的网页文件夹 比如（images、midea等等） 创建站点文档（添加文件和文件夹、文件的管理） HTML代码的基本结构（头部、主体）： html head …. /head body … /body /html 设定meta内容（通用头元素的设置、添加meta元素。设置关键字和描述文字、刷新网页设置） 设定页面属性（标题、背景图像、背景色、文本颜色、边距） 添加文本（插入特殊字符、设定文本属性、改变字体和尺寸） 换行快捷键：enter 和shift+enter（br式回车 紧凑型） 网页支持的图像格式：gif、JPEG、png等 图像在网页中自动变形后，可以按“重新取样”后改变图片的大小 底部水平线修改颜色：点击快速标签编辑器修改源代码即可（如：color=green） 插入flash动画、flash按钮与文字、flash图片查看器、flashpaper文件 插入javaapplet元素（源代码：applet…../applet） 插入交互图像（翻转图片和导航条） JavaScript 脚本语句：script type=text/JavaScript…. /script 设置滚动文字属性：在滚动文字前加上marquee代码 滚动方向是：direction =right 滚动速度是：scrollamount= 3 延迟速度是：scrolldelay=100 鼠标指向时停止滚动命令：onmouseover=this.stop() 鼠标离开时开始滚动命令：onmouseout=this.start() 在滚动文字结束代码的最后写上：/marquee 例如： marquee direction=left scrollamount=3 scrolldelay=200 onMouseOver=this.stop() onMouseOut=this.start() /marquee 网页链接：绝对路径（） 相对路径(相对于同网站下的链接b.htm) 根路径（\a.htm） 内部链接、外部链接、锚链接、Email链接、链接的目标窗口、图像的超级链接、热点 链接的源代码：a href= target= /a 邮件链接：（mailto:邮件地址？subject=网站意见反馈cc=邮件地址） 例如：mailto:xxx@163.com?subject=网站意见反馈cc=xxx@163.com 锚链接的使用方法：先在头部抛锚，然后在页尾链接到锚点（在目标处写：#top） 源代码如下：a href=#top返回头部/a 图像的热点：在一张图片的不同地区选择新的链接。 脚本链接：例子：关闭窗口的链接：JavaScript：window.close() 表格的应用：新增表格、表格的属性设定 学会用fireworks切片，并且在Dreamweaver中导入fireworks HTML并调整表格的操作 Html源代码 表格:table…/table 行：tr…/tr 单元格：td…/td 大表格制作用“像素”，小表格用“百分比” 表格的绘制：（绘制表格、绘制单元格）扩展、标准、布局 快捷键：ctrl + ：放大 ctrl-： 缩小 做好切片及排版 制作表单：（什么是表单？客户端填写表单（提交反馈）服务器端处理表单、加入空白表单、设定表单属性） 表单动作：（表单内容发到邮箱）mailto:xxx@163.com cc=xxx@163.com 文本域、单选按钮、复选框 源代码：input name=textfield type=text size=30 maxlength=16 / input name=textfield3 type=text value=http:// size=30 / （网页中的表单元素代码很重要！） 制作表单 使用表单插入列表、下拉菜单、插入文件域、隐藏域、跳转菜单 列表html源代码：select name=select size=5 multiple=multiple option value=bj selected=selected北京/option option value=sh上海/option option value=nj南京/option