《Web程序设计》课程设计报告.docVIP

重庆科技学院 《Web程序设计基础》 课程实践报告 学 院:_ _ 专业班级: 学生姓名: 学号: 设计地点（单位）___计算机基础自主学习中心I304 __ ____ 设计题目:__ _《C语言程序设计》课件网站设计与制作 完成日期： 2015 年1月 4 日 指导教师评语: ______________________ _________________ _________________________________________________________________________________________________________________________________________________________________________________________________________ __________ _ 成绩（五级记分制）:______ __________  指导教师（签字）:________ ________ 重庆科技学院 课程设计任务书 设计题目：《C语言程序设计》课件网站设计与制作 学生姓名 课程名称 Web程序设计基础课程实践 专业班级 地 点 I304/I306 起止时间 2014.12.29-2015.1. 4 设计内容及要求 为了满足网站至少要有个页面以上；、网站页面和超链接应形成清晰合理的框架 要求 12月29日：了解设计任务、收集资料、考虑网站栏目设计 12月30日：素材设计与制作或收集； 12月31日-1月3日：页面设计与制作； 1月4日：撰写课程实践总结，作品检查、提交、答辩 参考资料 [1] 房爱莲．《网页设计与制作案例教程》[M]．北京：清华大学出版社，2009年． /view/4807f61ca300a6c30c229f75.html [2]文谦、赵位等．《网页制作综合技术教程》[M]．北京：人民邮电出版社，2010年． [3] /jialia/archive/2010/01/27/1657676.html [4] /thread-400378-1-1.html/ 其它 说明 １.本表应在每次实施前一周由负责教师填写二份，院系审批后交院系办备案，一份由负责教师留用。２.若填写内容较多可另纸附后。3.一题多名学生共用的，在设计内容、参数、要求等方面应有所区别。 教研室主任： 指导教师： 年 月 日 网站的结构规划 C语言教程网，主要分为课程简介、教学课件、视频教学、单元习题、常见问题分析、个人成果展示、学生留言以及会员注册七部分。规划详图见图1. 图1 规划详图 素材的准备 根据规划图，依次准备了如下素材。 图1. 1.jpg 图2.bg2.png 图3.loading.jpg 图4.button1.png 图5.button2.png 图6.button3,png 图7.button4.png 图8.button5,png 图9.button6.png 图10.folder1-close.gif 图11. folder1-open.gif 图12.line.gif 图13.folder-close.gif 图14.folder-open.gif 站点建立 先建一个项目文件夹“C语言程序设计网”，然后在里边建一个站点mysite。打开该站点文件夹，在里边建各种文件的文件夹如下：‘html’ ‘image’ ‘jscript’ ‘css_css’.最后在’html’文件夹中存放各种网页包括框架业，在‘images’文件夹中存放各种图片素材,在‘jscript’文件夹中存放使用的java脚本文件，在‘css_css’文件夹中存放使用的css样式文件。 图15站点文件夹：C语言程序设计网…..mysite…. 图3-1.站点文件夹 主页面的制作 4.1主页面结构图如下： 图16.主页面布局图 4.2主页