网页设计参考报告一、总体构架
二、部分模版分析
A) 开头
正如图片所示，开头需要
1.欢迎词，和网址的名称
2.登录，免费注册
3.购物车，购物管理（我的特而佳）
4.客服电话
背景可以借鉴土淘网的，给人一种清新，舒服的感觉，例如
B) logo和搜索
搜索分类要求大一点和简单的，给人一种醒目而且常用的感觉，例如
C）大致的分类
D）结尾
1.新手入门
2.配送方式
3.支付方法
4.售后服务
5.在线服务
6.需要亮点，例如
D) 主体
1.动态flash
2.简单明了的分类
3.特色模版，高清图片吸引人
三、综合分析报告
1.首先，我们的特而佳特产网的设计应该参照各个主流网上营销网站，应该将他们每个网站的共同的功能模板都采用。如用户的功能应用、搜索栏、广告版、分类栏等，这是每一个网站都有的模块，而且是非常重要的模块，我们应该采用。
2.参照各个网站发现，每个网站都有些模块适合采用的。如土淘特产网，专门分出一个分类栏，将全国各个省份都分出来，便于顾客寻找自己需要的土特产。而在另一个主流网站东京商城的主页中，将热卖热销，新品，促销，限时抢购的产品和销售量比较大的商店都放在主页面比较抢眼的位置也是一个可取的方法，这样做可以使顾客第一时间了解我们的网站的主流业务，便于网站的向外宣传。这种设计值得我们采用。
3. 对于我们这样一个新建的网站来说，应尽量控制好悬浮框广告的数量。这种悬浮框可能会影响部分客户的用户体验。同时，我们的网站的页面要尽可能简洁。我们的网站主页也不宜设计得过大，为避免顾客因为网站太大而短时间找不到他们的需求，我们尽量将页面设计得适中，如土淘网，凡客网，这两个网站的页面不算太大，顾客寻找商品时就更加地方便快捷。
四、细节技术要求
数据库管理
数据库备份
数据库恢复
数据库修复
系统设置
公告管理
参数设置
地区管理
支付方式管理
配送方式管理
邮件服务管理
底部栏目管理
帮助分类管理
帮助管理
友情链接管理
搜索关键字管理
地图管理
商品管理
商品添加配置
商品规格管理
商品咨询管理
咨询快捷回复
品牌管理
商品类型管理
商品配件类型
商品分类管理
编号规则管理
商品单位管理
添加新商品
商品管理
虚拟卡列表
换购商品管理
积分商品管理
商品评论管理
评论回复管理
库存管理
缺货登记管理
发货通知管理
商品批量上传
商品批量编辑
会员管理
会员注册项管理
会员管理
会员等级管理
会员卡管理
充值卡管理
会员留言管理订单管理
快递单打印模板
发货信息管理
退货单查看
订单管理
订单价格修改记录
合并订单
促销模块管理
商家管理
用户资料管理
用户注册管理
用户资料的删除
用户资料的修改
商家黑名单管理促销模块管理
优惠券管理
团购管理
优惠活动管理
图片模块
图片类别管理
图片管理
广告系统
广告分类管理
广告管理
文章系统
文章分类管理
文章管理
文章评论管理
报表统计
订单统计
商品销售排行统计
商品访问购买次数统计
销售统计
会员统计
权限管理
操作员管理
页面管理
后台登录密码修改
后台帮助管理
日志管理
接口管理
网银接口
支付宝接口
进销存接口开发
商品搜索系统
用户输入关键字，搜索框自动提示关键字（也可以设置成商品关键字）
包含此关键字的商品全部展示在搜索结果页。
商品分类系统
通过商品分类可以看出运营人员是否了解市场，熟悉销售对象。方便用户，分类详细，按需设置。
品牌展示系统
品牌展示以销售商品的品牌LOGO展示，并包含品牌介绍，动态，活动。
热销排行系统
提供热销排行。
广告管理系统
首页广告图与banner的更换。
公告管理系统
公告！
商家活动展示系统
根据商家提供的信息，展示活动的信息，包括打折信息
热销展示
用户推荐展示，新品展示等，不同类型，展示的结果不同。
导购文章系统
关于商品的报道文章，于商品关联（包括用户评论等）。
帮助中心系统
明确帮助中心类目，帮助中心主要以图文结合教程的形式展示。（简单明了最好）
商品筛选系统
用户从功能，价格，属性等进行商品筛选。
支付管理系统
告知用户有哪些付款方式，以及使用说明与注意事项。
物流配送系统
告知用户有哪些配送方式，已经签收注意事项等，重要的是运费计算功能。
标签管理系统
除却商品参数，属性之外的资料，比如使用事项，小贴士商品常识等提醒功能。
留言管理系统
用户在某个商品下留言咨询，运营人员在后台可以看到此条留言,并回复，并显示此条留言是针对某件商品.
促销管理系统
举行促销活动，运营人员在后台可以手动进行商品的添加与取消。
订单结算页
支付后台系统
财务人员可以在后台看到订单的状态，顾客下单后，是否汇款，确认收款的订单可以交由采购或者物流，进行商品采购与发货。
价格保护系统
顾客在下单后至签收前这段时间内，购买商品，如果网站有降价，差额应该返还给用户，可以现金或者网站红包的形式。
留言管理系统
顾客在订单添加备注或者留言，客服人员可以在后台看到详细信息，然后回电给顾客。售后管理系统
顾客签收后，发现产品有问题，可以提交售后申请，包含商品的缺陷或者具备疑问的地方，客服在后台可以看到，然后致电顾客，最后处理结果登记到系统，顾客可以看到处理结果。
评价管理系统
只有顾客在成功交易后，才可以在对应商品下发表评价，评价需要后台审核后才能通过，最好是客服人员可以对顾客的评价进行回复，总结顾客的建议。
商品推荐
在商品页面上，购买商品前后，都可以推荐商品给自己好友。
购物车系统
用户可以把商品放入购物车，除了支付外还可以记录时间，进行用户行为分析和促销收藏夹系统
收藏商品，（于购物车功能相同）（目的是提高成交率）
百宝箱系统
百宝箱为第三方提供的便民服务：支付宝还款，交日常费用等
团购系统
今日团购，客户想要的产品，往期团购
积分换购系统
根据不同的积分，换购产品
交通职业技术学院院团委信息学院团总支学生会
一、活动主题： 以“活力Show 炫动学院风”为主题 二、指导思想： 1、为了使同学们在信息化发展的道路上，学以致用，熟能生巧 2、创建一流校风、学风，丰富同学们的交院生活，发挥当代大学生 的创造力，提高广大学生的电脑技术水平，挖掘校园网络人才。 3、丰富校园的业余生活，体现当代大学生进取、博学创新、积极向上的精神。 三、参赛作品要求 1、充分体现本次活动的主题当代大学生为主。 2、作品容健康向上，符合本次比赛作品征集要求 3、制作网页不限制；通过合理运用网页设计的各种技术，体现良好的艺术性和实用性； 4、页面深度必须在3层左右，网页的总页面数不少于10页，全部文件的总容量不超过20m； 5、要求能在winXX或winxp操作系统上运行。显示分辨率以800（自第一文网.diyifanwen.，请保留此标记。）×600或1024×768，网页采用internet explorer5.0以上浏览。
6、使用简体中文字库系统。 7、网页规模：网页的深度至少包括二级页面，以3~5个页面为适宜。 8、作品中所有文件均要以小写字母或阿拉伯数字命名，包括文件名及其后缀名。 9、作品制作规符合要求；作品首页请一律采用index 文件名
六、活动对象及形式： 1、活动对象：交通学院的所有师生 2、活动形式：各分院至少有三支团队参与，可以自由组队 （每队限3人）参与，感兴趣的同学也可以另外参赛。 3、报名方式：以分院为单位进行报名。 4、报名表上交日期：11月15日之前上交 5、作品上交时间：12月1日之前上交 七、主办单位： 交通职业技术学院院团委 八、承办单位： 信息学院团总支学生会 九、活动时间： 2012年11月中旬到12月初 十、活动地点： 交通职业技术学院 前期宣传： 1、11月15日前，做好此次活动的主题宣传。 2、各分院宣传部负责11月15日前制作1本次活动宣传海报在各分院宣传栏进行贴。 3、各分院学生会负责对本分院各班进行宣传，鼓励同学积极参加，并要求各班班长、团支书至少推荐一人负责网页的制作，每 班各留一报名表。
web网页设计专业物流工程学院 班级物流1301 姓名李维源 学号 2016年5月4日
第一部分:实训目的 21世纪是一个信息时代，Internet已经进入人们生活与工作的各方面，而网页作为Internet信息传递的重要载体，其重要也日趋突出。所以实训的目的就是要我们更好的掌握好这一学期的网页知识和提高自己的动手能力，并且上传到网上去，让更多人认识我，更好的宣传自己。 第二部分:实训准备 通过一个学期的web网页设计课程的学习，我终于明白我们浏览的每个漂亮的网页是怎么做出来的，我也想自己亲手来做自己的个人网站。在做个人网站之前，我做以下准备：理清自己的思绪，想清楚自己的网站设计，做模板，找素材，进行站点的规划和素材、资料的收集，要按照制作网站的步骤一步一步来完成。 第三部分:实训要求 1、主题鲜明、内容充实；颜色清新、舒适、结构合理； 2、导航清楚、栏目合理、层次分明、使用方便 3、设计8至15个页面。内含：用户注册，登录系统，留言系统、统计在线人数，设为首页、加为收藏等动态网页内容。 第四部分：个人网站的总体规划和步骤 1．设计的思路 我的个人网站主要是以绿为主，以淡色为辅。主要是希望所有的朋友看到这个空间能一种和谐、安宁、充满生机的感觉。得到心灵的慰藉！ 2．绿色网站的意义 我设计的这个网站主要是给人轻松舒爽、赏心悦目的感觉，让人们置身于一种美丽大自然的意境中，明快而错落的绿，让人仿佛来到青山翠谷。 网站的总体风格 网站的总体风格主要是以绿色为主，以淡色为辅，充满活力，生机。具有个性色彩。 网站的布局其实很简单，主要是做好一个模版，模版做好框架了，那网站就初步形成了，虽然主要框架做好了，但是也不要高兴得太早哦，但是你也要想清楚怎样把整个界面搭配得更具有个性化。首先，在框架的最top要插入一个能体现你个人网站的主图。然后在主图的下面插入按钮导航条，之后下面就插入自己想要的风格，虽然用模版做出来的风
实验报告 课程名称网络技术基础实验项目TCP/IP协议配置实验仪器计算机 系别 专业 班级/学号 学生姓名 实验日期 成绩 指导教师
实验一 TCP/IP协议配置 一、实验目的（标题黑体小四） 1.熟练掌握模板的用法。 2.掌握CSS的用法。 3.掌握网站发布的方法。 二、实验内容 1. 创建和使用模板。 2. css的创建和使用。 3. 发布网站。 三、实验课时 4课时 四、实验步骤 创建网站 1、创建一个站点，并创建 images 文件夹存放图片。将示例图片拷贝至images 目录下 2、创建 CSS 文件，名称为 style.css，将其保存至 style文件夹。 3、创建模板文件 tpl.dwt，并保存。结果如下： (1) 给 tpl.dwt 附加样式表 style.css。 在 tpl.dwt 的空白处点击鼠标右键，选择“附加样式表”： 选择 style.css 文件： 完成后，在 tpl.dwt 的 head标签里有如下的代码： (2) 设置模板的背景颜色。打开 CSS 面板，为 style.css 新建一条 css 规则。过程如 下：
将背景颜色设为#ff1e70： 在 style.css 生成如下的代码： body { background-color: #ff1e70? } 3) 制作布局。插入一 2 行 2 列的表格。表格的宽度=316+634=950，其他的设置：让表格居中对齐。 (4) 消除表格两边的空隙。展开 CSS 样式表，双击 body： 双击 body后，打开“body的 CSS 规则定义”对话框，按照下面的方式设置：Style.css 的代码变为： body { background-color: #ff1e70? margin: 0px? }
网站设计要求及评分标准 网站主题：个人网站或学习类网站 一、内容(40分)： 1、网站主题要突出； 2、内容详细而充实； 3、能够清晰表达设计意图，总页面数不少于10个。 4、网页文档中无大块空白，无错别字。 二、结构(10分)： 1、结构清楚合理，有统一的导航条； 2、整体结构有一定的连贯性； 3、每一页都有返回首页的标志； 4、没有空链接； 5、没有错误链接； 6、便与浏览查找。 三、版面与视觉感受(10分)： 1、网站整体风格一致； 2、文字清晰，没有乱码和错位； 3、没有错误的表格； 4、按钮图片的制作美观实用； 5、色彩协调； 6、页面美观，布局合理。 四、技术要求（30分）： 1、静态页面制作 （主页(index.html)、其它页面用英文或拼音缩写命名；index.html放置于站点根文件夹下，其它页面置于各子文件夹中。（5分） 2、技术应用： ①Html：Logo 导航条超级链接图片多媒体表格AP Div 行为模板框架（15分） ②Css：文本图片表格边框定位（5分） ③网站要建立不同的文件夹，将不同格式不同功能的文件分门别类的存放：如images、css 、templates、library及各子栏目文件夹等。（5分） 五、其他要求（10分）： 1、建立word格式说明文件（5分） ●清楚表述网站的整体设计意图及其功能 ●列举网站设计中使用的技术 ●列举每个网页文件的名称及其功能 ●不少于300字 2、所有文件打包成RAR压缩包文件名称格式为：学号.rar，如0601100301.rar。打包后的文件大小不超过10MB。（5分） 六、上交作业邮箱 将压缩好的RAR文件（名称必须为：学号.rar））发送至jk2011qmks@https://www.doczj.com/doc/4f8582580.html, 作业提交开始时间：2012年5月7日（星期一） 作业提交截止时间: 2012年5月13日（星期日），在规定时间段内交作业加10分，逾期接收不加分，最晚在5月20日前交作业。注：2份作品如雷分部分超过30%，均为0分。 2012年4月16日 1
高 校 艺 术 网 页 设 计 分 析 姓名 班级 学号： 学院：国际教育学院
一、网站设计 1.1、网站设计的意义 网页设计与制作综合实训是教学过程中重要的实践性教学环节。它是根据专业教学计划的要求，在教师指导下对学生进行的网页制作专业技能的训练，培养学生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的转化，是对理论与实践教学效果的检验，也是对学生综合分析能力与独立工作能力的培养过程。 因此，加强实践教学环节，搞好实训教学，对实现本专业的培养目标，提高学生的综合素有着重要的作用。 1.2、网站设计的目的 1通过综合实训进一步巩固，深化和加强学生的理论知识与专业技能 （1）、进一步熟悉和掌握网站建设的基本流程和技术规范； （2）、巩固运用Dreamweaver网页制作软件制作静态网页的知识； （3）、巩固综合运用Dreamweaver独立设计一个内容完整、图文并茂、技术运用得当的网站； （4）、具备独立撰写实训报告的基本能力； （5）、在网页设计的实践中培养分析问题、解决问题的能力，培养创新能力和团队意识； （6）、培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力，树立自信心； （7）、为今后从事网站开发、维护和管理奠定基础。 1.3、网站设计的任务 1、站点规划，搜集资料。确定网站主题内容，规划站点结构，从网上搜索相关资料（图片、文字等）。 2、进行主页设计。构思主页布局，进行主页标题图片的设计（要求原创），进行主页其余图片的设计和页面内容的录入，最后进行主页的整体优化设计。 3、动画设计。主页动画设计和其余页面动画设计，充分运用所掌握技术，效果好。
网页制作课程设计报告 学院： 专业班级： 姓名： 学号： 成绩： 阅卷教师：
目录 1.设计目的 (1) 2.设计思想 (1) 2.1网站整体结构规划思想 (1) 2.2 主页设计思想 (1) 2.3子页的设计思想 (1) 3网页详细设计分析 (1) 4结论 (2)
1.设计目的 阐述该个人网站的设计意图和创意，简单介绍自己的个人网站。 2.设计思想 阐述网站的整体设计思想，包括： 2.1网站整体结构规划思想 要求阐述网站整体结构的选择、设计的思想，绘制网站结构草图。 2.2 主页设计思想 要求对主页的布局思路进行阐述和分析。 2.3子页的设计思想 要求对子页的设计以及网页对象的选取思路进行阐述和分析。 3网页详细设计分析 要求选取一张网页，对网页的设计实现过程进行阐述和分析，详细说明制作该网页的步骤，所使用的网页对象以及该网页对象的操作方法。
4结论 对整个设计报告做归纳性总结，并分析设计过程中的困难及如何解决的，最后提出展望。 一、设计目的 本课程的设计目的是通过实践使同学们经历Dreamweaver cs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop cs3、Dreamweaver cs3等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素
网页设计与制作报告书 课程名称:网页设计与制作 专业班级：电子商务2班 学号:201341440213 姓名：孙岩 指导教师：王康哲
目录 一．概要 (3) 二．网站开发 (3) 三．应用工具方案 (5) 四．栏目划分 (6) 五．代码表 (7) 六．截图 (13) 七．结论 (14)
摘要： 在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。 一、网页制作开发背景 Dreamweaver以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。现在流行的网页制作软件有很多，如Macromedia公司的Dreamweaver、微软公司的Dreamweaver、还有Adobe Pagemill 3.0--制作多框架，表单和Image map 图像的网页工具、Netscape等等。其中Dreamweaver更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。工具准备好了，可根据你的个人喜好来选择一些素材，如图片、喜欢的文章等。 二、网页制作设计技巧 首先，我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项，单击“站点”命令，这时新建站点对话框就弹出来了，在“指定新站点位置”文本框中输入新站点的位置，单击“只有一个网页的站点”图标，单击“确定”按钮。这就建立好站点了，我们现在来看一下新的站点里有什么，单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件，名字叫做“index.htm”。我们知道，每一个站点都要有一个主页，这个主页也是一个网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在一般情况下就叫做“index.htm”。就是说我们新建只包含一个网页的站点时，DREAMWEAVER 就自动为我们创建了站点的主页了。这个新建的站点主页时空的，我们可以向里面添加内容。 在文件列表里除了主页之外，还有文件夹。新建站点时，DREAMWEAVER 都会在站点所在位置下新建两个文件夹，一个是“images”另一个是“_private”。我们在编辑站点时可以在“image”文件夹里放置站点用到的图片。“private”
网站设计分析报告 导读：本文网站设计分析报告，仅供参考，如果觉得很不错，欢迎点评和分享。 网站设计分析报告 一、网站的设计目标：《Hi购网》是用于实现为有需求商家聚集足够消费者，并使消费者得以更低折扣购买商品的平台。 二、网站的主题：《Hi购网》是设计一个网上团体购平台，并进行商品展示和销售管理。 三、网站的CI设计: 1. 《Hi购网》取“Hi”和“High”的同音，所以LOGO设计成一个跃起的简易的人物形象。 2.《Hi购网》是以“团购”为题材的网站，所以网站的整体形象以热情的橙色为主调，以白色为底并用暗红色最为点缀色。 3.整个网站主题采用宋体字。 4. 《Hi购网》的口号是：“上Hi购，放心high！” 四、网站的风格：《Hi购网》的设计风格是给人一种热情红火的感觉。 五、网站的功能需求:前台包含的模块有： 注册，登录，修改会员信息，查看订单，取消订单，确认收货，申请退货；后台包含的模块有:订单管理，会员管理。每个功能模块的具体描述:注册,添加新用户将用户信息添加到数据库；登录，登录到相应会员的主页面；修改会员信息，对会员注册的信息进行修改并
将修改后的结果添加到数据库；查看订单:查看订单信息和处理情况；取消订单，在订单发货前可以对订单进行取消操作；确认收货，会员确认收货后订单情况显示“已完成”；申请退货，会员确认收货30天内可以进行退货申请；订单管理，管理员可以对订单进行删除修改等操作；会员管理，管理员可以对会员进行删除等操作。 六、网站的运行环境和开发环境：运行环境windows，开发环境：VS。 七、网站的其他设计要求需求分析: 1. 《Hi购网》界面要求主要遵循简洁清晰又不失美观并易于用户操作的宗旨。 2.安全要求主要包括：用户可以浏览，选购商品但没有对商品进行修改和删除的权限；管理员登陆后台系统后才能对商品，会员，订单等信息实现管理。 3.用户注册登陆后才能进行商品的购买，管理员要对用户的身份进行验证。 八、网站的目录结构 九、网站的设计进度及时间安排 感谢阅读，希望能帮助您！
电子商务网站设计 报告
网站设计报告 一、设计目标: 经过电子商务网站设计的学习,学会用dreamweaver等软件来对一个网站进行系统的设计,从理论知识的掌握,转向操作技能的提高,进而提高个人总体计算机网络水平的提高。 二、理论知识的准备: 1.为了满足爷面制作的目标,应该注意哪些问题? A网页结构网页结构要清晰,易于导航,思路和脉络要符合访问者的想法。可采取的措施有:采用框架结构表现主题,索影和正文;网页的大小一般控制在50KB以内;在网页的尾部放上联系方式,如E-MAIL,以方便访问者能建立联系,反馈必要的信 息 B页面内容一般情况下,网页都要以内容为主,不必过分的追求复杂的表现形式,但必须写好简介,要有特色,避免太空,泛泛而谈。页面本身要简单,结构复杂的网页不但要花费很多的精力,而且由于超连接复杂,让浏览者阅读时也感觉困难 C文字在以内容为主的前提下,应当尽量把形式与内容结合起来。既不要把页面弄的花哨,也不呀只讲内容完全不讲究文字和图片的安排,要容易阅读。要注意:网页的标题要简洁,明确,能反映整个文档的内容;在文本叙述部分使用水平线分割不同的部分;对重点的文章和段落要使用强调字体表示
D图形设计好图形并合理使用能给网页增色。网页中插入的图形尽量要小,网页中图形要附加文字说明,使人在图形出来之前了解相关内容;不要为图形加太长的交互文本,也不要把所有的超连接放在图上;控制页面中的图的数量,不要滥用图象GIF 2. 网站设计的过程中,最中要的一个原则是什么?为什么? 网站最重要的原则是创意。虽然网站的主要目的是传送给人们它的信息,但在传递信息的同时还把她的文化传递给获取信息的这些人。软件的掌握是短期就能速成的,而且新的软件成出不穷,功能越来越强大,可是使用这些软件必须要有良好的网站设计概念才能创造优秀的网站,这是网站制作的核心。网站的制作是按一定的步骤进行的,不同的网站设计着对网站有不同的看法和看法,可是有个共同观点:仅会输入文本,制作超级连接,排列图片不是真正意义上的网页制作,因为网页制作最重要的一个原则是创意。 3.动态网页的工作原理 动态网页是与静态网页相对应的,也就是说,网页 URL的后缀是.htm、.html、.shtml、.xml等静态网页的常见形动态网页制作专家式,而是以.aspx.asp、.jsp、.php、.perl、.cgi等形式为后缀,而且在动态网页网址中有一个标志性的符号——”?”。动态网页的工作原理与静态网页比较类似,可是在服务器端有很大差别。服务器端接到客户端发出的请求后,首先会找到所要浏览的动态网页文件,然后解释执行其中的程序代码,将含有程
信息职业技术学院 《网页设计》实验报告（2010—2011学年第二学期） 班级： 姓名： 学号： 指导老师：
实验一认识Dreamweaver CS3 一、实验目的 1、熟悉Dreamweaver CS3环境。 2、了解HTML文件结构。 二、实验环境 计算机 三、实验容 创建站点有两种方式：使用向导有序地进行设置，或者通过在“管理站点”对话框中设置“高级”选项卡信息来创建。无论哪种方式，都要事先在本地磁盘上建立一个用来存放站点的文件夹，这个文件夹就是本地站点的根目录。下面介绍一下这两种方式的具体操作步骤。 1．使用向导建立站点 使用向导建立站点的步骤如下：（1）打开建立站点向导的方法有3种。 ①在进入Dreamweaver的起始页界面中选择“新建”→“Dreamweaver站点”命令，如图所示。 ②选择“站点”菜单中的“新建站点”命令。 ③选择“站点”菜单中的“管理站点”命令，打开如图所示的“管理站点”对话框，执行“新建”→“站点”命令。 起始页中新建站点“管理站点”对话框（2）打开“站点定义为”对话框，在“您打算为您的站点起什么名字？”文本框中输入站点名字，如travel。若已申请域名则可以在“您的站点的HTTP地址（URL）是什么？”文本框中填入申请的域名地址。如图所示。
设置站点名和URL地址 （3）单击“下一步”按钮，询问是否使用服务器技术，如图所示。若是静态站点则选中“否，我不想使用服务器技术”单选按钮，若是动态站点可以进一步设置使用哪一种服务器技术。 选择是否使用服务器技术 （4）单击“下一步”按钮，在“您将把文件存储在计算机上的什么位置？”文本框中直接输入站点根目录的路径，或者单击“浏览”按钮，选择文件夹目录。 （5）单击“下一步”按钮，在“您如何连接到远程服务器？”下拉列表框中选择一种连接到远程服务器的方式，这里选择“无”选项。 （6）单击“下一步”按钮，将显示前几步设置的总结信息，若需修改可单击“上一步”按钮返回重新设置，若确定设置则单击“完成”按钮。 站点创建完成后将在“文件”面板中显示出站点的结构和文件。 2．使用高级设置建立站点 使用高级设置建立站点的第一步同前，在如图所示的“站点定义为”对话框中切换到“高级”选项卡，如图所示。在左边的分类中选择“本地信息”选项，然后分别设置“站点名称”、“本地根文件夹”、“默认图像文件夹”、“HTTP地址”等信息。若有需要还可以在左边的分类中选择其他项目进行设置，完成以后单击“确定”按钮，即可创建站点。 对于已经创建好的站点，可以执行编辑、复制、删除、导出和导入等操作。 1．编辑站点 如果要重新设置站点的属性，可以执行以下步骤： （1）单击“站点”→“管理站点”选项。（2）从站点列表中选择要编辑的站点名称，单击“编辑”按钮。可以参考前面创建站点的方法重新设置站点属性。（3）编辑完毕后，单击“确定”按钮，返回到“管理站点”对话框，单击“完成”按钮。 2．复制站点 如果要创建多个结构相同或相似的站点，可以利用站点的复制功能，具体步骤如下： （1）单击“站点”→“管理站点”选项。 （2）从列表中选择要复制的站点名称，单击“复制”按钮。
网页设计 课程设计报告 设计题目： 专业： 学生姓名： 学号: 起迄日期： 指导教师：
目录
信息工程系课程设计报告 第一部分:实训目的 21世纪是一～～～～～～～～～～～～～～～～～～～～～～～～～～。 第二部分:实训准备 通过一个学期的web网页设计课程的学习，我终于明白我们浏览的每个漂亮的网页是怎么做出来的，我也想自己亲手来做自己的个人网站。在做个人网站之前，我做以下准备：理清自己的思绪，想清楚自己的网站设计，做模板，找素材，进行站点的规划和素材、资料的收集，要按照制作网站的步骤一步一步来完成。 第三部分:实训要求 1、主题鲜明、内容充实；颜色清新、舒适、结构合理； 2、导航清楚、栏目合理、层次分明、使用方便 3、设计8至15个页面。内含：用户注册，登录系统，留言系统、统计在线人数，设为首页、加为收藏等动态网页内容。 第四部分：个人网站的总体规划和步骤 1．设计的思路 ！ 2．网站的意义 3. 网站的总体风格。 4. 网站的分析与设计 设计一个个人网站,主要需要考虑两个方面的因素: 1.速度:反应出用户访问网站页面的速度。主页是经常被访问的页面，最好
课程设计题目 把每页的风格统一起来，例如：导航部分最好放在每页相同的位置，便于在每个页面中的跳转。 2．布局：是个人网站具有吸引力的根本所在，它主要说的是信息显示的视觉效果。 5．规划站点 站点规划是设计站点前的一个重要步骤。合理地规划站点对以后站点的设计甚至网站的制作会有事半功倍的效果。 5．1导航草图的制作有利于理清思路，避免在制作网站的过程中乱了方寸。如图4-1所示就是个人粉色网站的初始导航草图。 图4-1 导航图 在导航草图中，网站首页下面有6个二级网页。各网页主要内容如下： 首页：总述。
《多媒体技术及应用》 报告 学生姓名：嘎嘎 学号： 专业班级：自动化103班 网页制作报告(目录) 1.设计目的3 阐述该主题网站的设计意图和创意 3 简单介绍自己的个人网站 3 2.设计思想 在设计中主要用的技术 3 网页基本的框架 3 3.网页详细设计分析4 建立布局 4 网页中的图像 5 5 5 6 插入视频和音乐 6 设置图片循环滚动 7
设置链接 7 做个外网搜索栏 8 常用的显示-时间天气 8 建立子网和友情链接 9 文段的处理 9 4.最终效果图 5、结论总结 1、设计目的 阐述该个人网站的设计意图和创意。 本课程的设计目的是通过实践让我们学会利用Dreamweaver cs6开发制作网站，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs6可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop cs5、Dreamweaver cs6等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。 简单介绍自己的个人网站 我本次主要是设计的以“迈克尔·约瑟夫·杰克逊”为主题的网页，针对他的传奇一生及对世界巨大的贡献与巨大的影响力做了介绍。 2、设计思想 在设计中主要用的技术 利用Dreamweaver CS6制作一个关于“Michael Jackson”的网站，利用表格、行为、层和链接等网页设计技术设计页面。 网页主要的页面 本网站以迈克尔·杰克逊的人生经历为素材，主要讲解了他人生的各个阶段、他取得的巨大成就、他面临的困境、他的处世态度的内容。主网设计的几大亮点：视频和音
目录 摘要 (1) 1概述 (2) 1.1任务要求 (2) 1.2编程环境 (2) 2分析 (3) 2.1程序功能 (3) 2.2设计思路 (3) 3程序流程图 (4) 3.1主程序流程图 (4) 3.2子程序流程图 (5) 4程序调试 (8) 5心得与体会 (9) 参考文献 (11)
摘要 用汇编语言编写程序能够直接利用硬件系统的特性直接对位、字节或字寄存器、存储单元、I/O端口进行处理，同时也能直接使CPU指令系统和指令系统提供的各种寻址方式编出高质量的程序。汇编程序是最早也是最成熟的一种系统软件，能够将汇编语言源程序翻译成机器语言程序，可以自动对源程序进行检查给出错误信息等。本说明书主要介绍了用汇编语言编写程序计算比赛成绩的设计思路和编程流程图，以及调试程序时的心得与体会。 关键词汇编流程
比赛评分系统程序设计 1概述 1.1任务要求 ①比赛选手人数控制在30以下； ②9个评委，每个评委给分范围为0～10分（整数），随机给出分数 ③9个评委的给分中，去掉一个最高分和一个最低分，余下7位评委的平均分即为参加者的得分（精确到小数点后一位）； ④将分数在屏幕中间位置处用红色显示出来； ⑤将参加比赛的选手的排名顺序显示出来。 1.2编程环境 把汇编语言翻译成机器语言的过程称为汇编，为了实现这一过程正确运行汇编语言，系统需具备以下编辑程序： Masm.exe Link.exe Debug.exe Masm为宏汇编程序，负责对源文件进行汇编；link为连接程序，把汇编后产生的目标模块连接在一起，产生可执行文件；debug是调试程序，它是调试汇编语言程序必不可少的工具。
网页设计调查报告 姓名：章稷坚 班级：艺设2班 学号：100802201 指导老师：葛书河
网页设计——网站是企业向用户和网民提供信息（包括产品和服务）的一种方式，是企业开展电子设计的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。 Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。 为了做到主题鲜明突出，要点明确，我们将按照客户的要求，以简单明确的语言和画面体现站点的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。 Web站点主页应具备的基本成分包括：页头：准确无误地标识你的站点和企业标志；Email 地址：用来接收用户垂询；联系信息：如普通邮件地址或电话；版权信息：声明版权所有者等。 网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相 近之处。 版式设计通过文字图形的空间组合，表达出和谐与美。 多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要求处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，我们将反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。 在网页设计中，总是有倾向的特定技术来观察，或跟踪的网页设计师加强的趋势。这里有专有和开源和免费的技术专用的支持者。然而，近年来，又增加自由和开放源码技术，包括由W3C和WHATWG进行监控和批准，监督和实施增加。 趋势可以发现，不仅在看在时尚领域的使用的技术，如网站和匹配的标志是清晰的喜好确定。著名的艺术字Web 2.0至今的重要作用的帮助。 网页技术更新很快，一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品，都没有所谓的经典，经典只存在于是哪个首次成功创新性的应用。一个闭门造车者做出的东西，是远远赶不上综合借鉴者的。网页设计不同于其他艺术，在模仿加创新的网页设计领域当中，即便是完全自己设计的，也是沿用了人们已经认同的大部分用户习惯，而且这种沿袭的痕迹是非常明显的！还有哪个设计者敢腆着脸说，这都是我自己的原创设计？对于业界来说，经典只是个理念和象征！ 不可否认，国内网页设计环境还停留在初级的认知阶段，也就是说，绝大多数人不知道网络的真正的可用之处，你去做一个业务的时候，不得不去做大量的说服教育工作。以乙方的身份去说服甲方，以专业角度去教育非专业认识，结果是可想而知的。也正是这种全体社会普遍的低认知水平，导致了大量网络垃圾的产生。 企业客户所在行业往往有其特定的设计需求，特别是对于企业网站建设当中的配色，除了应根据企业的VI标准色，以及客户自身的喜好进行配色分析外，同时不能忽略整个行业对于颜色上的‘惯例’。那么，企业网站在设计和制作当中，到底有哪一些配色规则需要设计师遵循呢？ 企业客户在不同的发展阶段，对于网站设计的配色需求并不一样。在企业初创阶段，企业建站的目的是打造品牌网络形象，开拓客户资源，这时候的企业客户更多的是关注自身的个性化，如何才能凸显企业的特质，如何才能在行业当中
网页设计比赛评分标准 1、内容30 分 10分是否有明确的主题、内容 10分内容健康向上、有时代感、信息的实时性 10分创意水平的高低 2、常规技术60 分 5 分整体视觉效果：整个网站在设计上是否统一和谐 10分美工设计：页面的美工设计含量 5 分页面布局：页面的布局是否合理、美观 5 分页面易用型：用户使用时是否方便 5 分内容可扩充性：添加一个栏目或更新内容时是否方便 5 分页面兼容性：在各种浏览器各种分辨率下是否能正常运行 5 分内容充实：网站内容对用户的吸引力 3 分内容分类结构：整个网站的内容分类是否清晰完整 2 分独家内容比例：网站的内容在网上是否属于独家 3 分数据积累：是否有大量的资料性和内容积累 2 分浏览速度：浏览时额定速度 2 分可修改性：对整个网站进行修改时是否方便 3 分技术含量：网站整体的技术评价 5 分动静搭配：动与静的搭配合理，动而不乱，静而不僵 3、多媒体技术10分 10分有体现自己作品主题的风格特色的动画（flash、gif） 平面设计部分评分标准： 1 ．图形图像（15分） 将创意思想以图形图像的方式，运用常见的表现手法表达出来（概括、具象、抽象、漫画、装饰、符号化），体现出一种视觉的冲击力。 2 ．色彩搭配（15分） 根据自己网站的内容，运用一些符合自己页面内容的色彩，创造和谐、完整、连续的色彩效果。注意色彩带给视者的心理效应。 3 ．文字设计（15分） 以汉字为主要设计元素，可以辅助一些英文，根据设计主题的需要选择合适的字体，可有多种。根据文字编排的基本规律和构成方法，促进文字信息的有效传达。 4 ．版式设计（15分） 通过版式设计将你自己个人网站的信息迅速、准确地传达出来，应注重个人风格在版式设计中的体现以及统一与变化的相互关系。 5 ．动画设计（15分） 至少制作一个动画。可以自由选择GIF动画或FLASH动画中的一种作为你个人网站的动画格式。动画设计元素的选择和变化要与网页主体风格一致。 6. 设计说明（10分）
个人网站需求分析报告 课程网页设计与制作 院系信息工程学院 专业计算机信息管理 班级信管二班 姓名柏贵黄 学号201427070217 2015 年12 月27 日
个人网站需求分析报告 一、引言 近年来，随着Internet的发展，网络技术的应用日益深化，网页制作，网站建设越来越流行，各种网页和网站的建设软件层出不穷。网页是互联网中展现信息的窗口，网页制作与设计是否精美、内容是否丰富、操作是否方便是吸引用户的主要因素。网页设计与制作是网络时代学习信息技术需要掌握的基本技能之一。 二、系统概述 使用Dream weaver软件制作个人网站，设计和实现一个简单的个人网站，网站主要内容是校园风景、校园简介、自己的一些照片、自己的家乡风景美食、收集的一些名言警句，人生格言及以前做过的网页作业等信息。 三、系统功能需求 *网站前台样式 网页中最上面有一个网页头Head，下面是导航栏，中间内容列出若干几条，使用JavaScript方法制作个人图片切换效果，制作来宾登录表单，以及插入网页动画。最下面是网页脚。 *网站后台 能够对导航栏连接子网页进行查看，网页能够链接外部CSS样式*网站期望达到的设计目标 网站内容丰富，网站导航栏每一条都能连接到其他网页显示，显示内容有首页、我的大学、我的相册、我的家乡、名言名句、我的作业。*网站整体设计风格 采用的设计风格是：简洁大方，稳重。
*配色方案 网站顶部和底部使用绿色，中间使用浅蓝色，字体采用宋体设计。*网站布局划分 （1）网站顶部 欢迎光临！快乐与你同在 （2）导航栏 首页|我的大学|我的相册|我的家乡|名言名句|我的作业 （3）网站底部 免责声明：本网站版权及网页内容归作者所有，仅供学习和参考四、个人网站设计结构图
电子商务2班201341440225杨杰网页设计报告 电子商务2班 姓名：杨杰 2016.06.10
目录 1.设计目的 (1) 2.设计思想 (2) 2.1网站整体结构规划思想 (4) 2.2 主页设计思想 (5) 2.3子页的设计思想 (6) 3.网页详细设计分析 (8) 4.结论 (10)
1.设计目的 阐述该个人网站的设计意图和创意，简单介绍自己的个人网站。 2.设计思想 阐述网站的整体设计思想，包括： 2.1网站整体结构规划思想 要求阐述网站整体结构的选择、设计的思想，绘制网站结构草图。 2.2 主页设计思想 要求对主页的布局思路进行阐述和分析。 2.3子页的设计思想 要求对子页的设计以及网页对象的选取思路进行阐述和分析。 3网页详细设计分析 要求选取一张网页，对网页的设计实现过程进行阐述和分析，详细说明制作该网页的步骤，所使用的网页对象以及该网页对象的操作方法。 4结论 对整个设计报告做归纳性总结，并分析设计过程中的困难及如何解决的，最后提出展望。 一、设计目的 本课程的设计目的是通过实践使同学们经历Dreamweaver cs5开发的全过程
和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs5可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop cs6、Dreamweaver cs5等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。 配置虚拟机环境 1.在虚拟机上面模拟一个局域网环境 （1）在虚拟机上面配置安装windows xp sp3 professional(Client )和 windows server 2003 standard Edition (Server)两个操作系统的虚拟主机。 虚拟机硬件配置如下： Ⅰ.windows xp sp3 professional （在配置过程中可以选择默认配置） Ⅱ.windows server 2003 standard Edition
网上购物需求分析报告 桐城大世界-整理 () 项目背景介绍： 网上购物在线网站致力于提供产品展示及订购为核心的网上购物服务，宣传自己的产品将自己的产品展现给客户，让客户通过网站便能对自由的选择地购买产品。 该网站属于B2C电子网站。通过用户登录浏览商品、查看公告、购买、确定购买、实现用户模块功能。其中订单的生成，网站后台系统，通过系统管理员管理商品、订单、用户来实现。 本项目案例程序运行的硬件环境： cpu : 1G以上 内存：512M以上 软件开发环境： 1.操作系统：Windowxp 2.数据库：MYSQL 3.数据库连接驱动：Java web 集成开发环境 功能定义： 用户模块： 1.用户注册、登录、验证模块 2.商品浏览 3.购物车模块 4.公告模块 管理模块： 1.管理通过登录模块 2.商品管理模块 3.管理员管理模块 4.订单管理模块 5.用户管理模块 6.公告模块 数据之间的联系： 一个商品对应一个商品类型。而一个商品类型可以有多个商品。 一个管理员可以发布多个公告，而一个公告可以被一个管理员发布 一个管理员可以管理多个订单，而一个订单只能被一个管理员管理 5.一个订单表对一个购物车，而一个购物车只能对应一个 数据字典： 数据项：商品编号 含义说明：唯一标示商品 别名：商品编号 类型：整型 长度：6 取值范围： 取之含义：前两位表示该商品的出版日期，后两位表示该商品的价值取整数
数据项：商品名称 含义说明：向客户推荐商品的名称 别名：无 类型：字符型 长度：12 取值范围： 数据项：商品类型 含义说明：标识该商品属于哪一种类型，属于外键别名：无 类型：字符型 长度：12 取值范围： 数据项：商品价格 含义说明：表示商品的价格 别名：无 类型：浮点型 长度：12 取值范围： 数据项：销售价格 含义说明：标明商品的销售价格 别名：无 类型：字符型 长度：12 数据项：商品描述 含义说明：对象的简要介绍 别名：无 类型：Text 长度：500 7．数据项：商品详细介绍 含义说明：对商品得信息向用户详细得说明 别名：无 类型：text 长度：2000 8.数据项：进货时间 含义说明：标示商品的上架时间 别名：进货得年月日 类型：Date 9.数据项：商品的图片 含义说明：向用户展示书得正面封面 别名：无 类型：Varchar 长度：50 商品类型子系统数据项 数据项：商品类型编号
XXXXXX学校 课程设计计划书课程设计任务书课程设计指导书 2013/2014学年上期 课程名称：网页设计与制作 系别：计算机科学系 年级专业：软件XX班 学生姓名：XXX 学号：XXXXXXXXX 指导教师：XXX
目录 ?网站全名及logo 标志 ·3 ?建立网站的目的、意义 ·3 ?网页设计制作最突出的创意 ·3 ?网站的栏目设计 ·5 ?色彩搭配及其含义 ·6 ?网站的结构图和页面组成 ·8 ?网站设计中具体实现的几个关键功能和相关技术说明·9 ?如何安排进度和计划完成时间 ·9 ?网站建设的心得体会和扩展性分析 ·9 ?参考资料 ·10
一、网站全名及logo 标志 网站全名：Jewelry珠宝公司 Logo标志： 二、建立网站的目的、意义 建立网站的目的：面向全世界宣传高级定制珠宝。 建立网站的意义：高级定制，绝无仅有的珠宝。 三、网页设计制作最突出的创意 我最喜欢这个页面的设计，这个页面用来展示了一个系列的婚戒。点击下面的小图片，上面的图片也会随之变换。而且图片背景为透明，也使整个页面的效果更佳了。 而对于这效果的实现，我是先在网页素材库里面找了这个图片特效，然后再运用了一个框架将这个特效嵌入到框架里面。
其中运用了嵌入框架的的代码是： 还有这个页面也是用的这个特效： 点击箭头符号，图片也随之切换。 网站的首页我设计是一个进入flash，点击enter字符进入公司简介
这个页面我也很是喜欢，虽然简单，但是很精彩。Flash是在网上找的素材。 四、网站的栏目设计
实验报告 专业XXXXXX 班级XX 班 学号XXXXXX 姓名XXX 报告完成日期2012-12-26 指导教师XXX 评语： 成绩： 批阅教师签名：批阅时间：
一、制作时间 2012年12月18日至2012年12月26日。 二、实习内容 1、使用Dreamweaver制作网站，该网站为福建工程学院网站 2、网站不少于8个页面，主页和各模块相关页面； 3、页面中包含文字、图片； 4、使用CSS实现网页相关页面设置，要求在实现网页内能够显示文字，图片等信息； 5、使用网页浏览器进行网站测试。 三、实习环境 1、硬件环境：计算机一台； 2、软件环境：Dreamweaver cs4； 3、测试环境：IE、firework等网页浏览器。 四、网站总体设计 1、网站主题 本网页是以福建工程学院网站为主题，针对不同的年龄阶段的人给出了不同的学院的信息。 2、设计思路 首先构思了基本网页的布局，主页采取了常用的1-（1+1+1），附页采用了1-（1+1），上了多个网最后决定参照福建工程学院的官方网站进行制作，但是布局并不相同素材取自福建工程学院官方网站，部分图片取自百度，网站包括1个主页7个子页，子页包含了所有的学校状况，分别为：学校简介、现任校领导、教学机构、管理机构、校纪校训校歌、校园风光、新校区建设；采用了较难的二级菜单和 JVAV技术实现导航栏上面的图片进行4张轮播。 五、制作步骤 1.首先确定网页的主题后，从网上查看各名校的网站，并从中寻找思路开始做 网页。经过长时间的浏览，最终选择福建工程学院作为参照（网址：https://www.doczj.com/doc/4f8582580.html,）