动态网页设计 第五章.ppt

,教育技术学动态网站设计与开发TheDevelopmentandDesignofDynamicWebsite,梁存良24636242Xinxiang,Mar.17th,2011DepartmentofEducationalTechnologyofHenanNormalUniversity,China,内容回顾,网页设计技术路线介绍动态网站的学习步骤（顺序）静态-HTML-动态动态设计的技术路线模板、标签（ASP、PHP）分层框架路线（JSP）站点的规划与管理站点：资源结构、信息体系绘制网站结构草图及其好处用DW创建站点站点参数本地远程文本元素的使用,本节内容,文本中特殊元素的插入方法文本网页设计实例网站维护FTP的使用DW使用超（级）链接超链接基础超链接分类及设置,文本中特殊元素的插入方法,添加空格空格也是重要的页面元素，常用于段首排版和占位。空格的添加：在“插入”菜单中的HTML中，选择“字符”，然后单击“非换行的空格”图标。选择“插入”“特殊字符”“不换行空格”。按Ctrl+Shift+空格键（快捷操作）段落添加：直接按Enter键可添加一个新的段落。按“Shift+Enter”键可实现段内换行(在Word中称为软回车)。,文本中特殊元素的插入方法,日期、特殊字符、水平线的添加插入日期选择“插入/日期”。在“插入”栏中，选择“常用”，单击“日期”按钮。插入水平线选择“插入水平线”：在“插入”栏中，选择“常用”，然后单击“水平线”按钮。修改水平线属性：单击选择水平线在属性面板上可以设置水平线的粗细、对齐方式及是否有阴影颜色设置在设计视图方式下选中插入的水平线，切换到代码视图窗口，在代码窗口中，找到选中的标签，在r后输入一个空格，出现该标签的属性列表框，双击color属性，并在调色板中选择合适的颜色。其它特殊符号的插入“插入”-“HTML”-“特殊字符”，如“版权符号”等,文本中特殊元素的插入方法,日期、特殊字符、水平线的添加特殊符号的插入“插入”-“HTML”-“特殊字符”，如“版权符号”等,纯文本网页设计,以“学校召开行政重点工作推进会”为例演示文本网站的设计。文本素材：text.txt要求：如下页格式,制作纯文本网站,网站维护(上传与更新),网站维护内容上传内容更新上传条件获得远程服务器的操作权限FTP主机用户名（具有写权限）密码上传方法用DW复制(FTP的访问方法)04U:123P:123ftp:/123ftp:/123:12304用第三方软件，如CuteFtp更新要求先下载，修改，上传覆盖,超链接基础,在网页中，超链接是用URL（UniversalResourceLocator，统一资源定位器）来定位目标信息的。URL包括3部分：资源类型、域名或IP地址（或一个电子邮件地址等），以及具体的文件目录和文件名。,超链接基础,URL有绝对与相对之分：绝对URL是指Internet上资源的完整地址，包括完整的协议类型、计算机域名（所谓域名是指一个能够反映出Web服务器实际位置的化名）和包含路径的文档名。其形式为：协议类型：/计算机域名/文档名。相对URL是指Internet上相对于当前页面（即正在访问的页面）的地址，它包含从当前页面指向目录页面位置的路径。,超链接基础,如果超链接的目标文件位于同一站点，即可采用相对URL；如果超链接的目标文件位于其他位置，则需要指定绝对URL。,超链接基础,超链接的分类根据页面环境的设计技术可分为：实体链接（占链接总数的80，主要是静态页面）虚链接（动态服务器页面链接、影视服务链接）,超链接分类,超链接的分类根据超链接目标文件的不同，超链接可分为：网页之间的超链接页面内的超链接(锚点超链接)文件下载超链接Email超链接空超链接根据超链接起始对象的不同，超链接可分为：文本超链接非文本链接（包括图像、表单、表格、列表和多媒体等）,1、页面链接,页面链接就是指向其他网页的超链接，浏览者单击页面链接时将跳转到对应的网页。,页面链接操作,在文档窗口中选取要指定页面链接的对象后可以使用以下方法之一为其设置页面链接：在属性面板中的“Link”框内输入（绝对或相对）URL；单击“Link”框右边的“BrowseforFile”按钮，然后在打开的对话框中选取对应的文件；单击“Link”框右边的“指向文件”按钮，指向目标文件即可。,2、锚点链接,锚点链接就是在页面特定区域指定一个锚点，然后创建一指向锚点的超链接，单击该链接时浏览器自动跳转到锚点所在区域。创建锚点链接的方法：首先在要跳转的区域插入锚点，然后选择文本或其他对象，在属性面板中将URL设置为锚点名称即可。如果要转到其他页面的锚点则需要指定相对URL或绝对URL。操作要点及顺序：定义锚点创建链接,锚点链接举例,页面内的锚点其它页面的锚点,3、文件下载,当超链接目标为浏览器不能识别的文件格式时，那么就自动生成了文件下载链接。常见下载文件格式：.doc、.rar、.mp3、.mpg、.exe等,但现在的IE浏览器对有些文件也能够解析，如.doc、.mp3。,4、电子邮件链接,所谓电子邮件链接就是指当浏览者单击该超链接时，系统自动打开客户端电子邮件程序（例如OutlookExpress）并打开新邮件窗口，使访问者能方便地撰写电子邮件。操作要点：选取要创建超链接的文本或图片，在对象的属性面板的“Link”（链接）文本框中输入“mailto:电子邮件地址”。,5、空链接,作用：超链接的占位(规划与设计时用)刷新当前页面用于其它行为、事件的控制,实验一站点规划及文本网站设计,实验目的：掌握站点规划的方法和步骤设计个人简历（只有文本内容），练习文本元素的应用练习超链接的操作练习网站的上传与维护操作设计要求：规划“个人简历”站点利用所讲的知识，编辑文本网页，并适当设置超链接。设计至少三个页面不能出现无效链接，访问时跳转自如。上传到服务器，进行相应的维护操作。,实验培训,准备工作：用Sevr_U创建新用户，解决Ftp登录课堂演示用Localhost，实验用04用户名和密码均是1用IIS创建新站点，解决http访问用共享端口法实现一机多站,实验培训,使用DW进行操作，把所有的资源和设计作品放在D：盘的自己文件夹中在DW中设置远程信息ftp主机：localhost，实验用04用户名和密码都是学号最后的有效位，如1，68，101等测试远程站点设计个人简历网站Index.htm上传设计的内容用DW上传用Ftp上传访问测试http:/localhost:1,内容回顾,本节内容文本中特殊元素的插入方法文本网页设计实例网站维护FTP的使用DW使用超链接预习下一节内容：表格课外作业：设计个人简历网站，到实验室测试,内容回顾,本节内容网页设计技术路线介绍动态网页：模板、