网站设计与网页制作

课程设计课程名称:网站建设与网页设计学生姓名:杨梅马早霞学生学号:1201124743512011247432专业班级:网络工程项目名称：宁夏大学网页成绩：目录一、概述................................................5二、项目内容及要求.....................................52.1网站整体结构规划思想................................................................52.2.网页详细设计分析.....................................................................6三、项目设计方式......................错误!未定义书签。四、项目设计过程及结果...................错误!未定义书签。4.1进度安排......................................................错误!未定义书签。4.2需求分析......................................................错误!未定义书签。4.3总体设计......................................................错误!未定义书签。4.4数据库设计..................................................错误!未定义书签。4.5页面功能描述............................................................................304.6项目功能设计及主要代码........................................................334.7.用户手册......................................................错误!未定义书签。五．课程总结…………………………………………………………14参考文献…………………………………………………………14一、概述网站建设与网页设计是一门实践性很强的专业课，而在高职院校的教学中重点是提高和锻炼学生的实际操作能力，因此课程实训就非常重要。通过这次实训，培养学生在本课程范围内初步掌握实际应用问题的能力。如：查阅资料、掌握技术标准和规范、团结协作精神以及动态网页的设计与制作、维护等能力，为毕业设计和今后从事专业工作打下基础。另外，可以使同学对现在的动态网站设计与开发有更深的体会，及时跟上计算机网络技术的发展要求。1.掌握asp.net环境的配置方法；2.掌握asp.net运行的基本原理；3.掌握动态网站的设计与构建的方法；4.利用ADO.NET技术，实现对WEB数据库进行访问；5.掌握asp.net站点的一般调试方法；6.学会利用asp.net技术建设具有交互能力的动态网站的方法。二、项目内容及要求2.1考核内容在老师的指导下，每个学生完成一个小型的动态网站开发。利用asp.net技术进行个人网站、电子商务网站、小型的信息管理平台、网站后台管理等进行设计与开发。课程实训的项目可以按照给定题目任选一个，也可以自行决定实训项目（报指导老师批准）。每个网站设计基本内容包括：（1）站点开发用途分析；（2）站点总体结构（流程）分析；（3）数据库结构分析与设计；（4）网站总体的设计与主要功能代码设计；（5）模块整合；（6）站点调试。2.2.要求（1）整个实训的各个环节要求学生自己动手完成；（2）能灵活地运用所学知识进行开发，并学会多查阅网上资料，合理利用图书馆的资源；多借鉴好的网站设计的风格；（3）要求文档齐全：需求分析、功能描述、数据库设计、流程分析、功能页面的功能描述、网站的使用说明。配置虚拟机环境1.在虚拟机上面模拟一个局域网环境（1）在虚拟机上面配置安装windowsxpsp3professional(Client)和windowsserver2003standardEdition(Server)两个操作系统的虚拟主机。虚拟机硬件配置如下：Ⅰ.windowsxpsp3professional（在配置过程中可以选择默认配置）Ⅱ.windowsserver2003standardEdition由于本机要同时安装DNS和其他服务器，所以要安装两张以上的网卡，这里我们添加三张网卡，第三张作为、ftp、pop3、smtp服务器的硬件端口，添加方法如下：在默认状态下设置好虚拟机后，在操作系统关闭（此时可以不装操作系统）的情况下添加网卡。下面用箭头标明鼠标的单击流程，除此之外全部点“下一步”(2)虚拟机搭建局域网：在此我们将两个虚拟主机构建成局域网。为了不受实际主机私有网的干扰，将各个虚拟主机的网卡设置如下：双击每一个，在出现以下的对话框中网络连接方式选择“桥接”，实际主机网卡必须是连通的。2．为虚拟主机安装对应的操作系统注意安装OS前一定要格式化硬盘，并做适当的分区；特别的对于安装windowsserver2003的虚拟硬盘要格式化为NTFS格式，建议分两个区；OS安装过程不做赘述。3．虚拟机局域网环境的测试分别为各个网卡分配静态的IP。各个网卡之间pingIP,以验证接通；DNS服务器配置安装好DNS组件一配置DNS服务器1打开DNS控制台2右键【SERVER1】选择【配置DNS服务器】3出现下图----【下一步】3选择【创建正向和反向查找区域（适合大型网络使用）】-----【下一步】4选择【是，创建正向查找区域（推荐）（Y）】，单击【下一步】5选择【主要区域（P）】，单击下一步6填入区域名称（如果网络中的服务器要使用的完整域名是“”,则在区域名称中填入“test.com”）7创建新区域文件，文件名称采用默认值，单击【下一步】8在弹出的窗口中可以选择是否接受动态更新，如果对安全要求不高，可以选择【允许非安全和安全动态更新（A）】，本实验选【不允许动态更新】DNS服务器能完全正常工作，出了配置正向（域名到IP地址）解析外，还要配置反向（IP地址到域名）解析。14在弹出的窗口中设置NDS的转发器，在转发器中输入“202.96.128.86”和“8.8.8.8”（在该DNS服务器中无法解析的域名，该DNS服务器可以转发给其他指定的DNS服务器上进行解析，如向ISP（互联网服务提供商）的DNS服务器转发）15等待收集根提示16单击【完成】17如果出现下图，单击【确定】即可。二创建主机记录和指针1完成“DNS服务器的配置”后，在DNS控制台的正向查找区域可以看到下图画面。2右键“test.com”，点击【新建主机】3创建完整域名为“dns.test.com”的主机记录。在下个画面填入主机名“dns”，IP地址为“11.1.1.1”。同时你也可以勾上复选框“创建相关的指针（PTR）记录”，本实验在此不勾上，在下个图中会示例手动添加。7测试。在命令提示符中，依次键入nslookup，测试域名:dns.test.com和IP:11.1.1.1都出现相应的解析画面，如下图，则dns服务器解析成功。4.5页面功能描述4.5.1招生就业如图3所示：4.5.2学院概括如图4所示：4.5.3地理位置如图5所示：4.5.4基本信息推荐如下图6所示：4.55教学资源如图7所示4.6项目功能设计及主要代码功能上主要是动态登录和注册：代码如下：!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN==Content-Typecontent=text/html;charset=utf-8/title无标题文档/title/headbodytablewidth=1117height=1972border=1trtdheight=147colspan=3imgsrc=../../学校/clip_image001.jpgalt=宁夏大学width=1093height=144//td/trtrtdwidth=243height=1088palign=leftimgsrc=../../学校/clip_image001_0000.jpgalt=找width=243height=179/br//ppalign=leftimgwidth=220height=6src=../../学校/clip_image003_0000.jpg/imgwidth=220height=33src=../../学校/clip_image002_0001.jpg//ppalign=leftahref=人文学院/abr/ahref=外国语学院/abr/ahref=经济管理学院/abr/ahref=数学计算机学院/abr/ahref=生命科学学院/abr/ahref=机械工程学院/abr/ahref=农学院/abr/ahref=体育学院/abr/ahref=美术学院/abr/ahref=政法学院/abr/ahref=阿拉伯学院/abr/ahref=物理电气信息学院/abr/ahref=化学化工学院/abr/ahref=资源环境学院/abr/ahref=土木水利工程学院/abr/ahref=教育学院/abr/ahref=音乐学院/abr/ahref=民族预科教育学院/abr/ahref=高等职业技术学院/abr/imgborder=0width=220height=11src=../../学校/clip_image004_0001.jpg/br/·br/imgborder=0width=223height=18src=../../学校/clip_image004.jpg/br/imgborder=0width=43height=21src=../../学校/clip_image005.gif/imgborder=0width=223height=32src=../../学校/clip_image006.jpg/br/·imgborder=0width=9height=15src=../../学校/clip