web网站设计任务书及实训报告.docx

web网站设计任务书及实训报告.docx

《web网站设计任务书及实训报告.docx》由会员分享，可在线阅读，更多相关《web网站设计任务书及实训报告.docx（10页珍藏版）》请在冰点文库上搜索。

web网站设计任务书及实训报告

湖南娄底职业技术学院

web网站设计

课程设计报告

设计题目：

Web网站设计

系部：

电子信息工程系

专业：

计算机网络

学生姓名：

黄奥林

学号：

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的设置与运用，回顾这次课程设计，至今我仍感慨颇多。

的却。

从选题到开始制作，从理论到实践，在实训机房日子里，可以说得是苦多于甜，但是可以学到很多很多的的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识。

在选择好题目和网站的风格之后，我就开始了实训项目的进程，先是将网站的总体策划以书面的形式展现出来，在相应的时间段找相关的素材，搜集与主题相关的文字、图像等。

再是设计网站的内容结构、目录结构和链接结构，设计首页及其页面的版式结构。

然后创建本地网站，建立网站的目录结构。

制作首页、二级子页、内容页，创建超级链接。

最后就是测试与浏览网页，如果还有什么不理想的地方再改进再预览，如此反复，最后达到最好效果！

在此次网站的设计与制作过程中，难免会遇到过各种各样的问题，这毕竟是第一次独自设计网站、制作网站。

但值得高兴的是：

在设计的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固，没有能完全达到自己预期的效果，还好通过老师的细心指导才能达到最终效果……

一周网页设计与制作的实训课程结束了，回顾这次课程设计实训，从选材到开始制作，从理论到实践，在一周的实训日子里，是在忙碌中度过的，但是可以学到很多很多的的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识。

更懂得并亲身体会到了理论与实际相结合的重要性，只有理论知识是远远不够的，把所学的理论知识与实践相结合起来，从理论中得出结论，才能真正为掌握技术，从而提高自己的实际动手能力和独立思考的能力。