网站设计原理与方法》公选课课件.ppt

本地链接 本地链接可进行许多的简化： 协议(http://)被省略——表明与当前页面的协议相同。 主机域名被省略——表明是当前的主机域名。 目录路径被省略——表明是当前目录（对于远程链接，表明是主机的默认根目录）。 文件名被省略——表明是当前文件（对于远程链接，表明是对方服务器上默认的文件名，通常是一个名为 index.html 的文件）。 相对路径名与绝对路径名 . .. / 相对路径名与绝对路径名 使用简化的 URL，在 HREF= 的后面使用的是相对路径名。 使用完整的 URL 则是使用绝对路径名。 使用相对路径名的好处不仅是可以少键入一些字符，而且也便于目录的改动。 A NAME=“Destination” abc /A 本文件链接（页内锚）举例 ? ? X abc 文件 F 本文件链接的 HTML 语句格式： A HREF=“#Destination” X /A 本文件链接 在此处定义 命名锚 起点 终点 命名锚的定义语句： 命名锚的名字 命名锚的终点在字符 abc 的前面 远程链接举例 ? ? 远程链接： A HREF=“” 清华大学 /A 清华大学 清华大学 主页 文件 F 远程链接 因特网 起点 终点 三、可视化网页设计 工具 Macromedia Dreamweaver MX 2004 Microsoft Frontpage 2003 记事本/Editplus 1、 Dreamweaver MX 2004简介 设计者视图 界面介绍 快捷键 Ctrl-Z Ctrl-Y Ctrl-S Ctrl-F：查找、替换 F8：站点文件 菜单 属性面板关闭后如何打开？ 2、站点操作 建立站点 为什么要建立站点？ 管理方便，打开方便 更新链接 Dreamweaver中的站点就是发布的站点吗？ 不是，这里仅仅是设计时的站点 实验室的计算机重新启动后会自动恢复 实验中每次都要重建 文件建立在Student盘 3、网页制作 表格嵌套 导航制作 样式表 服务器端包含 !--#include file=“被包含文件.htm -- 包含文件.shtm 常见操作问题： 光标选中元素后，才能设置该元素的属性 Table中TR和TD如何选中？ 状态栏：标签检查器 3、常见问题 常见操作问题： 光标选中元素后，才能设置该元素的属性 Table中TR和TD如何选中？ 状态栏：标签检查器 四、图形编辑与动画制作 图形文件格式 BMP 位图 色彩空间、分辨率 JPG 压缩格式 GIF 多帧动画、透明、256色 PS 源文件的概念 PNG 矢量图的概念 四、图形编辑与动画制作 Flash动画文件 矢量动画的概念 fla swf 编辑制作工具 Adobe Photoshop Macromedia Fireworks Macromedia Flash 编辑制作示例 去除背景、添加文字、添加效果、导出 补间动画、元件、引导线、导出 五、网站设计与发布 原理（Browser/Server模式） HTTP负责请求、回应和网页的传输 服务器的任务 1、等待服务 3、接收请求 4、解释ASP，将执行后得到的HTML结果嵌入HTML 5、回应 浏览器的任务 2、发送请求（地址栏或点击超链接等） 6、接收文档 7、分析文档，做进一步请求 8、解释HTML，将网页展现在IE的主体部分 9、执行Javascript 五、网站设计与发布 操作系统的选择 Windows Server 2003 同时连接限制 多站点 CPU、内存优化服务而不是应用程序 实验中用Windows XP代替 WEB服务器软件的选择 Internet Information Server（Internet信息服务） 六、大作业要求 选题 题目自选，可合作完成一个大的网站 检查形式 IIS发布，异地检查 评分标准 每人不少于10个页面，含首页、框架或SSI、CSS、Javascript、表单（ASP）、自制图形、自制动画 主题明确、风格统一、链接正确、文件名规范 整洁美观、布局合理、界面友好、导航清晰、logo和版权统一 上交要求 作品应小于5M，尽量控制在2M以内，压缩成一个文件 文件名： 专业班级_学号_姓名.rar 如： 材成061_06102060104_陈松.rar） 大作业题目 设计、制作、发布网站。 鼓励团队开发，1-2人一组。 题目自定： 专业性强的门户网站 科技科普、宣传介绍、历史地理、科技军事、文学艺术娱乐 网页制作的心得、技巧、教程 考查内容范围 网页传输原理 域名解析、域名的申请和设置指向IP HTTP请求与答复 HTML语言（记事本/Editplus） 可视化网页编辑（FrontPage/Dreamweaver） 网站内容与