网页设计_03.ppt

网页制作 新建个人网页文档 网页中的文本 网页中的图片 新建个人网页文档 通过引导页也可以通过文件菜单来创建个人网页的HTML文档 单击“引导页”—HTML 单击“菜单”---“新建” ，选择“基本页”—“HTML”。 个人主页常保存为“index.htm” 个人网页文档为“index.htm”的HTML框架结构分析 点击工具栏的“代码”视图模式 HTML文档分为文件头（HEAD）和文件体（BODY）两部分。文件头对这个文件进行了一些必要的定义，而文件体的部分才是要显示在网页中的各种信息。 html标记是告诉浏览器这是HTML文件的开始，最后一个/html用来告诉浏览器HTML文档的终止位置。 Head与/Head标记之间是文件的头部信息，在浏览器中，头部信息是不被显示的，他能显示在浏览器的标题栏里。 Body与/Body标记之间的程序是正文部分。他们显示在浏览器窗口内。因此，凡是要在网页中显示的信息，相应的程序要写在该对标记之间。 向网页中添加文本--换行 自动换行：在输入文字时，若某一行的长度超过了窗口的显示范围，文字将自动换到下一行。 利用“Enter”换行：按“Enter”键，文字成段，且上下段之间空一行。 利用“Shift+Enter”键换行：文字手动换行，中间又不能出现空白行。 向网页中添加文本--插入当前日期和特殊字符 插入当前日期 选择“插入记录”菜单—“日期”。 在“常用”面板中选择“日期”。 可以选择储存时自动更新。 插入特殊字符 菜单“插入记录”--HTML--“特殊字符”。 面板“文本” --“字符” 。 向网页中添加文本--输入空格 在文本开始处按空格键不会输入空格，在文字之间按空格键可以输入半个空格。要输入更多空格的方法： 1.按住“Ctrl+Shift”键，按一次空格键，键入半个空格。 2.将输入法由半角状态切换到在全角状态，按一次空格键，键入一个空格。 3.将编辑窗口切换到代码视图，在要输入空格的地方输入代码nbsp;，输入一组nbsp;代码，产生半个空格。 4. “编辑”-“首选参数”-“常规”,在“类别”中选中“允许多个连续的空格” 5. 插入记录—HTML--特殊字符--不换行空格 向网页中添加文本--插入水平线 首先确定插入水平线的位置; 选择“插入记录”--“HTML” --“水平线”菜单命令. 选中水平线，打开水平线属性面板，可以设置水平线的属性。 向网页中添加文本--加入注释文字 在网页中加入适当的注释文字，可以为日后修改、管理网页提供方便。 批注只有在编辑网页时或查看原代码时才能看到，所以不会破坏版面。 将光标移到想要插入的注释地方; 在插入“常用”面板中--“注释”按钮， 或菜单“插入记录”--“注释”命令。 更改文本特征 设置文本格式可以通过属性面板。文本的属性设置，包括段落的格式、字体、字号、字的颜色、字体加粗/倾斜、对齐方式（左对齐/居中/右对齐）、文字所链接的路径或URL等。 在Dreamweaver 中，默认状态有7种西文的字体可供选择，要使用中文字体可以事先将计算机里的中文字体添加到Dreamweaver的字体列表中。 美化文字的段落 应用段落或标题标签 对齐和缩进文本 创建项目列表和编号列表 插入“文本”面板 菜单“文本”—列表， 菜单“文本”—列表—属性，可修改 使用HTML设置文本格式 标题 用户可以通过Hn标记符来标识文档中的标题和副标题，其中n是1到6的数字。H1表示最大的标题，H6表示最小的标题。使用标题样式时，必须使用结束标记符。 标题文字标记符的格式： Hn align=对齐方式 标题文字 /Hn 属性align用来设置标题在页面中的对齐方式：left(左对齐)、center(居中)或right(右对齐) 使用HTML设置文本格式 段落 强制换行 强制换行标记符的格式为： 文字BR 强制换段 强制换段标记符的格式为： 文字P P标记不但能使后面的文字换到下一行，还可以使两段之间多一空行。 设置段落标记符的格式为： P align=对齐方式 文字 /P 使用HTML设置文本格式 文本格式 网页中的文字的大小、字体、字型和颜色，通常用FONT标记符来完成。 FONT标记符设置格式为： FONT size=“数字” face=“字体名” color=颜色 被设置的文字 /FONT size:属性是字号属性，它的取值既可以是绝对值，也可以是相对值。使用绝对数值时，值可以从1到7（3是默认值）。使用相对数值时，可以用“