Internet技术与应用教程第三版曲桂东毕燕丽第10章节简单网页设计.pptVIP

第10章简单网 页 设 计 本章主要内容 网页设计基础 HTML基础 Dreamweaver 基础 创建基本WEB页 多媒体元素 站点的发布 10.1 网页设计基础 10.1.1 网站概述 10.1.2 网页设计语言 10.1.3网站设计流程 10.1.1 网站概述 10.1.2 网页设计语言 10.1.3 网站设计流程-1 网站设计流程-2 10.2 HTML基础 10.2.1 HTML语言概述 一个简单的HTML网页 开始编写HTML页 HTML常用标签 10.3 Dreamweaver基础 10.3.1初识Dream weaver Dreamweaver用户界面 10.3.2 Dream weaver基本操作 设置页面属性 新建站点 设置图像文件夹 10.4 创建基本Web页 10.4.1 制作网页的基本操作 编辑文本 常用图片格式 插入图片 鼠标经过更换图片特效 10.4.2 创建超级链接 创建超链接 网站内部链接目标： _self：会在当前网页所在的窗口或框架中打开（默认方式）。 _blank :每个链接会创建一下新的窗口。 _new：会在同一个刚创建的窗口中打开。 _parent：如果是嵌套的框架，则在父框架中打开。 _top：会在完整的浏览器窗口中打开。 外部链接与链接样式 外部链接 创建到网站外部链接的步骤：选中文字或图像之后，直接在属性面板的“链接”文本框中输入外部的链接地址。 注意：链接中使用完整的URL地址，如： 链接样式 单击编辑页面的空白区，在属性面板中单击“页面属性”按钮，在弹出的页面属性对话框中，选择“链接（CSS）”其中，链接颜色：指定链接文字的颜色，已访问链接：指定被访问过的链接的颜色，变换图像链接：指定当鼠标位于链接上时的颜色，活动链接：指定当鼠标在链接上点击时的颜色。 锚点链接 锚点链接 ?锚点链接是到网页某一特定位置的超链接。这种链接的目标端点是网页中的命名锚点，利用这种链接，可以跳转到当前网页中的某一指定位置上，也可以跳转到其他网页中的某一指定位置上。 首先创建命名锚记，就是在网页中设置位置标记，并给该位置一个名称，以便引用。将光标定位到要设置锚点的位置，单击“插入”→“命名锚记”，弹出“命名锚记对话框”输入锚记名称，单击确定按钮。然后在属性面板的链接栏中直接输入“# 锚点名”。 注意：如果链接的目标锚点标记在当前页面即输入 # 锚点名；如果链接的目标锚点标记在其他网页，即要输入目标网页的地址和名称，然后再输入“# 锚点名”。 电子邮件链接 电子邮件链接 单击这种链接，可以启动电子邮件程序（例如：Offiece办公软件中的Outlook）书写邮件，并发送到指定的地址。单击菜单“插入”→“电子邮件链接”。在属性面板的链接栏中直接输入mailto:邮件地址，可直接创建电子邮件链接。 下载链接与空链接 下载链接 当被链接的文件是exe文件或zip、rar类型的文件时，浏览器无法直接打开，便会提示文件会被下载，这就是网上下载的方法。 空链接 空链接用来激活页面中的对象或文本。当文本或对象被激活后，可以为之添加行为。创建空链接的方法是选中要制作空链接的对象，在链接文本框中直接输入＃。在一般站点首页的导航栏中的“首页”链接，就可以是一个空链接。 创建跳转菜单 跳转菜单是网页中的弹出式菜单，可以创建任何文件类型的链接。单击“插入”→“表单”→“跳转菜单”弹出“插入跳转菜单”对话框 在“插入跳转菜单”对话框中，单击＋号添加菜单项，在“选择时。转到URL”文本框中，输入该文件的路径，生成的跳转菜单 超链接管理 1、链接路径 链接的路径有3种表达方式，一是绝对路径：链接中使用完整的URL（统一资源定位符）地址。二是相对于文档路径：表述源端点与链接目标端点之间的相对位置。三是相对于站点根目录路径： 所有链接的路径都是从站点的根目录开始的，“ / ”表示根目录。 2、自动更新链接 当文件的位置被改动时，自动的更新该网页中的链接路径，同时也自动更新其他网页链接到这个网页的路径。 3、检查链接 单击“窗口”“结果”“链接检查器”，打开链接检查器面板，可检查断掉的链接、外部链接和孤立的文件。 10.4.3 表格处理 单击网页中需要插入表格的地方，在菜单栏选择“插入”→“表格”命令，或者单击“常用”工具面板里的“表格”按钮 ，或者运用组合键CTRL+ALT+T，弹出如图所示对话框。输入表格行数和列数，设置表格宽度，设置表格边框的粗细效果。 单元格边距与间距 单元格指的是表格里的每一个格子，就叫做单元格；单元格边距是指单元格中填充内容距离边框的距离大小；单元格间距：是指相邻单元格之间的距离。 单元格的合并拆分、添加删除操作 1、单元格的合并和拆分：通过属性面板的按钮完