DW中的网站技术.ppt

DW中的网站技术 DW技术之一：文本的插入和修饰 做一个文本内容为主的页面 1）文件新建、保存； 2）页面基本属性设置； 3）文本输入（包括特殊字符输入）； 4）对文本进行格式化和排版 5）应用CSS样式格式化文本； 5）预览网页。 文本输入 输入方法 在文档光标处输入文本或粘贴文本，操作与在Word文档中操作类似 文本输入 特殊字符的插入 【插入】?【HTML】 ? 【特殊字符】 插入面板选择“文本”，在该面板中可选择要插入的字符 快捷键 1. Ctrl＋Shift＋Space（空格） 允许网页自动插入非断行空格的方法：【编辑】 ?【首选参数】 ?【常规】，在“编辑选项”中选择“允许多个连续的空格” 2. Enter＋Shift（断行字符） 3. Enter（段落字符） 文本格式化 字体风格（字体、大小、颜色，样式） 1. 设置方案： （1）属性面板字体风格设置 （2）【文本】 ?【字体】【大小】【改变大小】【颜色】【样式】等 文本格式化 字体风格（字体、大小、颜色，样式） 2. 字体 文本格式化 字体风格（字体、大小、颜色，样式） 3. 大小 文本格式化 字体风格（字体、大小、颜色，样式） 3. 颜色 文本格式化 字体风格（字体、大小、颜色，样式） 4. 样式 文本格式化 文本排版 段落格式（h1……h6,p) 对齐（左对齐，右对齐，居中对齐等） 缩进，凸出 项目列表（有序列表，无序列表，定义列表） 区域格式（ span，DIV，） 用CSS样式表格式化文本 标签内定样式表 文档样式表 文档样式表 文档样式表 文档样式表的应用方法 定义“仅用该文档”的标签、高级、类样式 如果定义的是类样式，则选中文本或段落等页面元素，在属性面板中或【文本】 ?【样式】下选择样式名 CSS样式文档 CSS样式文档是用以保存样式表的文档，后缀名为.css CSS样式文档中的样式可以通过“链接”或“导入”方式应用于该其他网页 CSS样式文档中样式的应用方法 定义“保存在指定CSS文档中的样式” 如果要在某文档中引用指定CSS文档中的样式，则先导入或链接指定CSS文档，然后选中文本或段落等页面元素，在属性面板中或【文本】 ?【样式】下选择样式名 插入日期 【插入】 ?【日期】 不是动态的，是网页制作时间 插入水平线 【插入】 ?【HTML】 ?【水平线】 应用属性面板修改水平线的width,height,color,shade,class属性 在代码中修改 ＤＷ技术之二：多媒体资源的插入 图像 Plugin插件(视频、声音) Flash动画 Shockwave电影 Active控件 Java Applet 网页支持的图像格式 .jpg .gif .png 网页支持的图像格式 GIF：色彩最多使用256种，适合显示色调不连续或具有大面积单一颜色的图像。 JPEG：可以包含数百万种颜色，一般用于连续色调的图像。例如风景、海岸、建筑等。 网页支持的图像格式 PNG 流式网络图形，是20世纪90年代中期开始开发的图像文件存储格式，其目的是企图替代GIF和TIFF文件格式，同时增加一些GIF文件格式所不具备的特性。 网页背景图像设置 Body背景设置 【修改】 ?【页面属性】 属性面板?页面属性 Html代码background 图像的插入与设置 插入方法 【插入】?【图像】 插入栏【常用】类别中，单击【图像】图标 从资源面板中直接拖到页面指定位置 属性设置 代码和属性面板结合 图像映射设置 图像分割成不同部分，每部分可以设置不同的链接目标 图像占位符的插入 插入方法 【插入】?【图像对象】 ?【图像占位符】 插入栏【常用】类别中，单击【图像占位符】图标 作用 便于页面整体布局，之后可以设置想要插入的图片来源 鼠标经过图像的插入 插入方法 【插入】?【图像对象】 ?【鼠标经过图像】 插入栏【常用】类别中，单击【鼠标经过图像】图标 特点 具有动感 导航条 插入方法 【插入】?【图像对象】 ?【导航条】 插入栏【常用】类别中，单击【导航条】图标 导航条作用 具有动感的导航菜单 Plugin插件的插入 Plugin插件的概念 plugin是Netscape提出的一种浏览器方技术，一个plugin被看作是能和Navigator浏览器配合工作的软件模块，帮助它显示新的数据类型，或者以新的方式显示某些“老”数据类型.如纯文本、HTML文本、Word文件格式、gif图像、RealAudio语音、MPEG视频数据等，都代表不同的数据类型。 Plugin插件的插入 视频、声音(无格式限制，但需浏览器端播放器支持) 【插入】?【媒体】 ?【plugin】 插入栏【常用】类别中，单击【 p