web网站设计(任务书及实训报告).docVIP

一、?? 课程设计的思路及设计过程 吸收好的网页布局构思，之前做好相关的准备工作，如站点的规划，素材的收集…… 二、?? 课程设计中涉及的知识点 框架的建立和模块的设计，SQL数据库的建立、运用与管理。用PS对图片进行处理。 一、站点的规划和建立 首先，将自己所要设计的站点设计好，为以后更好的进行管理，有利于理清好自己的思路，避免在制作网站的过程中出现一些常见的问题。 在导航草图中，首页网站下有4个二级网页，网站的导航条如下图所示： 图1-1为网站导航条 各网页的具体内容如下： 首页：内包一些电影的图片。 日记：自己些的一些心情和文学作品的摘录等等。 回忆：一些照片。 私密：一首摘录的作品。 2、创建站点文件夹 合理的创建站点文件夹可将网站文档分门别类，井井有条的放置其中，这对以后的网站的制作是极其重要的。创建网站的站点文件夹具体步骤如下： 步骤1 在本地磁盘下创建一个以hal命名的文件夹，作为站点的根目录。 步骤2 在hal文件夹中创建一个放图片的子文件夹，文件夹命名为images、moban. 步骤4 images文件夹中用来存放不同类型的图片文件。moban用来存放模版图片。 图 站点文件夹示意图 3、站点的建立 无论是做什么样的一个网站，首先不可忽视的重要步骤是建立一个网站，站点是用来存放和管理网站文件。 第一步 将站点下的主文件名设为Web共享文件： 右击“hal文件夹”/“属性”选择Web共享选项卡/选中共享文件夹，会弹出一个“编辑别名”窗体，并可对该文件夹进行权限设置，设置好后单击“确定”。 第二步 建立站点 进入Dreamweaver CS4工作界面后，如上图选择“站点”/“新建站点”为自己的站点命名； 单击“下一步”/选择“是，我想使用服务器技术”并在下面的下拉列表中选择“ASP VBScript”； 单击“下一步”/在这里选择“在本地进行编辑和测试”，文件存储位置后的文件夹中选择你要存储的位置。如：F:\Dreamweaver\hal\； 单击“下一步”/在文本框中输入：http://localhost/hal/并对其进行测试。如弹出窗体“URL前缀测试成功”；单击“下一步”/选择“否”；单击“下一步”/“完成”。 二、网页的制作 1、模板的建立与运用 执行：“文件”/“新建”选择空白页中的“HTML模板”，单击“确定”，对模板进行一定的布局，可在其中插入表格，并在表格中插入处理后的图片。并将光标放置另一位置，添加可编辑区域：“插入记录”/“模板对象”/“可编辑区域”。并对该模板进行保存。如下图2-1为首页模板图： 图2-1为首页模板图 模板建好后，对其进行运用。执行：“文件”/“新建”选择“模板中的页”并选择站点，选中刚刚建立的模板，单击“确定”。 三、数据库的创建 1、 SQL数据库的创建 创建一个空数据库，然后编辑数据表的内容在动态网页面中，一般应用这种方式。 数据库的连接 步骤如下： （1）新建数据库 （2）建立“tuser”数据库 （3）新建表 （4）新建登录名 （5）新建登录名“a” （6）选择“sysadmin” （7）选择“tuser” （8）数据库建好了 （9）连接数据库的代码：set cn=server.CreateObject(adodb.recordest) cn.open select*from users where users where user=n1 and pwd=n2,provider=SQLOLEDB;UID=a;PWD=a;Initial Catalog=users;Data source=hal ?? 课程设计中遇到的难点及解决办法 难点: 1.从整体布局看较为合理，但是从局部来讲存在一些技术上和严密性的不足。 2.页面美观度不够高，Dreamewver CS4软件应用不够熟练，软件中所涉及得制作方法以及工具没有更好的应用。 解决办法： 1.配色原则：避免网页杂、乱，有时候单一色彩不为也是一种独特，用色柔和，减少视觉混乱，对比度强的色彩不能应用于一般网站。 2.字体问题：字体是整个网页最醒目的部分，若字体不协调会给人一种枯燥的感觉，避免用黑色字体，减少压抑感。 3.制作习惯：制作一个网页首要的是完美的构思，应该先构思好再动手制作，素材搜集完整，根据主题选材，不能脱离主题，确保所用材料与主题相关。最好不要一点一点添上去，只要布局素材准备充分，应该可以做到理想网页。 4.完整性：网站的基本格式完整，相关链接，友情链接必不可少，这也增加了网页的方便性。 5.不可忽略的细节：对