当前位置:文档之家› 网页设计实训任务书

网页设计实训任务书

网页设计实训任务书
网页设计实训任务书

XXXXXX学院

电子信息学院

课程综合实训任务书

课程名称:_____网页设计与制作________ 学生姓名:________X'X'X___________ 学生学号:_____XXX__________

专业班级:______X'X'X________

X'X'XX年X'X月X'X日

XXXXXX教务办公室制

说明

1、课程设计任务书由实训指导老师制定,具体任务内容、目标、要求及安排、评定标准由各专业教研室及指导老师共同制定。

2、任务书中具体内容可根据实际课程情况进行调整,但各要素必须齐全,并在实训前将任务书电子档发给学生。

3、学生实训完成后必须填写此任务书,其中具体设计过程及结果必须将设计过程用文字的形式详细填写清楚,并将最终作品附在此任务书中。

4、此任务最终由指导老师统一评定成绩后交教务办公室。

《网页设计与制作》课程综合实训组织方案

2011级软件专业

一、网页设计与制作课程实训目的

网站设计与制作是一门实践性很强的课程,本课程设计是学生完成本课程教学计划的一个重要的教学环节,是对学生综合运用所学的理论知识,解决实际问题能力的一次检验与测试。

通过本次课程设计,要求学生对网站规划、设计与制作有比较全面的认识,了解小型综合网站的开发步骤,熟练掌握网站的规划与建设的过程、方法、技巧,掌握网站建设行业的相关标准与制作规范,让学生经历一次开发应用的实际训练。从而达到提高学生的开发能力和动手能力的目的,培养学生严肃、认真、严谨的职业素养。

二、网页设计与制作课程实训具体内容

黄冈职业技术学院电子信息学院网站规划与设计

三、课程实训具体要求

1、了解网站的软、硬件平台,会发布和维护一个实际的网站,学会设计和制作网站,包括完成设计报告。

2、能够独立使用相关工具(Macromedia DreamWeaver、HTML、CSS、Adobe Photoshop、flash等)熟练制作网页。

3、尽量运用业界默认的网站开发规范,努力使自己的站点专业化。

4、主题为黄冈职业技术学院电子信息学院网站规划与设计。主题突出、鲜明。至少二层结构,页面总数不得少于6个。

5、必须使用CSS,整体布局不能使用table标签,主页下方写明自己详细信息(年级、专业、学号、姓名等)。

6、主页名称保存为index.html,路径保存在站点根目录下,图片保存在根目录下images 文件夹中。

7、课程设计前必须上交网站规划书电子档,课程设计结束后必须上交课程设计任务书及作品电子档。

8、设计好的站点必须经压缩之后再上传到任课老师指定位置,压缩后的文件大小不许超过10 兆(10M)。不经压缩上传作业,一律视为无效。

9、压缩后文件名格式要求:年级专业+学号+姓名,例如:XXX班00011 张三。

10、设计完毕后,准备5分钟左右的答辩说明,向课程设计评分小组介绍自己的作品主题、设计方法及作品特色。

四、课程实训具体安排

五、课程实训成绩评定标准

课程实训成绩根据学生完成的综合网站及实习报告的质量以及学生在实训中和答辩中的表现综合评定。

六、实训过程及结果(学生填写)

(本部分主要由学生填写课程实训过程、结果等内容,并将最终成果或作品附于此处)一)课程实训过程及心得体会

二)网站首页的HTML文档(大体结构)

三)网站首页效果图

四)网站子页效果图(任选一个)

七、课程实训成绩评定(此部分由指导老师根据课程性质自行制定评定成绩表格)

动态网页设计 毕业设计论文

毕业设计(论文) 题目:动态网页设计 专业: 班级: 学生: 指导教师: 二0一0年

摘要 在Internet飞速发展的今天,互联网已成为人们快速获取、发布和传递信息的重要渠道,正以一种前所未有的冲击力影响着人类的活动。它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显的格外重要,它已成为政府、企事业单位信息化建设中的重要组成部分。 现今的社会,人们已经离不开了网络,网络已经成为人与人之间交流的一种形式,它能够把事情的复杂化转为简单化,摆脱了时间和空间的限制。网站为消费者提供了一个网络生活空间,通过其网页展示了企业介绍、企业荣誉、产品介绍、招商信息、加盟程序、留言等一系列内容的介绍。浏览者不仅可以利用留言板经济而又快捷地与外界进行各种信息的沟通,也可以直接在网上申请加盟。 本论文还介绍了网页的结构分析和具体功能实现,网页的界面和运作方式,尽力模拟近代网页普遍性形式,成为一个完整的动态网站 关键字 Dreamweaver;Php;PhpMyAdmin;动态网页

目录 1 引言 (1) 2 网页制作概述 (1) 2.1 网页的类型 (1) 2.1.1 静态页面 (1) 2.1.2 动态页面 (2) 2.2 网页开发技术 (2) 2.3 网页布局 (3) 2.3.1 网页布局的基本概念 (3) 2.3.2网页布局方法 (5) 2.3.2 网页布局技术 (7) 2.4网页配色 (8) 2.5 网页设计流程 (9) 3 动态网页开发环境和技术 (9) 3.1 了解Dreamweaver开发工具 (9) 3.2 Php语言基础知识 (11) 3.3 开发环境介绍 (12) 4 设计及具体代码实现 (12) 4.1网页结构设计 (12) 4.2创建数据库 (13) 4.3主要模块的代码实现 (14) 4.3.1 注册代码的实现 (14) 4.3.2 登陆及退出登录代码的实现 (16) 4.3.3留言代码的实现 (18) 4.4运行测试 (19) 4.4.1 注册 (19) 4.4.2 登陆 (21) 4.4.3留言 (22) 4.5遇到的问题及解决方法 (23) 结束语 (24) 致谢............................................... - 25 -参考文献............................................ - 26 -

