【大计课程】实验06_2)网站设计.ppt

主讲教师　xxxx Email：xxxx@cqu.edu.cn 计算机基础系列课程 “大学计算机基础”课程 实验6 — 网站设计 （综合性） * * 实验06 — 网站设计（综合性） 一.实验目的 　1.了解HTML超文本标记语言和网页的基本概念； 2.掌握用FrontPage制作网页的基本方法。 3.掌握网站的建立并上载到Internet网站的方法。 二、实验内容 按实验步骤完成 上机练习中各题， 参照图8.23所示制 作个人网站。 * * 实验06 — 网站设计（综合性） 网站设计知识点： 1.网页设计原则： 分辨率:1024×768； 每页不能有横向拖动； 每页纵向一般不超过3页； 每页资源大小不超过100KB； 网页超链接使用相对链接； 页面内文字大小用样式固定； 页面内字体使用系统常用字体； 页面内图片使用gif或jpg格式； 媒体流使用rmvb格式； 声音文件用低采样频率处理。 * * 实验06 — 网站设计（综合性） 2.网页设计内容： 制作网页装饰图片、资源图片； 装饰图片用Firework切割； 制作媒体（声音、视频流）； 根据网页脚本、网页模板设计； * * 实验06 — 网站设计（综合性） 3.网页设计后的测试 先本地（开发的计算机）测试，后远程（上载到的Internet网站）测试。 网页有无代码错误； 网页间的超级链接（相对）正确否； 网站外的超链接是否正确（校对网址）； 网页内有无错别字； 网页内的文字大小固定否； 网页是否整齐划一。 * * 实验06 — 网站设计（综合性） 4.创建一个网站的流程步骤 创建站点（可采用向导方式、模板方式等） 创建网页 规划网页布局（采用表格、框架方式布局） 编排网页内容（文本、图像、视频、超链接） 站点的管理与发布（检查、管理、发布等） * * 实验06 — 网站设计（综合性） 三、实验步骤 1.参照实验教材 实验6“操作1” 步骤 （共9个步骤） 以内置模板创 建个人网页 * * 实验06 — 网站设计（综合性） 三、实验步骤 2.以创建网站方 式利用内置网站 模板创建网站： 参照实验教材 实验6“操作2” 步骤 （共7个步骤） * * 实验06 — 网站设计（综合性） 三、实验步骤 设计出类似右图的个人网站或专题网站，页面数大于10页 * * 实验06 — 网站设计（综合性） 在网页素材制作中，会用到的媒体工具： 1.“ACDSee”图像浏览、简单处理软件 * * 实验06 — 网站设计（综合性） 在网页素材制作中，会用到的媒体工具： 2.“千千静听TTPlayer”音乐播放及音乐格式转换 也可以使用“格式工厂”软件中的音频处理进行格式转换 图9.16 “千千静听”播放音乐 图9.17 “千千静听”音频格式转换 图9.18 “千千静听”格式转换编码选择 * * 实验06 — 网站设计（综合性） 在网页素材制作中，会用到的媒体工具： 3.“屏幕录像专家”软件进行录屏制作学习视频 * * 实验06 — 网站设计（综合性） 在网页素材制作中，会用到的媒体工具： 3.录屏也可使用“录屏软件Bandicam”： * * 实验06 — 网站设计（综合性） 在网页素材制作中，会用到的媒体工具： 4.“格式工厂FF”进行音视频格式转换： * * 实验06 — 网站设计（综合性） 在网页素材制作中，会用到的媒体工具： 4.“格式工厂 Format Factory” 进行音视频格式 转换： * * 实验06 — 网站设计（综合性） 在网页素材制作中，会用到的媒体工具： 5.使用“Video Splitter”对视频进行裁剪、分割： * * 实验06 — 网站设计（综合性） 在网页素材制作中，会用到的媒体工具： 6.使用“Video Joiner”对多段视频文件进行合并： * * 实验06 — 网站设计（综合性） 在网页素材制作中，会用到的媒体工具： 除以上工具外可以使用各种专业媒体处理软件： 文字处理：记事本、写字板、Word、WPS等； 图形图像处理：PhotoShop、CorelDraw、Freehand等； 动画制作：AutoDesk Animator Pro、3DS MAX、Maya、Flash等； 声音处理：Sound Forge、Adobe Audition、Ulead Media Studio、Wave Edit等； 视频处理： Adobe Premiere、Sony Vegas、会声会影、电影魔方等。 * * 实验06 — 网站设计（综合性） 四、实验总结分析 总结分析该实验过程中的体会、经验、教训和所取得的成果，以及自己的建议（至少3条）。 1.