0609网页设计-板书-13com.docx

Index.html页面Index.html检查修改工作在dwt模板完成，并且要保存。对齐：居中（table，属性面板的对齐，设置居中，最外围）；检查工作在index.html:段落与换行是否合理：连篇的文字可以用一对p……/p括起，而日常需要的段落分段用br/标签插入两段之间，或者在编辑窗口中在相应日常段落中间shift+enter。栏目标题或者作为提示链接的文字可以单独各放在一个单元格，如果没有用单元格分隔就分别用p……/p括起，或者在属性面板中将格式设置为“段落”。检查工作在dwt中：段落的行距设置，打开CSS面板（shift+F11），切换到“全部”页框，看是否定义了标签P；如果未定义，则操作如下：新建CSS规则；选择器类型（标签），名称（P），定义在（仅对该文档）；在P的CSS定义对话框中，分类（类型），行高（23）属性面板：设置字号（13-14）；文字颜色；字体；背景颜色；上边距（0）文字页面由模板新建一个页面：先更改页面标题，然后保存文件，用合适的文件名（文件名不能含有中文）、站点根文件内从素材复制粘贴文字页面检查（段落、换行、编号或者项目列表、段落前首行空两格（中文输入下，全角（shift+空格），空格）；nbsp;）项目列表标签ul……/ul，编号列表ol……/ol，每一个列表项li……/liul li列表文字/lili列表文字/li/ul插入一个图像，让文字环绕。设置对齐：左对齐、右对齐、居中 设置垂直边距、水平边距，让文字和图片保持距离美。Img src=图像的位置 width=图像宽度 height=图像的高度 alt=替换文本 hspace=水平边距 vspace=垂直边距 align=对齐方式（宽度和高度，如果指定其中一个的值，另一个值在不指定的情况下系统会按照锁定纵横比的方式自己变化）在index页面，选中用于链接的文字，在属性面板：链接、目标（默认：在IE中自身打开，原来覆盖；blank：让IE重新打开一个窗口）设置几种链接在文字页面，插入一个分节小目录在小节目录后插入水平线水平线属性设置：hr width=水平线宽度 size=水平线高度 align=对齐 color=颜色 /链接（一）应用情况：在线读书网站定位目录、长篇幅文字内容希望快速定位对应内容介绍实现的方法：Javasrcipt编写的脚本，锚点链接锚点链接：编辑链接的文字（来：从顶到底； 回：从某个位置回到顶部）在相应位置，插入锚点。（[插入-常用-锚点，锚点名称不能用中文]）设置链接（#锚名称）链接（二）准备一个文件（可以是压缩文件，也可以是图像、音乐、txt、doc、exl、pt……；绝对不能出现文件夹，更不能出现某个磁盘驱动器）改文件名，让不含中文将这个文件拷贝到站点文件夹内设置链接链接（三）使用模板的另一好处——统一设置导航在dwt中将“首页”的导航文字链接设定指向index.htm其他还没有内容的可以设置空链接：#保存全部，浏览文件。文字标签链接：是指将文档中的文字或者图像与另一个文档、文档中的一部分或者图像连接在一起。（链接的元素：文字、图像）绝对路径，是主页上的文件或目录在硬盘上的真正路径。（外部链接）相对路径，是内部链接的理想型是，只要是处于站点文件夹之内构建链接，站点文件夹所在服务器地址发生改变时，文件的所有内部链接都不会出问题。（内部链接）相对链接的使用方法：链接到同一目录下，只要输入要链接的名称。（如在模版中的导航链接设置）要链接到下一级目录中的文件，只要先输入目录名称，然后加“/”，再输入文件名。（如今天的下载链接）如果链接到上一级目录中的文件，则先输入“../”，再输入目录名和文件名。链接标签语法：a href=”文件名”链接元素/a （内部链接）或a href=”URL”链接元素/a （外部链接）可用属性：target=目标窗口的打开方式书签链接（锚点链接）建立书签（锚点）为书签（锚点）制作链接语法：a name=书签的名称 id=书签的名称/aa href=”#书签的名称”链接的元素/aa href=”链接的文件地址#书签的名称”链接的元素/a下载链接语法：a href=”文件所在的地址”链接元素/a空链接语法：a href=”#”链接元素/a脚本链接语法：a href=”Javascript:脚本名称”链接元素/a外部链接http://ftp://telnet://mailto://mailto://（邮件链接），语法：a href=”mailto:电子邮件地址”链接元素/a标签1特殊符号语法：字母;设计窗口的操作：[插入工具栏-文本-特殊符号]代码表示nbsp; 空格amp; lt; gt; quot; “qpos; ‘times; *copy; 版权reg; 注册等宽文字标签code文字/code，