web网站设计任务书及实训报告Word格式文档下载.docx
《web网站设计任务书及实训报告Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《web网站设计任务书及实训报告Word格式文档下载.docx(10页珍藏版)》请在冰点文库上搜索。
200902060237
起迄日期:
2010年12月20日
至2010年12月24日
指导教师:
肖子蕾
教研室主任:
一、
课程设计的思路及设计过程
吸收好的网页布局构思,之前做好相关的准备工作,如站点的规划,素材的收集……
二、
课程设计中涉及的知识点
框架的建立和模块的设计,SQL数据库的建立、运用与管理。
用PS对图片进行处理。
<
一>
、站点的规划和建立
首先,将自己所要设计的站点设计好,为以后更好的进行管理,有利于理清好自己的思路,避免在制作网站的过程中出现一些常见的问题。
在导航草图中,首页网站下有4个二级网页,网站的导航条如下图所示:
图1-1为网站导航条
各网页的具体内容如下:
✧首页:
内包一些电影的图片。
✧日记:
自己些的一些心情和文学作品的摘录等等。
✧回忆:
一些照片。
✧私密:
一首摘录的作品。
2、创建站点文件夹
合理的创建站点文件夹可将网站文档分门别类,井井有条的放置其中,这对以后的网站的制作是极其重要的。
创建网站的站点文件夹具体步骤如下:
步骤1在本地磁盘下创建一个以hal命名的文件夹,作为站点的根目录。
步骤2在hal文件夹中创建一个放图片的子文件夹,文件夹命名为images、moban.
步骤4images文件夹中用来存放不同类型的图片文件。
moban用来存放模版图片。
图站点文件夹示意图
3、站点的建立
无论是做什么样的一个网站,首先不可忽视的重要步骤是建立一个网站,站点是用来存放和管理网站文件。
第一步将站点下的主文件名设为Web共享文件:
右击“hal文件夹”/“属性”选择Web共享选项卡/选中共享文件夹,会弹出一个“编辑别名”窗体,并可对该文件夹进行权限设置,设置好后单击“确定”。
第二步建立站点
⏹进入DreamweaverCS4工作界面后,如上图选择“站点”/“新建站点”为自己的站点命名;
⏹单击“下一步”/选择“是,我想使用服务器技术”并在下面的下拉列表中选择“ASPVBScript”;
⏹单击“下一步”/在这里选择“在本地进行编辑和测试”,文件存储位置后的文件夹中选择你要存储的位置。
如:
F:
\Dreamweaver\hal\;
⏹单击“下一步”/在文本框中输入:
http:
//localhost/hal/并对其进行测试。
如弹出窗体“URL前缀测试成功”;
单击“下一步”/选择“否”;
单击“下一步”/“完成”。
二>
、网页的制作
1、模板的建立与运用
执行:
“文件”/“新建”选择空白页中的“HTML模板”,单击“确定”,对模板进行一定的布局,可在其中插入表格,并在表格中插入处理后的图片。
并将光标放置另一位置,添加可编辑区域:
“插入记录”/“模板对象”/“可编辑区域”。
并对该模板进行保存。
如下图2-1为首页模板图:
图2-1为首页模板图
模板建好后,对其进行运用。
执行:
“文件”/“新建”选择“模板中的页”并选择站点,选中刚刚建立的模板,单击“确定”。
三>
、数据库的创建
1、SQL数据库的创建
创建一个空数据库,然后编辑数据表的内容在动态网页面中,一般应用这种方式。
2、数据库的连接
3、步骤如下:
(1)新建数据库
(2)建立“tuser”数据库
(3)新建表
(4)新建登录名
(5)新建登录名“a”
(6)选择“sysadmin”
(7)选择“tuser”
(8)数据库建好了
(9)连接数据库的代码:
setcn=server.CreateObject("
adodb.recordest"
)
cn.open"
select*fromuserswhereuserswhereuser='
"
&
n1&
'
andpwd='
n2&
"
provider=SQLOLEDB;
UID=a;
PWD=a;
InitialCatalog=users;
Datasource=hal"
3、
课程设计中遇到的难点及解决办法
难点:
1.从整体布局看较为合理,但是从局部来讲存在一些技术上和严密性的不足。
2.页面美观度不够高,DreamewverCS4软件应用不够熟练,软件中所涉及得制作方法以及工具没有更好的应用。
解决办法:
1.配色原则:
避免网页杂、乱,有时候单一色彩不为也是一种独特,用色柔和,减少视觉混乱,对比度强的色彩不能应用于一般网站。
2.字体问题:
字体是整个网页最醒目的部分,若字体不协调会给人一种枯燥的感觉,避免用黑色字体,减少压抑感。
3.制作习惯:
制作一个网页首要的是完美的构思,应该先构思好再动手制作,素材搜集完整,根据主题选材,不能脱离主题,确保所用材料与主题相关。
最好不要一点一点添上去,只要布局素材准备充分,应该可以做到理想网页。
4.完整性:
网站的基本格式完整,相关链接,友情链接必不可少,这也增加了网页的方便性。
5.不可忽略的细节:
对网站的感觉不好,不过又说不出,多半是细节处理问题,细心的处理网页的每一个象素,力求完美。
四、
小结
通过实训使我明白:
要设计好一个网页,不仅仅需要的是技术,还需要对布局的把握,整个网站风格的确定后,乃至于数据库与PS的设置与运用,回顾这次课程设计,至今我仍感慨颇多。
的却。
从选题到开始制作,从理论到实践,在实训机房日子里,可以说得是苦多于甜,但是可以学到很多很多的的东西,同时不仅可以巩固了以前所学过的知识,而且学到了很多在书本上所没有学到过的知识。
在选择好题目和网站的风格之后,我就开始了实训项目的进程,先是将网站的总体策划以书面的形式展现出来,在相应的时间段找相关的素材,搜集与主题相关的文字、图像等。
再是设计网站的内容结构、目录结构和链接结构,设计首页及其页面的版式结构。
然后创建本地网站,建立网站的目录结构。
制作首页、二级子页、内容页,创建超级链接。
最后就是测试与浏览网页,如果还有什么不理想的地方再改进再预览,如此反复,最后达到最好效果!
在此次网站的设计与制作过程中,难免会遇到过各种各样的问题,这毕竟是第一次独自设计网站、制作网站。
但值得高兴的是:
在设计的过程中发现了自己的不足之处,对以前所学过的知识理解得不够深刻,掌握得不够牢固,没有能完全达到自己预期的效果,还好通过老师的细心指导才能达到最终效果……
一周网页设计与制作的实训课程结束了,回顾这次课程设计实训,从选材到开始制作,从理论到实践,在一周的实训日子里,是在忙碌中度过的,但是可以学到很多很多的的东西,同时不仅可以巩固了以前所学过的知识,而且学到了很多在书本上所没有学到过的知识。
更懂得并亲身体会到了理论与实际相结合的重要性,只有理论知识是远远不够的,把所学的理论知识与实践相结合起来,从理论中得出结论,才能真正为掌握技术,从而提高自己的实际动手能力和独立思考的能力。