(网页制作与设计课程.docVIP

目录 一、网页制作与设计课程 2 1、网页文件格式 2 2、网页中插入图像 3 3、网页制作与设计 3 4、设置段落 4 二、DreamWeaver创建本地站点 4 三、表单技术 4 1、表单 5 2、脚本 5 3、表单的排版 5 4、表单的web浏览 6 5、捕获表单所提交的数据 6 6、web浏览表单并进行数据提交 6 7、锚点的设置 7 四、图层:时间轴 7 1、时间轴: 7 2、层和时间轴 7 （1）在Dreamweaver中创建层 8 （2）选择,移动,调整层的大小和删除层 8 （3）设置层的属性面板 8 (4)使用层管理器管理层 8 五.设置与层相关的行为 9 1.显示层,隐藏层,拖动层行为 9 (1)拖动层 9 (2)显示--隐藏层 9 2.行为涉及对象,事件,动作. 9 (1)弹出消息行为 9 (2)调用javascript脚本 10 (3)调用javascript 10 (4)调用javascript 10 (5)转到URL行为 10 (6)跳转菜单行为 11 (7)跳转菜单开始行为 11 (8)打开浏览器窗口行为 11 (9)显示弹出式菜单行为 11 六、模板 12 七、布局表格 12 1、布局单元格 12 2、保证布局表格中各列的宽度 12 八、如何使用模板生成页面 12 九、如何更新模板 13 十、模板 13 十一、库 13 十二、自定义CSS样式 14 十三、如何进行本地站点的上传操作 14 十四、局域网内创建FTP服务器,实现网站的上传. 15 一、网页制作与设计课程 1、网页文件格式 网页文件的扩展名 htm 网页制作的基本评言 HTML语言 Hyper Text Markup Language 超文本标识语言 总共只有不到 100条命令,非常简单.完全使用它并不能制作动态网页.随着网页设计要求的提高及动态效果的引入,需要另外的软件加以配合,诞生了CSS样式表. CSS样式表:它为网页设计提供了更多更规范的属性,使得网页设计变得更加轻松. HTML命令--每一条命令称为一个标签.标签由一对小括号括起来: html(《html》、＜html＞) html HTML Html　都可以，但是推荐使用小写英文字母． 任何一个网页 必须以 html　开始，以 /html结束，html和/html是一对标签，双标签． 网页也有两部分组成：头部和主体．目前，由于大家水平的限制，头部只能定义网页标题文字．所有需要在浏览器中显示的内容全部定义在网页的主体内． 定义头部的标签：head ... /head 定义网页标题的标签：title ... /title 定义网页主体的标签：body.../body 提示：标签之间可能嵌套，得不能交叉： 网页最基本的结构如下： html head title网页标题文字/title /head body 这里填写网页具体的内容 /body /html 为网页标签添加ＨＴＭＬ属性：语法格式： 标签名称 属性名称=属性值 ....... 可以添加Ｎ个属性，属性与标签之间使用空格隔开，属性之间也使用空格隔开，属性之间没有先后顺序． 提示：不同的标签有不同的属性． 插入网页背景图像： 只能插入 jpg ，gif，png　格式的图像． 图像最好使用英文名称，中文会出现编码错误 图像必须存在，而且必须与网页保存在同一个文件夹内 body bgcolor=red 这是设置网页的背景颜色 body background=aa.jpg这是设置网页的背景图像 在网页中插入超级链接：超级链接是网页制作的核心，它将若干个相关的资源文档进行链接． 在mm.htm网页中添加超级链接，指向 qqq.htm 网页： a href=qqq.htm打开qqq.htm网页/a，语法格式： a href=目标网页名称链接说明文字/a 由于刚刚的qqq.htm页面与当前页面保存在一起，为当前站点资源，因此只需要给出文件名，而不需要给出路径．如果你准备链接搜狐网，怎么办？ 这是错误的：a href=打开搜狐网/a 这是正确的：a href=打开搜狐网/a 2、网页中插入图像 如何在网页中插入图像： 图像最好使用英文名称 图像必须与网页保存在一起 图像只能为 jpg gif png　格式 img src=图像名称.扩展名 以下是错误的：img scr=图像名称.扩展名 在网页中插入段落：段与段之间会自动空一行！ p段落文字/p 如何对文字进行居中显示 p align=center这是我的第一个网页/p 如何更改文字的大小，颜色和字体 font size=大小 color=颜色 face=字体字符/font 3、网页制作与设计 在网页中设置字符的颜色,大小和字体 font size=大