动态网页设计第五章.pptVIP

教育技术学动态网站设计与开发 The Development and Design of Dynamic Website 内容回顾 网页设计技术路线介绍 动态网站的学习步骤（顺序） 静态-HTML-动态 动态设计的技术路线 模板、标签（ASP、PHP） 分层框架路线（JSP ） 站点的规划与管理 站点：资源结构、信息体系 绘制网站结构草图及其好处 用DW创建站点 站点参数 本地 远程 文本元素的使用 本节内容 文本中特殊元素的插入方法 文本网页设计实例 网站维护 FTP的使用 DW使用 超（级）链接 超链接基础 超链接分类及设置 文本中特殊元素的插入方法 添加空格 空格也是重要的页面元素，常用于段首排版和占位。 空格的添加： 在“插入”菜单中的HTML中，选择“字符”，然后单击“非换行的空格”图标。选择“插入”“特殊字符”“不换行空格”。 按 Ctrl+Shift+空格键 （快捷操作） 段落 添加：直接按Enter键可添加一个新的段落。 按“Shift+Enter”键可实现段内换行(在Word中称为软回车)。 文本中特殊元素的插入方法 日期、特殊字符、水平线的添加 插入日期 选择“插入/日期”。在“插入”栏中，选择“常用”，单击“日期”按钮。 插入水平线 选择“插入／水平线”：在“插入”栏中，选择“常用”，然后单击“水平线”按钮。 修改水平线属性： 单击选择水平线→在属性面板上可以设置水平线的粗细、对齐方式及是否有阴影 颜色设置 在设计视图方式下选中插入的水平线，切换到代码视图窗口，在代码窗口中，找到选中的标签hr，在r后输入一个空格，出现该标签的属性列表框，双击color属性，并在调色板中选择合适的颜色。 其它特殊符号的插入 “插入” - “HTML”-“特殊字符”，如“版权符号”等 文本中特殊元素的插入方法 日期、特殊字符、水平线的添加 特殊符号的插入 “插入” - “HTML”-“特殊字符”，如“版权符号”等 纯文本网页设计 以“学校召开行政重点工作推进会 ”为例演示文本网站的设计。 文本素材：text.txt 要求：如下页格式 制作纯文本网站 网站维护(上传与更新) 网站维护 内容上传 内容更新 上传条件 获得远程服务器的操作权限 FTP主机 用户名（具有写权限） 密码 上传方法 用DW 复制(FTP的访问方法) 04 U:123 P:123 ftp://123@ ftp://123:123@04 用第三方软件，如CuteFtp 更新要求 先下载，修改，上传覆盖 超链接基础 在网页中，超链接是用 URL （Universal Resource Locator，统一资源定位器）来定位目标信息的。 URL 包括 3 部分：资源类型、域名或IP地址（或一个电子邮件地址等），以及具体的文件目录和文件名。 超链接基础 URL有绝对与相对之分： 绝对 URL 是指 Internet 上资源的完整地址，包括完整的协议类型、计算机域名（所谓域名是指一个能够反映出 Web 服务器实际位置的化名）和包含路径的文档名。其形式为：协议类型：//计算机域名/文档名。 相对 URL 是指 Internet 上相对于当前页面（即正在访问的页面）的地址，它包含从当前页面指向目录页面位置的路径。 超链接基础 如果超链接的目标文件位于同一站点，即可采用相对 URL；如果超链接的目标文件位于其他位置，则需要指定绝对 URL。 超链接基础 超链接的分类根据页面环境的设计技术可分为： 实体链接（占链接总数的80％，主要是静态页面） 虚链接（动态服务器页面链接、影视服务链接） 超链接分类 超链接的分类根据超链接目标文件的不同，超链接可分为： 网页之间的超链接 页面内的超链接(锚点超链接) 文件下载超链接 Email超链接 空超链接 根据超链接起始对象的不同，超链接可分为： 文本超链接 非文本链接（包括图像、表单、表格、列表和多媒体等） 1、页面链接 页面链接就是指向其他网页的超链接，浏览者单击页面链接时将跳转到对应的网页。 页面链接操作 在文档窗口中选取要指定页面链接的对象后可以使用以下方法之一为其设置页面链接： 在属性面板中的“Link”框内输入（绝对或相对）URL； 单击“Link”框右边的“Browse for File”按钮，然后在打开的对话框中选取对应的文件； 单击“Link”框右边的“指向文件”按钮，指向目标文件即可。 2、锚点链接 锚点链接就是在页面特定区域指定一个锚点，然后创建一指向锚点的超链接，单击该链接时浏览器自动跳转到锚点所在区域。 创建锚点链接的方法：首先在要跳转的区域插入锚点，然后选择文本或其他对象，在属性面板中将 URL 设置为锚点名称即可。 如果要转到其他页面的锚点则需要指定相对 URL 或绝对 URL