2012全部教程.docVIP

Html教程： 一、新建网页及保存： 1.开始——附件——记事本 2.打开记事本，输入源码 3.文件——另存为——文件名（a1.html）,保存类型（所有文件）——保存 二、文字格局： 1.换行标记 pre/pre:原样显示文本 br:换行 p/p:段落标记，比br多了一行空行 2.文本格式： 字体：font/font 属性包含：face-字体；size-大小；color-颜色 字体样式：b/b加粗 i/i倾斜 u/u下划线 对齐方式： 方法一：作为属性可以添加在p/p;div/div中 方法二：直接给一个center/center,注意要放在font/font的外面。 三、页面 1.页面背景颜色及文字颜色： 均是作为body标记的属性来进行设置。 bgcolor：背景颜色；text：静态文字的颜色； link：可链接文字的颜色；alink：点击链接时文字的颜色 vlink：访问过链接的颜色。 2.背景图像-作为body标记的属性来进行设置 background=图像的相对路径， 注释：由于放图片的img文件夹和网页a1.html同为test文件夹下的成员，所有盘符和test文件夹中路径当中就可以省略了。 3.插入图像： img src=img\daiyu.jpg alt=黛玉是个好姑娘！ width=200 height=300 align=left src：图像存放路径，alt：图像解释文字，width和height是图像中页面中显示的大小，align指的是图像相对于文字的对齐格式 4.插入声音： embed标记： src：声音文件存放路径；autostart：自动播放； loop：循环播放，其值可以是true/false，也可是数字代表循环次数 hidden：隐藏播放器；width和height是播放器大小 bgsound标记： src：声音文件存放路径 loop：循环播放，其值可以是true/false，也可是数字代表循环次数 注意：bgsound嵌入声音文件默认自动播放和隐藏 四、表格 table/table:表格的起始标记： align属性控制整个表格相对于页面的对齐方式 width和height属性控制整个表格的宽和高 border属性控制表格边框粗细 tr/tr:表格的行标记 align属性控制表格内容相对于表格单元格的对齐方式 bgcolor：该行的背景颜色 width和height控制当前行的宽和高 td/td:表格的列标记 在表格中是先画大框架，再画行，行里面画列 控制表格内容字体可加font标记 五、超级链接 a href=链接内容的地址链接内容/a 链接内容的地址： 相对路径（本地机器上的某一个页面、图片、文件） 电子邮件地址：××××@####： 注意，href后面跟的是mailto：××××@#### internet上的某一个网站的地址 链接内容： 1.文字，2.图片 六、框架网页 框架网页是由框架集页面与分框架网页构成 框架集页面：frameset/frameset rows:表示将页面横向划分，可以采用像素/百分比/比值三种形式 ex：rows=80，*就代表将页面分为上下两个部分，上方高为80像素 其余部分为下方所占。 cols：表示将页面纵向划分 分框架网页：frame/frame src：该框架所包含的页面的路径 name：该框架的名称，以便以后添加链接使用。 七、滚动文字 marquee/marquee:使标记之间的对象滚动起来 direction=left（默认）/right/up/down behavior=alternate（交替）/scroll（循环）/slide（幻灯片） bgcolor=滚动条的背景色 添加行为： onmoseover=stop（）鼠标放上停止滚动 onmouseout=start（）鼠标离开开始滚动 第二部分：Dreamweaver 8 第三次课：dw基础 一、文字的录入 1.换行br:shift+enter 段落p/p:enter 2.插入空格： 插入——html——特殊字符——不换行空格 在源代码中输入空格字符nbsp; ctrl+shift+space 编辑——首选参数——编辑选项——允许输入多个连续空格 3.插入日期： 插入——日期——弹出日期对话框——选择日期/星期/时间的显示格式 常用工具栏——日期图标——弹出日期对话框——进行设置 4.插入水平线 插入——html——水平线——属性面板可以设置水平线属性 常用工具栏——html工具栏——水平线按钮 二、文字的编辑 1.文字的基本操作：（选取/复制/粘贴/剪切全部同word一样） 注意：选择性粘贴可以选择仅粘贴文本，也可以选择带样式粘贴 2.文字的属