第二章(网页设计).pptVIP

3.1.1 插入文本、符号、日期 软回车(间距小，shift+enter）和硬回车（enter） br p /p 特殊 字符 日期 3.1.2 添加字体 执行菜单命令“文本”|“字体”|“编辑字体列表” 3.1.3 设置文本的属性 图3-4 文本的“属性”面板 【例3-1】设计一个只有文字的页面。对照设计界面和代码界面，熟悉文本属性的标签。 标题 hn 属性名=属性值标题/hn 指定标题文字大小、对齐。 注释 !--注 释-- 不限于一行，长度不受限制。 强制换行 文字br / 软回车，行间距小。 强制换段 p 属性名=属性值文字/p 硬回车，行间距大 预排格式 pre预先格式/pre 保留预先在编辑工具中排好格式。 级联显示 span 属性名=属性值文本或图像/span 设置具有相同属性的级联文本 水平线 hr 属性名=属性值 / 对齐、粗细、宽度 head title网页中的文本/title style type=text/css !-- .STYLE1 {font-family: 隶书, 华文中宋; color: #FF0000;} .STYLE2 {font-size: 18px; font-family: 华文行楷, 华文新魏;} body,td,th {font-family: 仿宋_GB2312; font-size: 14px;}--/style /head body h1nbsp;nbsp; span class=STYLE1静夜思/span/h1 p class=STYLE2 床前明月光，疑是地上霜；br / 举头望明月，低头思故乡。 /p hr align=left width=200 size=2 noshade=noshade class=STYLE1 / pre 静夜思 床前明月光，疑是地上霜； 举头望明月，低头思故乡。/pre /body （1）学习双标签h1/h1、/p/p、span/span、pre/pre及单标签br /、hr /的使用 （2）文本的字体、字号、风格等属性以CSS样式写在head/head中 （3）自定义的CSS样式名前有各西文黑点，优先级高于网页样式body,td,th { }的优先级 总结： 3.1.4 建立列表——书的目录或文章各级标题 列表分为无序列表和有序列表。 与列表有关的标签为ul、ol、li、menu、lh、dl、dt、dd等，格式、功能和样例见表3-2。 通过文本的“属性”面板建立列表 无序列表 ul type=square li111/li li222/li li333/li /ul 有序列表 ol start=1 type=a li111/li li222/li li333/li /ol 类型序号：”1 ” “a” “A” “I” 缩进列表 dl dt项目1/dt dd子项1-1/dd dd子项1-2/dd dt项目2/dt dd子项2-1/dd dd子项2-2/dd /dl dl是容器,dt是标题， dd是内容 【例3-2】混合列表示例 普通静态网页 动态特效网页 交互式动态网页 第2章 Dreamweaver基础 2.1 Dreamweaver的编辑环境 2.1.1 文档窗口 2.1.2 面板 2.2 设置工作参数 2.3 建立和管理站点 2.4 创建网页 思考题 Dreamweaver 是所见即所得的网页编辑器； 集成网页制作与动态网页管理于一身； 制作跨平台和跨浏览器的网页。 1．启动Dreamweaver 8 选择“开始”“所有程序”“Macromedia”“Macromedia Dreamweaver 8”，将显示开始页对话框，如图所示。 第一次启动，在“工作区设置”窗口选择 “设计器” 或“编码器” 2.1 Dreamweaver的编辑环境 文档窗口 + 面板 2.1.1 文档窗口 标题栏 （* 未保存） 菜单栏：提供系统功能的所有命令选项 。 工具栏 网页窗口标题 浏览器兼容性 标记验证 文件管理 浏览器中预览/调试 刷新设计视图 代码/设计视图选项 是否显示可视化元素 多文档文件名切换选项卡 状态栏 下载时间：根据网页中对象的多少，计算出网页的大小及在某个连接速度下的下载时间。 2.1.2 面板 1．面板操作 隐藏或折叠面板 面板组自身可以被展开或折叠。 菜单命令“窗口”|“隐藏面板” ，可以隐藏全部面板；执行“窗口”|“显示面板” ，又可以显示全部面板。 打开面板组右上角的选项