网页设计与制作实训报告

《网页设计与制作》 实习报告 指导老师: 实习地点: 实习时间: 实习班级: 学生姓名:

一、实习目的 ①学会制作新闻发布系统。 ②学会制作在线调查系统。 ③熟悉购物网站的主要功能和栏目。 ④学会购物网站数据库表的创建和数据库连接的创建。 ⑤学会购物系统前台页面制作和后台管理制作。 二、实训内容 1.创建数据库表 ①启动Microsoft Access ,执行“文件”——“新建”命令,打开“新建文件”面板,在面板中单击“空数据库”。 ②弹出“文件新建数据库”对话框,在对话框中选择数据库保存的路径,“文件名”文本框中输入shop。 ③单击“创建”按钮,在对话框中双击“使用设计器创建表”选项。 ④弹出“表1:表”对话框,在对话框中输入“字段名称”和字段所对应的“数据类型”,将shopID字段设置为主键。 ⑤执行“文件”——“保存”命令,弹出“另存为”对话框,在对话框的“表名称”文本框中输入products。 ⑥单击“确定”按钮,保存表。按以上步骤的方法,创建表fen和admin。 2.创建数据库连接 新建一个网页文件夹,打开IIS信息服务,创建IIS虚拟目录,在文件夹安全性把来宾用户的权限修改为完全控制,并导入数据库。 3.制作购物网系统页面 ①用index.html创建zhanshi.asp商品分类展示页,新建站点,导入shop.mdb数据库文件建立数据库连接。插入表格并插入图片、文字,创建记录集并在表格相应位置绑定数据。在服务器行为里为表格设置重复区域,创建记录集RS2并在左边的商品分类表格里绑定

数据,在服务器行为里为左侧的表格添加重复区域和转到详细页,制作记录集导航条。 ②用index.html创建xiangxi.asp商品详细信息页,首先创建记录集并制作左侧的商品分类表格,之后在中间区域插入表格,在表格中插入图片、文字,创建记录集RS2并将数据绑定在表格相应位置。 ③用index.html创建denglu.asp商品详细信息页,创建记录集并制作左侧的商品分类表格,在中间区域插入表单,在表单里插入表格,在表格里插入文字、文本域、表单按钮,并为表单设置检查表单。创建记录集RS2并在服务器行为里添加登录用户。 ④用index.html创建fenlei.asp添加商品分类页,插入表单,在表单里插入文字、文本域、表单按钮,创建记录集并在服务器行为里添加插入记录和限制对页的访问。再用index.html创建fenleiok.asp,在其中插入表格输入文字,并设置返回链接。 ⑤用index.html创建tianjia.asp添加商品页,创建记录集,用插入记录表单向导创建插入记录表单,在服务器行为里添加限制对页的访问。再用index.html创建tianjiaok.asp,在其中插入表格输入文字,并设置返回链接。 ⑥用index.html创建guanli.asp商品管理页,创建记录集并制作左侧的商品分类表格,在中间区域插入表格并插入文字,创建记录集RS2并在表格相应位置绑定数据,为该表格设置服务器行为的重复区域,制作修改和删除链接,制作记录集导航条。 ⑦用tianjia.asp创建xiugai.asp修改页面,创建记录集在对应的文本域中绑定数据,把服务器行为里的插入记录删除并添加更新记录。在服务器行为里添加限制对页的访问。再用index.html创建xiugaiok.asp,在其中插入表格输入文字,并设置返回链接。 ⑧用index.html创建shanchu.asp删除页面,插入表格并插入文字,建立记录集,在表格相应位置绑定数据,插入表单和表单按钮,创建服务器行为限制对页的访问和删除记录。再用index.html创建shanchuok.asp,在其中插入表格输入文字,并设置返回链接。 三、疑难解惑 ①网页不能正常打开,电脑用户权限没有修改,在文件夹安全性把来宾用户的权限修改为完全控制。 ②创建重复区域时,总显示相同的内容,仔细阅读教材,发现创建重复区域时要选中表格,而不是文字内容。 ③登陆页面不能登陆,把表格放入表单后,重新登录,问题解决。 ④创建添加商品页面时,无法显示商品分类。在插入记录表单时,应将feileiID"显

《网页设计与制作》任务书

《网页设计与开发》任务书 一、课程设计安排 1、设计目的: 通过实验使学生掌握HTML语法、网页样式表CSS、JavaScript脚本语言、网页设计工具、网页制作工具Dreamweaver 、Visual studio 2005、网页图形处理工具及网页动画制作工具,加深对课堂教学的理解。培养学生的实验技能、动手能力和分析问题、解决问题的能力。 2、设计目标: 目标是衡量学生是否取得效果的重要标志,这次课程设计的目标就是培养学生具有专业网站初步的规划、设计、制作能力。具体表现在网站内容、功能、安全等方面合理策划和规划;培养具有主页和二级页面的创意、设计、美工等方面的技术处理能力。 3、设计内容: ?每位同学根据自己的兴趣爱好或专长,确定一个网站主题,并独 立完成该网站的制作; ?确定的网站主题应大小适中、内容健康、具有时代气息,根据确 定的网站主题,通过各种途径收集、整理、加工网站所需要的信 息; ?根据确定的网站整体风格和特色进行网页设计,包括网页的页面 尺寸、LOGO、导航样式、图像、背景等等; ?利用Dreamweaver或其他网页制作软件完成页面的制作;

