网页实训设计报告模板

《网页实训设计报告模板》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、湖北轻工职业技术学院《网页设计与制作》实训设计报告姓名:陶岳班级:10电信学号:1003021135指导教师:吴老师设计时间：2012.6.16—2012.6.17湖北轻工职业技术学院信息工程系15目录一.实训设计目的2二.实训设计题目描述和要求3三.实训设计报告内容43.1设计方案33.2设计过程4四.结论与心得15一.实训设计目的1.进一步熟悉和掌握网站建设的基本流程和技术规范；152.巩固运用Dreamweaver网页制作软件制作网页的知识3.巩固综合运用Dreamweaver软件完成网站建设任

2、务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站；4.具备独立撰写实训报告等科技文件的基本能力；5.在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识；6.为今后从事网站开发、维护和管理奠定基础。7.我选择的网页的主题是个人网页设计类的，同时我在个人的网页设计中加入了自己专业方面的内容，还有自己的作品展示，比如音频指示器，黑白小电视机等等，我这样做的目的是为了让其他的人更加了解我们的这个电子专业，同时也激发一些人的兴趣爱好和动手能力。同时也可以作

3、为在这方面的一个交流平台。二.实训设计题目描述和要求2.1实训要求1．站点结构与命名。站点文件夹为班级学号姓名(如：10网络张三)站点文件夹中所包含文件夹：Images（存放图片文件）Templates（存放模版文件）pages（存放网页文件）其余视文件夹需要而添加，全部用英文命名站点文件夹中所包含文件：index（首页）其文件余视需要而添加，全部用英文命名2．网站题材选择。内容，题材不限，可以选择你所感兴趣的内容和专题，内容充实、健康。网站标题自拟。3．网站技术要求。页面布局合理，色彩和谐，链接正确

4、，图文并茂并茂。网站页面大小应该满足800*600分辨率的客户，兼顾1024*768分辨率。4、网站中必须制作一个留言簿：要求至少要有如下5个功能页面l显示留言页面list.asp；l提交留言页面insert.asp；l管理员登录页面login.asp；l删除页面del.asp；l错误提示页面sorry.asp。152.2实训描述这次实训我是以星座为主题，我的网页比较简单，利用做好的模版，然后创建页面，我将没一个星座做成一个页面，里面介绍每个星座的特点以及性格，然后做星座查询和一个相册。二.实训设计报

5、告内容3.1设计方案1、整体定位：确定要建站的主要目的、网站的类型，网站的目标受众、网站的整体风格、色彩方案等。2、功能规划：确定网站要实现哪些功能、网站功能板块规划。3、技术应用：确定网站使用什么技术架构和语言，交互、特效和多媒体所采用的技术实现手段、网站安全策略、服务器、数据库的选择等等。4、流程规划：对各个功能项进行基本流程规划设计，也可以包括涉及阶段的工作流程设计。5、内容组织：针对每个板块计划其内容、素材、形式、来源以及内容之间的关联性等。3.2设计过程1.在Dreamweaver8建一个站

6、点，然后创建一个模板，根据要设计的思路将模板编辑好，然后保存。2.通过做好的模板创建主页，做好合理的排版。3.通过做好的模板创建其他的分页面。4.最后留言板用动态网页的设计方法做。第一部分：ASP环境的设置1．IIS的安装2．定义站点3．创建数据库Admin表字段名称数据类型说明Tid自动编号注册管理员编号15tAdmin文本注册管理员名称tPassword文本注册管理员密码Data表（用来存放网友在留言板中所输入的信息。）字段名称数据类型说明字段大小必须有数据Tid自动编号网友留言编号//tName

7、文本网友姓名20是tE_mail文本网友E_mail地址50否tHomepage文本网友主页地址100否tOicq文本网友OICQ15否tSubject文本网友留言标题100是tCotent文本网友留言具体内容255是tDate日期/时间网友留言时间默认值输入Now()User表字段名称数据类型说明Tid自动编号网友留言编号tName文本网友姓名（不可重复）tE_mail文本网友E_mail地址tHomepage文本网友主页地址tPassword文本网友密码tOicq文本网友OICQtDate日期/时

8、间网友留言时间4．创建ODBC数据源①选择“开始——所有程序——控制面板——管理工具——数据源（ODBC）”。②在“ODBC数据源管理器”对话框中，单击“系统DNS”选项卡。③单击“添加”按钮，选择数据源类型（MicrosoftAccessDriver(*.mdb)），单击“完成”按钮。④在弹出的“ODBCMicrosoftAccess安装”对话框中，“数据源名”文本框中输入数据源的名称；在“说明”文本框中可输入对该数据库的注释；单击“选择”按钮，在弹出