测试完成整个网站,并实现发布。 二、课程设计主题内容 可以从下主题题目中任选一个完成,也可以根据自己爱好和能力进行自己选题设计。 1、体育运动主题网站 2、影视综艺主题网站 3、学院或班级主题网站 4、个人主题网站 5、历史哲学主题网站 6、音乐主题网站 7、游戏主题网站 8、公益环保主题网站 9、旅游休闲主题网站 10、学习辅导类主题网站 11、自定义题目 每个主题具体要包含以下内容细节 1.设计用户注册和登录界面(主要是界面的设计,不考虑动

Web网页设计实验报告

WEB系统开发 综合实验报告 题目红尘客栈网上订房页面 专业计算机科学与技术(信息技术及应用) 班级计信2班 学生蒋波涛 重庆交通大学 2013年

目录 一、设计目的 (3) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (4) 五、设计过程 (7) 六、实验心得 (10) 七、实验总结 (11)

一、设计目的 在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet 应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我想这一点很多同学都没有去深究过.所以,这学期我选择了”web网页设计”这门课, 本课程的设计目的是通过实践使同学们经历网页制作的全过程. 通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求,给出网页设计方案,可以按要求,利用合适图文素材设计制作符合要求的网页设计作品。 熟练掌握Photoshop cs3、Dreamweaver cs等软件的的操作和应用。增强动手实践能力,进一步加强自身综合素质。学会和团队配合,逐渐培养做一个完整项目的能力。 二、设计题目 《红尘客栈》 三、结构设计 选定主题,确定题目之后,在做整个网站之前对网站进行需求分析。首先,做好需求调研。调研方式主要是上网查阅资料,在图书馆里翻阅相关书籍。 然后,调研结束之后对整个网站进行功能描述,并对网站进行总体规划,接着逐步细化。 我们选做的主题是个人主页,并且选定题目为“红尘客栈”,其目的是做一个简单的网站,介绍酒店概况,提供一定的资讯信息。 四、技术分析 (一)建立布局 在这次的网页设计中用到大量的布局,所以怎么样建立布局是关键。Dreamweaver cs3是大多数人设计网页的称手兵器,也是众多入门者的捷径。特别是其在布局方面的出色表现,更受青睐。大家都知道,没有表格的帮助,很难组织出一个协调合理的页面。 1.点击“ALT+F6”键,进入布局模式,插入布局表格。建立一个大概的布局。 2.使用背景图片:选中该项,按浏览可以插入一幅准备好的图片作为表格的背景,因为图片是以平铺的形式作为表格背景,所以表格大小和图片尺寸都要控制好。 (二)网页中的图像

网页设计实训任务书

XXXXXX学院 电子信息学院 课程综合实训任务书 课程名称:_____网页设计与制作________ 学生姓名:________X'X'X___________ 学生学号:_____XXX__________ 专业班级:______X'X'X________ X'X'XX年X'X月X'X日 XXXXXX教务办公室制

说明 1、课程设计任务书由实训指导老师制定,具体任务内容、目标、要求及安排、评定标准由各专业教研室及指导老师共同制定。 2、任务书中具体内容可根据实际课程情况进行调整,但各要素必须齐全,并在实训前将任务书电子档发给学生。 3、学生实训完成后必须填写此任务书,其中具体设计过程及结果必须将设计过程用文字的形式详细填写清楚,并将最终作品附在此任务书中。 4、此任务最终由指导老师统一评定成绩后交教务办公室。

《网页设计与制作》课程综合实训组织方案 2011级软件专业 一、网页设计与制作课程实训目的 网站设计与制作是一门实践性很强的课程,本课程设计是学生完成本课程教学计划的一个重要的教学环节,是对学生综合运用所学的理论知识,解决实际问题能力的一次检验与测试。 通过本次课程设计,要求学生对网站规划、设计与制作有比较全面的认识,了解小型综合网站的开发步骤,熟练掌握网站的规划与建设的过程、方法、技巧,掌握网站建设行业的相关标准与制作规范,让学生经历一次开发应用的实际训练。从而达到提高学生的开发能力和动手能力的目的,培养学生严肃、认真、严谨的职业素养。 二、网页设计与制作课程实训具体内容 黄冈职业技术学院电子信息学院网站规划与设计 三、课程实训具体要求 1、了解网站的软、硬件平台,会发布和维护一个实际的网站,学会设计和制作网站,包括完成设计报告。 2、能够独立使用相关工具(Macromedia DreamWeaver、HTML、CSS、Adobe Photoshop、flash等)熟练制作网页。 3、尽量运用业界默认的网站开发规范,努力使自己的站点专业化。 4、主题为黄冈职业技术学院电子信息学院网站规划与设计。主题突出、鲜明。至少二层结构,页面总数不得少于6个。 5、必须使用CSS,整体布局不能使用table标签,主页下方写明自己详细信息(年级、专业、学号、姓名等)。 6、主页名称保存为index.html,路径保存在站点根目录下,图片保存在根目录下images 文件夹中。 7、课程设计前必须上交网站规划书电子档,课程设计结束后必须上交课程设计任务书及作品电子档。 8、设计好的站点必须经压缩之后再上传到任课老师指定位置,压缩后的文件大小不许超过10 兆(10M)。不经压缩上传作业,一律视为无效。 9、压缩后文件名格式要求:年级专业+学号+姓名,例如:XXX班00011 张三。 10、设计完毕后,准备5分钟左右的答辩说明,向课程设计评分小组介绍自己的作品主题、设计方法及作品特色。

个人网站设计及实现毕业设计论文

个人网站设计及实现 作者:张铎 指导教师:刘向娇 摘要:网络发展到今天,建立网站已经成为一个很普遍的问题了。对于企业家来说,建立好的网站可以抢占新世纪发展的战略要点。建立新的企业形象,直接开拓国际市场。对于个人来说,建设好的个人网站可以更加方便的收集信息,开展更加直接的网络交流,使用自己构造的平台,可以为毕业后找工作做好充分的准备。在我的个人网站制作过程中,主要是针对我网站设计的方向和目的、网站设计的整个流程出发,然后通过自己设计的这个个人网站作品来说明并演示一个网站制作过程。这篇论文的主要内容是个人网站的设计思想,整体规化及相关的基础科知识。网站的规化又包括网页的结构、栏目的设置、网页的风格、颜色的搭配、版面的布局、文字图片的运用等。 关键词:网站设计;网站规化;网站主题 随着经济的发展,计算机以被应用到社会生活的各个领域。这给人们的生活带来很大的方便。如今,已成为人们日常生活中不可或缺少的部分。人们可以足不出户上网购物,随时查询股票信息,在自己的博客上尽情发表言论……以上这些都离不开最基本的网页设计和制作[1]。 网站作为网络信息主要的表现形式而且还是互联网信息的主要承载者,在互联网上表现出及其重要的地位,并发挥着及其重要的作用,无论是在国内还是国外都得以迅速的发展和壮大,并被人们重视和关注。网站的迷人之处在于综合使用文本、图像、声音、动画视频信息和内容,具有丰富的多媒体表现与互动特点。毋庸置疑,网站已成为最吸引人的也是最有效的信息传递的手段和方式。随着网络技术的发展,各类网站纷纷出现,个人网站也成为了一种时尚,越来越多的人希望拥有自己的网站,开辟网络世界的一片天地,展示自己的才华和风格[2]。 个人网站是指个人因某种兴趣、拥有某种专业技术,提供某种服务或把自己的作品、商品展示销售而制作的具有独立空间域名的网站。所谓个人网站,就是指网站内容是介绍自己的或是以自己的信息为中心的网站[3]。 一网站设计规化 什么是网站 网站是因特网上的一个信息集中点,可以通过域名进行访问。网站要存储在独立服务器或者服务器的虚拟主机上才能接受访问。网站是有独立域

网页设计实训报告

电子商务网页设计与制作实训报告 班级:电商1302班 姓名:张涛 学号:0804130239 2015年1月7日

目录 一、网站基础识 (3) 1.网站与网页的关系 (3) 2.网站、域名、空间的关系 (3) 3.网站的制作方式 (3) 二、所做网页内容 (4) 1.女娲网站 (4) 2.休闲食品项目网站食品页面 (4) 三、所做网页详解 (4) 1.女娲网站所做工作 (4) 2.休闲食品项目网站所做工作 (5) 四、实训网站制作思路 (5) 1.女娲网站思路 (5) 2.休闲食品项目网站思路 (5) 五、实训网站详细制作过程 (5) 六、实训总结 (7) 七、.对课程及实训环节的建议 (8)

一、网站基础知识 1.网站与网页的关系 网站是一个整体,网页是一个个体,一个网站是由很多网页构建而成。网站和网页的关系就像家庭和家人一样。 网页与网站的区别简单的来说:网站是由网页集合而成的,而大家通过浏览器所看到的画面就是网页,网页说具体了是一个html文件,浏览器是是用来解读这份文件的。也可以这样说:网页是有许多html文件集合而成。至于要多少网页集合在一起才能称作网站,这可就没有规定了,即使只有一个网页也能被称为网站。 而我们想要制作一个网站,就需要单独编辑若干个html文件,然后通过“超链接”把它们连接在一起,这样一个属于自己的网站就制作出来了。总体来说就是网站有网页组成。 2.网站、域名、空间的关系 域名(Domain Name),是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位网站空间英文名:Webhost。简单地讲,就是存放网站内容的空间,网站空间也称为虚拟主机空间,通常企业做网站都不会自己架服务器,而是选择以虚拟主机空间做为放置网站内容的网站空间。网站空间只能存放网站文件和资料,包括文字、文档、数据库、网站的页面、图片等文件的容量。 所以它们三个的关系是:网站先储存在网络空间中,访问者需要通过IP地址也就是域名来登录这个空间找到网站存放的地址。那么网站就能打开并能够向浏览者展示自己的能容了。 3.网站的制作方式 网站制作通俗的来说就是网站通过页面结构定位,合理布局,图片文字处理,程序设计,数据库设计等一系列工作的总和,也是将网站设计师的图片用HTML 方式展示出来,属于前台工程师的一项任务,前台工程师任务包括:网站设计、网站用户体验、网站JAVA效果、网站制作等工作。网站制作是易雅达网站策划师、网络程序员、网页设计师等岗位,应用各种网络程序开发技术和网页设计技术,为企事业单位、公司或个人在全球互联网上建设站点,并包含域名注册查询和主机托管等服务的总称。 一、申请域名[CN域名须审核]; 二、申请空间[通过接入商进行ICP备案]; 三、定位网站 四、分析网站功能和需求(网站策划) 五、网站风格设计; 六、网站代码制作; 七、测试网站;

网页设计毕业设计任务书.doc

河南XXXX学院 信息技术系 毕 业 设 计 任 务 书 名称:动态网页制作(ASP) 专业: 信息应用技术 姓名: X X X 学号:0 9 4 2 4 x x x 指导老师:X X X 小组其他成员姓名:_____________________ 2012年4月

(一)本设计的依据和意义(包括本毕业设计的必要性、可行性、国内外同类设计产品现状、发展趋势、已到达的水平以及存在的问题和本设计的特点): 网络在中国的发展是非常迅猛的,随着信息网络技术的应用,我们每一个人都感应到了网络给我们的工作、学习、生活等许多方面都带来了更多的方便、快捷,对于人性化的诠释达到了淋漓尽致,企业的经营观念、个人的生活观念都在发生着根本的变化。目前许多政府机关、学校、企事业单位已建立自己的网站。为了宣传自己和传递信息,建设自己部门的网站已经是迫切需要。因此,需要通过一个有着界面友好,视觉效果美观,方便易用的网站来宣传网页,方便他人了解查阅。 通过网站,全面宣传,展示网页的风采与特色,给用户提供需要的内容、而且还应该做更多的事情、完成比页面浏览更高层次的需求,例如收集信息,数据存储,数据修改以及数据删除等。

(二)设计内容及目标(包括要实现的主要功能,采用的主要开发工具,开发方法或者开发模型) 实现的主要功能: 1、用户注册及用户登录。 2、主页的浏览。 3、管理员用户登录及管理用户(的添加、修改、删除)。 4、数据库的建立及ASP与数据库的连接。 5、其次是IIS服务器的安装及设置。 设计内容: 1、讨论网站主题:建立一个关于个人学生的网站,其中有关于大学生就业、动态、健身、学习等。 2、定位网站CI形象:网站最重要的就是与浏览者产生共鸣。于是在网页设计上面,要淡到浏览者最关心的话题。 3、材料收集,网上搜一些网页背景,FIASH源代码、小图标和一些gif的动画等。 4、确定栏目和板块: ⑴首先要考虑整个网页的长和宽,以及长度和宽度之间的比例。本次设计中网页宽1024像素,长由每个部分的内容不同而设置。表格三行一列,居中设置,第一行放头图片,第二行是导航栏,第三行主页内容,第四行放置版权和地址等内容。 ⑵其次就应该考虑导航条的设置了。 导航栏的设置既是在上面第二行出插入一个一行十三列的表格,内容包括首页、动态、健身、文章欣赏等。 ⑶正文的框架设置(横向因素和纵向因素交错) 在浏览了很多精美网站之后,再结合自己的想法,先在草纸上画

网页设计的实习报告范文_实习报告.doc

网页设计的实习报告范文_实习报告 一实验目的 1.学习HTML语言和dreamweaver,FrontPage等工具 2.掌握在本地环境下运用ASP技术实现一个简单的电子商务网站 二实验的方法和原理 三实验过程 1、资料的搜集。 组长分配任务,大家从网站上搜集各种关于手机的资料。 2、熟悉制作软件。 做网页主要用的工具便是Dremweaver、Photoshop、Flash软件。在这些软件我对Dremweaver、Photoshop相对比较熟悉,因为在平时上课是老师带领我们运用过。所以我还可以正常的运用,但是出现的问题还是有很多。有很多不懂如何操作,只有通过在次去看书才能够了解,这也体现了我学习方面的缺点,它是我平时不够认真的具体表现。 3、构建站点框架。

打开Dremweaver后第一步便是新建站点 4、设计主页及二级页面。 5、实现网页间的链接 链接的过程其实很简单,主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。 6、向静太网页插入动态效果 四实验心得 在经济迅速发展的今天,Internet显得更为重要它是人们发布信息与传递信息的重要渠道,为了与社会发展同步,为了让我们成为真正的技术性人才。学校在本周为我们安排了维持三周的网页制作专用周是实习,让我们把平时所学知识运用到实习中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。 近三个星期的实训将要结束,其中的酸甜苦辣我会在今后的日子里不断地去咀嚼,去回味,去探索。从制作网页过程中,我学到了新的美化网页的方法,运用了更多以前未运用的技巧。这使我学到了更多的知识,并且为我自己在制作网页这方面积累了

web网站设计实训报告(范文)1.doc

附录 1:设计报告封面 湖南娄底职业技术学院 web 网站设计 课程设计报告 设计题目:个人网站 系部:电子信息工程息 专业:网络技术 学生姓名:黄永凤 学号: 200902060109 起迄日期:年月日 ~ 年月日指导教师:罗金铃 教研室主任:

一.网站的需求分析 对于个人网站而言,一个好的网页会给人留下深刻的印象,那样才会提高网站的知名度才会增加 点击率。如果通过网站管理系统工作,就可以拓开以前传统的宣传思路,用户可以通过上网就能达到找到所需要材料的目的,并且可以给管理员留言以反馈意见。 二.系统实现所需要的软件 网页编辑排版Dreamweaver CS3、网页图像制作软件Photo CS2、网页动画制件软件Flash 、ACCESS 数据库、动态网页编程语言ASP 三、网站设计的思路 网站拓扑图构画 从开始想创建网站到最后的个人网站的上传发布是需要包含一个完整的工作流程。网站包括哪些栏目,采用什么样的制作结构,这些都是我们在制作网站前首先要确定的, 下面是我个人网站的结构图:

四、系统功能模块的实现过程 个人网站实现了留言、文章、相册、日志、注册、链接、调查、后台管理等诸多功能于一体的 网站。本人经过需求分析、和可行性的管理方式进行了前台设计与后台管理。通过数据库的创建与 连接实现了人机交互功能。 1个人首页功能模块功能的实现过程 个人首页主要放置主人的最新动态,导航条菜单包括首页、个人简历、个人相册、文字拾掇、 我的聊吧、给我留言、友情链接。给我留言,必须通过先登陆或先注册才能进行留言。底部插入个 人网站的版权信息,同时也加入了联系我们、后台管理、首页收藏、设为首页、版权声明。 ( 1) .个人首页导航功能实现介绍 个人首页导航有七个链接分别是:我的首页、个人简历、个人相册、文字拾掇、我的聊吧、给我留言、友情链接。它们都采用“行为”中“交换图像”。如图 3-1 所示。

毕业设计任务书网站设计

毕业设计任务书---《网站设计》 一、教学目的 毕业设计是毕业教学中的一项重要内容,是完成教学计划达到教学目标的重要环节,是教学计划中综合性较强的实践教学环节,它对帮助学生全面牢固地掌握课内教学内容、培养学生的实践和实际动手能力、提高学生全面素质具有很重要的意义。网页设计的教学计划要求学生通过学习熟练掌握网站建设和网页制作技术, 掌握网页设计的技术与网站建设的思路,因此,毕业设计环节就占有更加重要的地位。 本毕业设计应达到以下教学目的: 1、使学生对于网络信息及网络信息发布有更加深入的理解 2、提高学生在实际操作中收集信息、对信息进行价值判断、进行信息整理、信息加工的能力 3、提高学生的网页设计与制作能力 4、使学生进一步掌握网络信息发布的原理,及网络信息发布所需的软件、硬件条件 5、使学生掌握利用软硬件资源发布一个具体网站的操作过程 二、设计的总体目标: (一设计目标及要求 1、?必须选择某企业或公司作为自己网站设计的对象。比如手机网站、汽车网站、图书网站等。 2、充分收集、整理网站设计必需的企业资料。 如:企业简介、服务承诺、经营状况、产品分类、?产品性能规格介绍、、图片资 料等。 3、必须有自主设计的网站标志Logo(图标,企业动态图片资料,?交互式 表单等。 4、网站设计必须包含足够的信息量。 ·主页面信息量在80~100KB之间 ·次级页面设计2~3层,每层信息量不低于30KB?(或按情况适当浮动 5、符合“三次单击”原则,?即网站的任何信息都应在最多三次单击后找到。 6、网页版面设计要求简洁、主色调显明,?视觉效果良好 7、次级页面至少有一个采用框架网页设计,其余网页公共表头或表尾采用共享边框设计。 8、?主页面上至少有6个以上的次级栏目超链接设置和多个相关资料友好链接处。 9、主页面上必须有动态时间显示、版权申明、联系方式等。 10、设计者可充分发挥自己的专长,应用所学知识,大胆创新、尝试、设计出具有新潮创意的网站。很好地将网站“提供信息、?娱乐观众和销售产品”这三类基

网页设计实训报告范文

网页设计实训报告 范文 1 2020年4月19日

实训报告 题目: 实训课程名称:网页设计 系别: 专业 / 班级: 年级: 学号: 姓名: 指导老师: 1 2020年4月19日

4月27日 2 2020年4月19日

目录 1 实训目的........................................................................................... 错误!未定义书签。 2 实训内容........................................................................................... 错误!未定义书签。 2.1准备工作 ................................................................................. 错误!未定义书签。 2.2使用的技术 ............................................................................. 错误!未定义书签。 2.3设计制作要求 ......................................................................... 错误!未定义书签。 3 方案设计与实施步骤 ....................................................................... 错误!未定义书签。 4 实训中出现的问题、分析及解决方法 ............................................ 错误!未定义书签。 5.2日志 ......................................................................................... 错误!未定义书签。 5.3 教程视频 ................................................................................. 错误!未定义书签。 6 实训总结........................................................................................... 错误!未定义书签。 3 2020年4月19日

毕业设计论文(网页设计)

网站的设计与制作 目录 第一章前言 第二章 1.1课题来源 1.2 网站开发项目需求分析 1.3 软件 1.4 软件运行环境 第二章网站制作 2.1做网页的步骤 2. 2做网页的要素 2.3 系统各模块功能实现 第三章网站的设计 3.1主页的要求 3.2子页的要求 第四章结束语 参考文献

摘要 汽车网站是一个结合了汽车销售等多功能浏览的汽车网站,我所使用的软件是Macromedia 公司推出的一款用于网页设计的软件——dreamweaver8。在网页的制作与链接中,我学到了很多。 关键词:超链接外观性能

第一章前言 1.1课题来源 随着二十一世纪新兴科技的飞速发展,如今的电子信息产业正在经受着一个巨大的挑战,同时也面临着一个重大的机遇。就目前的科技发展水平而言,电子信息产业的发展已经不能够满足社会化大生产的要求,因此,各个国家集中人力、财力加大对信息技术产业的投入,以适应目前需要。可喜的是在这几十年的发展中我们有了互联网。互联网加大了我们了解世界的眼界,缩紧了人与人之间的距离,这就更容易的使我们走上信息化的道路。 以往,人们出行都以自行车居多,后来公交事业发展壮大,人们便乘坐公交汽车,现如今,随着人们生活水平的提高,越来越多的家庭已经拥有或者想拥有自己的私家车。 正是因为人们的这些需求,越来越多的汽车网站出现在网络上,使人们可以随时了解自己想知道的汽车方面的新闻,真正的做到足不出户,便知天下事。把汽车销售与网络连接起来,是今后汽车销售发展的必然方向之一。 1.2 网站开发项目需求分析 一个网站项目的确立是建立在各种各样的需求上面的,这种需求往往来自于客户的实际需求或者是出于公司自身发展的需要,其中客户的实际需求也就是说这种交易性质的需求占了绝大部分。面对对网站开发拥有不同知识层面的客户,项目的负责人对

基于JavaWeb的博客网站的设计与实现任务书

基于JavaWeb的博客网站的设计与实现任务书 毕业设计(论文)任务书 学生姓名:XXXXXXX 学号:XXXXXXXXXX 专业:计算机科学与技术 所在系:信息工程学院班级:XXXXXXX 设计(论文)题目:博客网站的设计与实现 起迄日期:2011年2月28日至2011年6月20日 设计(论文)地点:校内 指导教师: 系主任: 发任务书日期:2011年2月28日 毕业设计(论文)任务书1(本毕业设计(论文)课题应达到的目的: (1)培养学生综合运用所学基础理论(主要涉及:软件工程、数据库、数据结构、算法分析等课程)及专业技能(主要包括:JSP网站建设、SQL Server数据库开 发等)来分析和解决实际问题的能力。 ⑵对学生的知识面,掌握知识的深度,运用理论结合实际去处理问题的能力,实验能力,外语水平,计算机运用水平,书面及口头表达能力进行考核。 ⑶研发一套基于WEB的《博客网站系统》,方便社会各界人士的沟通与交 流。2(本毕业设计(论文)课题任务的内容和要求(包括原始数据、技术要求、工作要求、成果要求等): 原始数据:

1(查阅参考文献不少于10篇。

搜集至少 5 名用户的信息,包括其实资料、头像、博文等与本课题相关的 至少应包括 : 用户注册、上传图片、发表博文、点评博文、账号设置等功能 2. 要有合理的权限划分,如 : 用户只能管理自己的博客,不能修改他人的 信息等。 3.系统采用B/S 结构,数据库使用SQL Serve 或Oracle ,页面使用ASP 或JSP 开发,开发过程要严格遵照软件工程的要求和规范,要做好开发文档的撰写 整理工作。 工作要求 : 1( 每周按时填写进程报告,并且严格按照任务书规定的进程工作。 2( 每周保 证 500 字以上的读书笔记。 3(每周保证 10 学时的上机实验。 成果要求 : 1. 设计并开发出一套科学、合理、完整的《博客网站系统》。 2. 完成不少于一万五千字的毕业论文。 毕 业 设 计(论 文)任 务 书 3( 主要参考文献 : [1] 飞思科技产品研发中心 (JSP 应用开发详解 ( 电子工业出版社 . 2004.06:305,320 [2] 吴以欣,陈小宁 (JavaScript 脚本程序设计 (人民邮电出版社 . 2005.02:56,65 [3] 萨师煊,王珊 (数据库系统概论 (高等教育出版社 . 2000.03:87,110 [4]孙卫琴,李洪成(Java Web 开发技术详解.电子工业出版社. 2004.05:77,87 [5] 程凯. JSP 中文问题及一套整体解决方案 . 许昌学院学报 . 2006.06:211,223 [6] 刘长生. Java 应用中的汉字乱码问题分析 . 计算机技术与发 展. 2006.04:322,350 [7] 赵川等. 基于 Eclipse 的测试工具管理平台构建 . 软件 世 界.2006.06:134,156 [8] 张红梅,王磊.在JSP 中访问数据库的方法.农业图 书情报学刊 . 2006.01:256,267 [9] 闪四清. SQL Server 2008 基础教程. 清华大 2. 信息。 技术要求: 1. 模块。

网页设计实训报告总结

三一文库(https://www.doczj.com/doc/0512876947.html,)/实习报告 网页设计实训报告总结 实习报告网页设计实训报告总结,供大家参考。 毕业后,我来到了社会这个汇集众多江河湖水的大海,感受到了独立生活的好处与艰辛,同时我自己也更深的理解了,家长和学校老师对我们的殷切希望,在社会实习的这段日子,我吃了些苦,受了些罪,可是整个人在肉体上和精神上却升华了很多,也比以前的变得更有自信了。现将我的实习情况汇报如下: 一、实习工作介绍 我所在的这家公司,是一家做网上招商的商业网站,公司接收各种厂家提供的信息,然后由网络的技术人员,将商家的信息做成网页广告,然后挂在我们的网站上,以此达到商业推广的目的,类似我们公司的网站在同行业还有u88、28招商网等。 我和其它几位同事做为网络部的技术人员,主要的工作就是接收美工人员的网站模板,将其通过photoshop切片,然后导入dreamweaver进行排版,(排版主要使用css+div),并进一步的加以制作,完善美化,如加入js代码,或透明flash,因为网页是用css+div进行排版的,所以在最后一步的时候,我们还需要

进行浏览器测试,因为css+div排版方式有一个的缺点就是:浏览器不兼容的问题,典型的如:ie与fireworks,因为各种浏览器使用的协议不同,所以会导致页面在最终浏览的时候有一些小问题,如:页面混乱,图片、文字之间的距离过大或过小,页面不美观等等,做为一个新人,我在有些方面的技术还很不成熟,所以在技术总监张伟的帮助下,解决了很多问题,所在我很感谢他,当每天我们做完网页后,都会在代码页面加入注释代码,在里面写上每个人姓名的汉语拼间和工作日期,这样方便月底做统计工作,公司领导会根据每个人的工作数量进行奖励,每做一个页面会有2块的提成,虽然少点,但是积少成多,也是很可观的。 二、初来公司的时候 (一)初级考试 初来公司的时候,我们经过了初期考试,培训,与最终考试三个阶段,在接到公司让我面试的电话后,我来到了xx公司,因为要干的是网页设计,所以要有一个小测验,技术总监要求我们在网上自找图片和文字,做一个简单的页面,要求是:什么样的页面都可以,考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度,说实话,从毕业后,有一段时间没有写代码了,刚一上机,还有点生疏,但是凭借在学样扎实的学习功底,我很快就恢复了自己的英雄本色,将html代码写的很熟练,做了一个左右分栏的页面,没什么太大难度,技术总监看了以后,说不错,让我三天后参加培训,合格扣就可以正式上班了。

网页设计基础知识点

web 一、超文本(hypertext) 一种全局性的信息结构,它将文档中的不同部分通过关键字建立链接,使信息得以用交互方式搜索。它是超级文本的简称。 二、超媒体(hypermedia) 超媒体是超文本(hypertext)和多媒体在信息浏览环境下的结合。它是超级媒体的简称。用户不仅能从一个文本跳到另一个文本,而且可以激活一段声音,显示一个图形,甚至可以播放一段动画。 Internet采用超文本和超媒体的信息组织方式,将信息的链接扩展到整个Internet上。Web就是一种超文本信息系统,Web的一个主要的概念就是超文本连接,它使得文本不再象一本书一样是固定的线性的。而是可以从一个位置跳到另外的位置。可以从中获取更多的信息。可以转到别的主题上。想要了解某一个主题的内容只要在这个主题上点一下,就可以跳转到包含这一主题的文档上。正是这种多连接性把它称为Web。 三、超文本传输协议(HTTP)Hypertext Transfer Protocol超文本在互联网上的传输协议。 IP IP是英文Internet Protocol(网络之间互连的协议)的缩写,中文简称为“网协”,也就是为计算机网络相互连接进行通信而设计的协议。在因特网中,它是能使连接到网上的所有计算机网络实现相互通信的一套规则,规定了计算机在因特网上进行通信时应当遵守的规则。任何厂家生产的计算机系统,只要遵守IP协议就可以与因特网互连互通。IP地址具有唯一性,根据用户性质的不同,可以分为5类。另外,IP还有进入防护,知识产权,指针寄存器等含义。 http 超文本传送协议(HTTP) 是一种通信协议,它允许将超文本标记语言(HTML) 文档从Web 服务器传送到Web 浏览器。HTML 是一种用于创建文档的标记语言,这些文档包含到相关信息的链接。您可以单击一个链接来访问其它文档、图像或多媒体对象,并获得关于链接项的附加信息。HTTP工作在TCP/IP协议体系中的TCP协议上。 FTP FTP(File Transfer Protocol, FTP)是TCP/IP网络上两台计算机传送文件的协议,FTP是在TCP/IP网络和INTERNET上最早使用的协议之一,它属于网络协议组的应用层。FTP客户机可以给服务器发出命令来下载文件,上载文件,创建或改变服务器上的目录。 第一、什么是C/S结构。 C/S (Client/Server)结构,即大家熟知的客户机和服务器结构。它是软件系统体系结构,通过它可以充分利用两端硬件环境的优势,将任务合理分配到Client端和Server端来实现,降低了系统的通讯开销。目前大多数应用软件系统都是Client/Server形式的两层结构,

网页设计毕业论文题目

网页设计毕业论文题目 很多同学在写网页设计毕业论文的时候不知道从哪里入手,可以看看我们搜集的网页设计毕业论文题目,也许会对你有帮助。网页设计毕业论文题目一: [1]李卓。网页设计中的认知心理学与艺术设计理念。吉林大学,2005. [2]张思望。网页设计中视觉元素的功能与审美性研究。西北大学,2006. [3]张春立。研究性学习在中等职业学校《网页设计制作》课程中的实施。首都师范大学,2005. [4]范翠丽。教育网站中页面的艺术设计。山东师范大学,2005. [5]吴莎莎。基于设计指南的网页可用性分析工具研究。大连海事大学,2006. [6]刘杰。针对网页设计的用户视觉搜索能力研究。清华大学,2005. [7]刘丹。网页设计中的Flash动画视觉语言研究。合肥工业大学,2006. [8]廖晔。网页界面设计及其学科相关性研究。湖南师范大学,2006. [9]何丽萍。基于网页设计的视觉信息传达有效性的研究。浙江大学,2006. [10]杜大龙。网页艺术设计的基本因素研究。吉林大学,2006. [11]朱世根。学习理论在教学网页设计中的应用研究。江西师范大学,2005. [12]朱松岩。现代网页设计与印刷类平面设计比较研究。苏州大学,2006. [13]王静。酒店网页设计的文化差异及其启示。上海外国语大学,2007. [14]倪冰。基于项目的学习理论在课程教学中应用的研究。华东师范大学,2007. [15]杨飞飞。网页设计中的动感形态研究。南京艺术学院,2007. [16]白珊。网页设计中图片与文字互动关系的研究。北京印刷学院,2008. [17]常海霞。Flash动画在网页设计中的互动性研究。西北大学,2008. [18]郭安。从韩国网页设计看网页艺术设计的视觉呈现。武汉理工大学,2008. [19]杨旭兰。色彩在网页设计中的应用研究。南京林业大学,2009. [20]李晓蕙。网页游戏中界面设计的研究和应用。上海交通大学,2008. [21]聂璐。论网页界面设计中的人性化因素。湖南师范大学,2010. [22]丁文洁。基于SMIL技术的网站视觉无障碍优化研究。上海交通大学,2010. [23]乔柳。网页界面设计中的信息图形化研究。上海交通大学,2010. [24]聂英。网页设计中信息传达的人性化探究。西北师范大学,2015. [25]罗婧瑄。极简主义在扁平化风格网页设计中的应用与研究。西北师范大学,2015. [26]李美林。基于感性工学的网页界面优化设计研究。东北大学,2014. [27]田梦琦。基于用户体验的网页交互设计研究。湖北工业大学,2016. [28]张乃恒。网页界面设计风格多样化研究。东南大学,2015. [29]金泠泠。数字技术与设计美学的博弈。中国美术学院,2008. [30]董海斌。平面视觉元素在网页设计中的应用研究。西安理工大学,2008. [31]许娟。任务驱动教学模式在艺术设计专业网页设计教学中的应用研究。南京艺术学院,2008. [32]康康。论网页设计课程的教学设计。南京艺术学院,2008. [33]李双。基于用户思维模型分析的网页可用性设计研究。江南大学,2008. [34]李多。网页的视觉传达与设计表现研究。河南大学,2009. [35]张烨烨。网页版式设计研究。东北师范大学,2009. [36]张莹莹。网页设计中的交互特性。中央美术学院,2009. [37]赵鑫。项目教学法在高职《网页设计与制作》课程教学中的应用。华中师范大学,2009. [38]温婷婷。网页版式语言及应用设计研究。东北师范大学,2010. [39]刘利华。网页设计中视觉元素的运用研究。湖南师范大学,2009.

相关主题
文本预览
相关文档 最新文档