高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

2024年网页制作设计报告(汇总17篇)

网页制作设计报告 第1篇

记得初到公司时,我对公司的了解仅仅局限于公司网站的简单介绍,除此之外,便一无所知了。但是,在领导和同事们的支持和帮助下,我不仅加深了对公司的了解,而且很快就掌握和熟悉本岗位工作的要求及技巧,严格做到按时按量完成产品终端页等页面的制作,保证页面的与效果图的一致性和页面在各个浏览器中的兼容性。同时,减少页面中冗余的代码,保证页面的加载速度。此外,注意用户体验问题,站在用户的角度浏览网页,发现问题、解决问题,以提高网站的浏览量。

自从担任网页制作以来,虽然在工作中取得了较好的成绩,但也还存在一些不足之处。例如:工作中没有充分领会领导的意图,有时会忽视公司的工作流程等等,这些都是由于工作态度和细节决定的。这些不足都需要在今后的工作中加以改进。

在今后的工作中,我将努力提高技术水平,克服不足,朝着以下两个方向努力:

1、在以后的工作中不断学习技术知识,通过多看、多学、多问、多练来不断的提高自己的各项业务技能。

2、提高自己解决实际问题的能力,并在工作过程中慢慢克服急躁情绪,积极、热情、细致地的对待每一项工作。

网页制作设计报告 第2篇

实验一:站点设置

一、实验目的及要求

本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装windowsxp操作系统;建立iis服务器环境,支持asp。

3、安装网页三剑客(dreamweavermx;flashmx;fireworksmx)等网页设计软件;

三、实验原理

通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。

四、实验方法与步骤

1)执行“站点\管理站点”命令,在弹出的“管理站点”对话框中单击“新建”按钮,在弹出的快捷菜单中选择“站点”命令。

2)在弹出的“站点定义为”对话框中单击“高级”选项卡。

3)在“站点名称”文本框中输入站点名称,在“默认文件夹”文本框中选择所创建的站点文件夹。在“默认图象文件夹”文本框中选择存放图象的文件夹,完成后单击“确定”按钮,返回“管理站点”对话框。

4)在“管理站点”对话框中单击“完成”按钮,站点创建完毕。

五、实验结果

六、讨论与结论

实验开始之前要先建立一个根文件夹,在实验的过程中把站点存在自己建的文件夹里,这样才能使实验条理化,不至于在实验后找不到自己的站点。在实验过程中会出现一些选项,计算机一般会有默认的选择,最后不要去更改,如果要更改要先充分了解清楚该选项的含义,以及它会造成的效果,否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。

实验二:页面图像设置

一、实验目的及要求:

本实例的目的是设置页面的背景图像,并创建鼠标经过图像。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装windowsxp操作系统;建立iis服务器环境,支持asp。

3、安装网页三剑客(dreamweavermx;flashmx;fireworksmx)等网页设计软件;

4、安装acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

设置页面的背景图像,并创建鼠标经过图像。

四、实验方法与步骤

1)在“页面属性”对话框中设置页面的背景图像。

2)在页面文档中单击插入鼠标经过图像。

五、实验结果

六、讨论与结论

实验结束后我们可以看到页面的背景变成了我们插入的图像,并且要鼠标经过的'时候会变成另一个图像,这就是鼠标经过图像的效果。当然这种实验效果很难在实验结果的截图里表现出来。这个实验的关键在于背景图像的选择,如果背景图像太大不仅会影响网页的打开速度,甚至图像在插入会也会有失真的感觉,因此在插入前对图像进行必要的处理能使实验的效果更好。

实验三:表格制作

一、实验目的及要求:

本实例是要创建边框为1像素的表格。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装windowsxp操作系统;建立iis服务器环境,支持asp。

3、安装网页三剑客(dreamweavermx;flashmx;fireworksmx)等网页设计软件;

4、安装acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

创建边框为1像素的表格。

四、实验方法与步骤

1)在文档中,单击表格按钮,在对话框中将“单元格间距”设置为“1”。

2)选中插入的表格,将“背景颜色”设置为“黑色”(#0000000)。

3)在表格中选中所有的单元格,在“属性”面版中将“背景颜色”设置为“白色”(#ffffff)。

4)设置完毕,保存页面,按下“f12”键预览。

五、实验结果

六、讨论与结论

本实验主要通过整个表格和单元格颜色的差异来衬托出实验效果,间距的作用主要在于表现这种颜色差异。表格的背景颜色和单元格的背景颜色容易混淆,在实验中要认真判断,一旦操作错误则得不到实验的效果。“表格宽度”文本框右侧的表格的宽度单位,包括“像素”和“百分比”两种,容易混淆,要充分地理解这两种单位表示的意义才能正确地进行选择,否则就不能达到自己想要的效果,设置错误就会严重影响实验效果。

实验四:创建锚点链接

一、实验目的及要求:

本实例的目的是创建锚点链接。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装windowsxp操作系统;建立iis服务器环境,支持asp。

3、安装网页三剑客(dreamweavermx;flashmx;fireworksmx)等网页设计软件;

4、安装acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

创建锚点链接。

四、实验方法与步骤

1)在页面中插入1行4列的表格,并在各单元格中输入导航文字。

2)分别选中各单元格的文字,单击按钮,在弹出的“超级链接”对话框上的“链接”文本框分别输入“#01”“#02”“#03”“#04”。

3)在文档中输入文字并设置锚记名称“01”,按下“enter”键换行,输入一篇文章。

4)在文章的结尾处换行,输入文字并设置锚记名称“02”,按下“enter”键换行,输入一篇文章。

5)同样的方法在页面下文分别输入文字和命名锚记为“03”和“04”,并输入文章。

6)保存页面,按下“f12”键预览。

五、实验结果

六、讨论与结论

添加瞄记的作用是可以帮读者快速找到自己想要的文章,同时也可以使页面更加精简。本实验的关键难点在于链接文本框输入的名称和瞄记的名称要相一致才能达到实验的效果,同时要记得是在上一篇文章的结尾处输入文字并设置瞄记名称,并记得输入对应的文章,否则瞄记可能不能用。熟练程度低在实验中不能很好地使用各种工具,无法一次准确地寻找到适当的位置。实验中忘记选择“不可见元素”,几次实验都失败,最后才得出正确的结论。因此在实验前要先做好预习,否则实验过程会比较吃力。

实验五:设置css样式

一、实验目的及要求:

本实例的目的是通过设置css样式创建表格的虚线边框。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装windowsxp操作系统;建立iis服务器环境,支持asp。

3、安装网页三剑客(dreamweavermx;flashmx;fireworksmx)等网页设计软件;

4、安装acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

通过设置css样式创建表格的虚线边框。

四、实验方法与步骤

1)在网页中创建一个表格。

2)在“css样式”面板中单击按钮,在弹出的对话框中进行设置,完成后单击“确定”按钮。

3)在弹出的对话框中进行设置,完成后单击“确定”按钮。

五、实验结果

六、讨论与结论

对话框中各项指标和属性的设置存在一定的难度,如果没熟练掌握就容易出错使实验失败。对“ccs”样式所要使用的各种按扭不够熟悉在使用的时候觉得很生硬。这个实验成功的关键在于对软件的掌握程度以及对各种属性的认识程度,只要充分地掌握了软件的各种操作,对各属性所代表的含义有充分的认识就能很好地完成这个实验。

网页制作设计报告 第3篇

《网页设计与制作》课程的传统教学方式是先由教师在多媒体教室授课,然后安排学生在实验室上机练习验证教师所讲内容。这种方式忽略了学生的积极性、主动性,学生学到的知识比较零碎,很难开发实际项目。随着课程内容的深入,很多学生逐渐失去了学习兴趣,丧失了主动参与的意识,以致课程结束时,几乎没有学生能够设计出具有一定水平的网站。为打破传统的教学模式,突出学生的主体地位,让学生成为教学的中心,我们分析了该课程的特点,并结合任课教师为企业开发网站的经验,让教师将网站项目引入课堂教学,引导学生共同开发项目,让学生既能学到知识,又能积累项目开发经验,从而体现出“教、学、做是一件事,不是三件事”。

2《网页设计与制作》课引入教学做一体化教学法《网页设计与制作》是本校计算机应用技术专业的主干课程,具有实用性强、应用面广、操作性强与岗位联系密切等特点。为了更好地讲授《网页设计与制作》课,我们进行了大胆的教学改革,打破了传统的教学模式,将实际项目引入课堂教学,改革教学方法、教学手段及考核形式,较好地实现了课程教学目标。《网页设计与制作》的课程目标是结合职业岗位的需要,培养出能够从事网页平面设计或网站构建的人才,提高学生的学习能力、协作能力和综合能力。教学做一体化教学法提高了学生的能力和素质,将教学做一体化教学法引入《网页设计与制作》教学后,学生成为了学习的主体,教师在教学过程中起引导协助作用。学生在项目的驱动下自主学习,边学边做。在完成项目的过程中,他们主动与其他同学和教师进行交流,讨论问题,促进了教学做一体化教学法的发展。项目完成后所带来的成功的愉悦和满足感,不但提高了学生的学习兴趣和学习积极性,同时也培养了学生自主学习的能力。

3《网页设计与制作》课实施教学做一体化教学法的过程本人在担任《网页设计与制作》课的教学过程中,结合学生的特点以及环境,将教学过程划分成以下五个阶段。

(1)网站项目的确定。确立实用、优秀的项目是教学做一体化教学法能否成功实施的关键。因此,在实施教学做一体化教学法时,首先,应选择切实可行的项目。在教学正式开始之前,可先对学生进行分组,尽量使每一组学生的能力都比较均衡。其次,应针对学生的实际水平确定项目的难易程度。对于课程前期刚接触这门课程的学生,由教师负责选取项目,讲解知识点。所选取的项目必须简单、典型,并且最好选择已经完成的项目,以便学生进行知识的迁移。到了课程结束后,安排专门集中课程实训,让学生分组组成项目小组,讨论选择项目,让学生身临其境,参与创造实践活动,亲身体验实践的艰辛与乐趣。另外,应注意根据学生具体的培养方向,确立最适合的项目。

(2)网站项目计划。网站项目的计划应按照项目开发的需求加以实施。确定项目以后,让每一组学生针对该项目进行需求分析,启发学生主动发现身边的素材。该过程中,可由教师充当企业的角色,由学生向教师汇报自己所进行的关于项目需求的分析及收集到的资料。教师在这一过程中,一方面,起到指导的作用,另一方面,教师应事先对该项目内容进行定位,分析研究需要解决的问题和完成的任务,确保学生进行需求分析时,不会定位过高。完成项目需求分析后,教师应根据学生所作的需求分析确定项目的能力模块,并将每个能力模块细分为一系列小项目,学生根据课程的时间安排,结合项目内容编写项目开发计划书。

(3)网站项目实施。对于首次接触网页制作的学生来说,没有一定的网页制作软件操作基础,就无法进行项目建设。因此,应在课程项目实施过程的第一阶段讲授学生网页制作软件的使用方法,为第二阶段奠定基础,第三阶段的主要任务则是撰写网站开发总结报告,锻炼学生撰写文章的能力。在第一阶段的实施过程中主要教授学生网页制作软件的使用方法,使其形成相应的具体能力。具体做法是:教师首先通过简单的例子讲解实际操作方法,然后,让学生练习新知识、新操作,完成相应的实验项目。通过这种教学做一体化的教学模式、讲练结合的教学手段让学生掌握牢固的基础知识。第二阶段实施过程结合第一阶段学生具体能力的锻炼情况,根据所要建设的项目,按照项目计划书进行开发并完成设计。该阶段是教学做一体化教学法实施的核心环节。在此阶段,教师要根据各开发小组的具体情况、具体要求及时恰当地进行指导,解决学生开发过程中遇到的难题,督促学生按时按量完成项目计划书中的各个开发环节,保证学生顺利完成项目的开发,实现教学目标。在实际教学过程中,教师要重点做好指导监督工作。如定期召开各项目组长会议,了解各项目组的开发进程;在项目开发过程中进行技术引导和指导,收集各组遇到的难题,组织各组进行总结和经验交流,从中探讨不同的解决问题的方法。第三阶段实施过程该阶段的任务是在学生完成网站建设后,撰写开发总结报告,总结本次学习、开发的收获和经验,为下一次开发做准备。阶段性总结评价也是项目具体实施过程中必不可少的环节。教师和学生在每个阶段的学习结束后,都要对该阶段的学习成果进行展示、评价、总结,及时改进不足之处,巩固成果,为后续工作打下坚实的基础。

(4)网站项目展示与评价。项目完成后,应对网站项目的建设效果进行展示,并加以讲解。在讲解展示网站的过程学生和教师可以提出问题,并结合相应的网站项目评分表,形成学生和教师对该项目各自的评价。在对学生进行评价时,还应结合其在项目开发过程中的学习能力、合作能力、参与程度、服务程度以及所起作用等各方面的表现情况。

(5)网站项目的总结和应用。项目完成后应进行总结,并将其成果应用到相关领域,体现该门课程的教学目标。本校在《网页设计与制作》课中实施教学做一体化教学法以来,完成了多个项目并将研究成果应用到实际工作中,如个人网站、班级网站、家乡旅游网站、美食网站等。项目完成后应总结思路、技巧并进行经验交流。思路总结可以帮助学生明晰项目完成的最佳思考方法,找到自己的不足;技巧总结着重总结解决开发环节中遇到的难题的方法,把握并吸收整个项目开发的精髓;经验交流主要是对学习方法、知识应用进行交流。最后,教师可以指导学生对项目进行拓展和延伸。

4教做学一体教学法的成果《网页设计与制作》课在实施教学做一体化教学后,从本质上改变了课程的教学目的。这种改变使学生不再觉得学习该门课程只是为了获取学分,而是真正掌握一门技术,具备一定的开发能力,能够承担相应的工作。在整个教学过程中,学生的自主学习能力、实践能力、创新能力、团队协作能力、分析解决问题的能力以及撰写报告的能力都得到了锻炼、培养和提高。实践表明,《网页设计与制作》从传统的多媒体教学模式的枷锁中挣脱出来,实施教学做一体化教学法,体现了以学生为本,最大限度地调动了学生自主学习的积极性,培养了学生的综合能力,使学生掌握了一门技巧,对教师也是一种锻炼和提高。

网页制作设计报告 第4篇

尊敬的公司领导:

20xx年8月进入优越城百货以来,任职网页设计。主要负责我公司网站的更新维护,和编程工作,至今已有4个月的时间。初到公司一切都很陌生,我只有努力工作,不断向身边同事学习,熟悉业务,积极参加公司的各项集体活动,希望能够得到大家的认同,尽快地融入到这个大家庭中来。

作为一个技术人员,我要求自己忠于岗位,服从安排,遇到问题,首先查找自身原因,通过不断的学习,提高自身素质,培养和加强自己的责任感。

现将我履行职责情况作具体汇报:

一、履行职务情况

我的职务是网站设计,负责网站设计与日常更新工作,我是这样开展工作的。

(一)网站设计更新,我采取的措施是:

1.平时上网多注意一些好的效果作为参考,增加自己的审美观,及程序的安全性和执行效率,同时加强学习。

2.坚持每次活动都出新的flash动画广告

3.积极为网站增加实用性的功能

4.规范vb类库,把常用方法写成函数封装,方便调用。拓展性也更好一些。

5.对数据库和网站文件做到经常下载备份,保障数据安全。

(二)尽职尽责,做好日常的折扣信息与活动等的更新工作

互联网每天都在进步天天都有新的东西诞生,所以必需要紧跟步伐,比如搜索引擎经常变更算法,一些好的js框架等可以为公司网站表现的更加友好,所以我会经常到一些技术论坛学习交流。

(三)加强同事间的交流和沟通

(四)以公司为家在做好自己本职工作的同时,公司的`其它工作也会积极参与。比如:活动时分店缺少人手会主动要求参加。

二、自律情况

近半年来在公司领导和同事们的关心帮助下我已经融入到了优越城这个集体中,我要求自己做到:

1.按工作守则自律。上级规定不准做的我绝对不做,上级要求达到的我争取做得优秀。

2.用制度自律。我严格按本公司制定的规章制度履行职责。

三、存在的主要问题:

1.在技术上对于CDR软件使用还不够熟悉没有广告公司工作经验,对平面设计的东西一直是空白,我会努力同我们市场部平面设计加强学习这方面的技术。

2.对卖场装饰工作缺少经验,只能做一些简单的工作。

述职人:

20xx年12月30日

网页制作设计报告 第5篇

一、实验目的及要求:

本实例的目的是通过设置css样式创建表格的虚线边框。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装windows xp操作系统;建立iis服务器环境,支持asp。

3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;

4、安装acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

通过设置css样式创建表格的.虚线边框。

四、实验方法与步骤

1) 在网页中创建一个表格。

2) 在“css样式”面板中单击按钮,在弹出的对话框中进行设置,完成后单击“确定”按钮。

3) 在弹出的对话框中进行设置,完成后单击“确定”按钮。

五、实验结果

六、讨论与结论

对话框中各项指标和属性的设置存在一定的难度,如果没熟练掌握就容易出错使实验失败。对“ccs”样式所要使用的各种按扭不够熟悉在使用的时候觉得很生硬。这个实验成功的关键在于对软件的掌握程度以及对各种属性的认识程度,只要充分地掌握了软件的各种操作,对各属性所代表的含义有充分的认识就能很好地完成这个实验。

网页制作设计报告 第6篇

随着当前计算机技术的飞速发展,计算机应用范围的扩大,越来越多的中职院校在课程开设时顺势采用了项目式教学方法,结合校企结合或引企入校的方式来实施教学。《网页设计》课程不但是计算机专业学生的专业技术课,同时也是非计算机专业的学生非常欢迎的选修课目。针对中职教育的特点,为了适应学生这个群体的心理特点及思维现状,我们在不断的实践过程中,探索新型的教学方法,让学生在结合现实工作中的项目,小组团队协作完成项目,从协作和实施项目过程中完成知识和技能的学习,从真实的工作环境中学习。从而能达到学习完课程就能顶岗独立完成工作。

在我们的生活中,小到一个生日聚会、一次课余活动,大到一项工程建设,一个节日庆典,这都属于一个项目。项目无论是简单还是复杂都有一定的共有特性。美国PMI定义说:“项目是为了完成某一独特的产品、服务或任务所做的一次性努力。”而我们在教学活动中所提出的是“项目”则是指提出一个前人曾完成过的一个项目工作,也可以是由教材的相关内容转化来的社会的一种需求。学生围绕此工作或需求进行相关联的学习和探究的活动,从而完成知识的学习和能力的培养。

一、项目教学法的含义及特点

项目教学法是指教师与学生共同将教学知识作为一个完整的项目进行实施的教学活动过程。项目教学的目标在于把学生有意义的融入到一个完成项目的过程中去,调动学生的学习积极性、自主的对知识进行建构,把通过学习所掌握的知识技能以及培养起来的职业能力作为最终的目标。

二、在《网页设计》课堂教学中的设计

项目式教学设计中课堂教学中按照选定项目、制定计划、活动探究、制作作品、成果展示、综合评价等6个环节来设计。整个教学过程中以学生自主学习为主,教师引导启发为辅来让学生围绕项目自主学习探究。

在教学过程中贯穿项目式的学习中,项目的制定就显得非常重要,它既要根据学生兴趣来选定,同时又要考虑体现教学总体目标;并且所选择项目应该和学生日常的经历相关;难度要与学生的知识背景相符。制作热门话题专栏、制作个人主页、制作班级主页、制作个人爱好娱乐主页等,这些都是学生感兴趣的一些内容。在课程开始前要展示优秀的网站效果,让学生对网站建设有初步了解,并激发学生对网页设计的兴趣,让学生自己产生要制作属于自己的作品。

三、项目式教学过程的实施

根据学生自己感兴趣的课题项目对学生进行分组,并在课堂上统一进行课题项目的分析,分析的过程中要对学生网页设计的基础内容进行讲解和分析。在整个分析讲解的过程中要让学生了解整个过程的制作工具,并选定项目的负责人。然后依据学生学习自主化的原则,任务目标化的方法,根据项目目标的要求,由负责人统一安排小组学习任务,由教师引导学习方向,共同制定出个人学习任务目标。

本项目要以学会专业规划网站、对主题网页进行相关设计并完成制作为知识目标;把掌握资料素材整合、制作软件使用确立为技能目标;让学生学会协作、学会正确的认识与评价自己与同学相互帮助增强自信心为情感目标。

课程项目内容及相关能力要求中首要学生学习的内容是页面的布局。页面布局是依照网站的受众群体的特点进行色彩组合和版面布局,通过导航的设计及媒体的使用来修饰网页的整体视觉效果和功能效果。并通过添加各种网页元素(文字、图像、表格、表单、视频、动画等)的设计与制作完善网页整体效果。再次是网页的结构,网页结构的确立一般是由网页框架、使用的表格及层的综合运用来完成。最后就是使用各种特殊效果来美化网页效果、增强网页使用功能。并确定网页元素。如JavaScript特效的设计,使用不同的特效来加强网页与用户的可交互能力。

根据学习进程,制定小组前期准备部分。学生深入的调查研究确定知识内容与技能技巧部分的前期资料。这个过程主要是由学生自己进行协作,通过自习与课外活动时间来做相关的调查与资料的搜集。小组成员通过教材及辅助材料的共同分析学习,出现问题与指导教师统一探究解决。这个过程学生们通过不断发现问题,提出问题,最后解决问题的过程来完善自己的知识结构体系,最后形成一个系统的知识体系。

活动探究部分让学生完成知识体系的培养后,学生运用相应的小组计划分别完成各自的作品,在完成作品的时候还会出现知识性问题,也会遇到能力培养方面的问题,这时候教师就要引导学生自己探究,培养学生解决问题的`能力,从而提高学生的知识水平也加强学生各方面能力的培养。再此环节中要求教师在引导项目实施过程中要在引导方式上注意到有针对性的进行查漏补缺的帮助学生学习。

项目完成以后,由各小组先进行相互的指导交流,指导交流主要是为了让学生取长补短,这样可以很好的帮助自己发现问题,同时也可以发现自己的优点,从而增强自己的自信心。交流后给小组成员一课时的时间进行相应的总结及作品的微调整,并指定小组成员进行知识层面及技术层面的演示讲解,分享作品制作的成功和喜悦。通过这种形式,学生们获得了极大的成就感。

成就的最终获得还是要取决于最后的学习情况评价。整个评价过程采用了小组成员间、小组间及师生间的全方位综合评价法。项目开展过程中小组长对成员、成员对成员、成员对小组长都要进行不同方面的评价,最后把每部分的评价综合为项目终结性个人评价,加上其他小组成员对作品的评价,最后加上教师引导过程中的效果评价形成个人综合评价。这个评价也包括了知识和能力等多方面的细化评价,通过评价,使学生反思自己学到了什么知识和技能,以及不足,从而找出进一步学习的方向。

四、项目式课程设计的优势及不足

在整个项目的进行过程中学生可以自主的学习,自觉地接受学习,自己找可以承担的学习任务来完成,同时也学会了发现问题和解决问题的方法,发挥了个人的最大能力,也培养了从不同角度观察、思考和解决问题的办法,激发自身的创新意识,提高自身的创新能力。

但是整个过程仍然存在懈怠的同学,过分依赖他人完成整个项目,教师要是整个过程不能够及时发现这个问题则会造成学生学习发展的不均等,所以要加强项目学习的细化指导,加强教学过程的监督与引导。

其次在整个过程的实施中,学生的自觉性是直接影响到项目的进程及完成的最终效果,所以在学生整个学习的时间安排上应该有效的科学的安排,既要结合课余时间也要提高个人的学习效率。因为学生课余还有参加很多其他的学校获得所以导致计划落实有出入,所以加强计划可行性安排及建立项目学习的保障体系是需要我们继续探究的问题之一。

网页制作设计报告 第7篇

从学校毕业后,我第一次步入了社会,从此开始了面对社会、工作的生活。刚刚走入社会的我是一个性格有些内向的人,面对陌生的人,我不善言辞,不会给自己的外表进行很好的包装,不适合做那些销售、接待的工作,只有技术类的工作,少说多干的活适合我,这个我很清楚。现在,中国每年都有很多毕业的大学生找不到工作,我也不例外,所以,这第一次实习工作肯定不会太好找,但是相反,我的运气还不错。找到了一份网页设计的工作。现将我在工作中的情况报告如下。

一、工作介绍

我工作的这家公司,从事网站开发工作的,公司在技术团队这部分是比较正规的,一般是五到六人为一个小组,小组中有明确分工,有负责联系客户接恰生意的,有专门做技术的,而在技术这块分为网站前台、后台开发,我在学校主要做的是后台开发,当然前台设计工作也还算熟练,但不是很精通。我们这个小组一般接下的活都是一些小型网站的开发工作,这样的网站技术难度不大,而且工作周期短,有相当一部分的,只需要通过cms软件就可以进行开发。但是有个别的网站开发时,我们还是需要进行一些手写代码工作的。

二、开发技术

做为一个刚毕业的大学生,我的知识储备肯定有不足的地方,毕竟学校教的东西肯定会有一部分和社会是脱节的,但好在我的领导对于我没有太多的要求,他只是要求我尽快的适应公司的工作和生活,在短时间内熟练的掌握相关技术,干好本职工作。

在大学里对一个学生来说什么是最重要的,那就是学习能力。要知道,这个世界上,知识在发展,人类在进步,每天都在进行日新月异的变化,我们的知识储备总会有不够的地方,但是一定要有学习能力,将不会知识快速掌握,只有这样才能占据主动,减少被动情况的尴尬发生,通过二个星期的时间,我成功的适应了公司的工作和生活节奏,每天早九点上班,晚17:30下班,中午休息一个半小时,每周还有两天假期。我利用业余时间,抓紧学习,将工作中所需要的技术进行了强化学习,其实这些东西在学校的时候就接触过,只是不精通。那个时候学的东西多,难免有个主次之分,这次工作了,才知道哪个应该多学点,但好在我都有学过,所以有个好的基础在这里,也就不怕了,比如说:flash,公司要求技术人员会做flash,flash这东西以前我在宿舍的时候经常玩的,可是后来在分析就业情况时,分析错了方向,以为这东西没有什么用处,结果就给荒废了。但好在还有印象,并且当初记了很多的笔记,所以说记笔记是很重要的事情。而其它像javascript、xml、数据库这些东西我都学过,只是实践能力稍差一点,但好在从前在学习方面用的功不是白费的。通过这种实战环境,和半个月的刻苦学习,我终于可以感上小组的工作进度了,已经可以很好的完成领导教给我的任务了。

像我这个组常用的是css+p排版,后台使用php技术进行开发,服务器平台采用,linux+apache+mysql+php,这种lamp组合,我很高兴在学校学的东西能学有所用。以前我们是用表格(table)进行排版,这种方式简单但是已经有些过时了,现在大部分网站都开始了重新构架,所以都采用css+p进行网页排版,我目前正在学习,掌握的还算比较快。而在后台开发部分,我们使用php来进行开发,我的工作是手写一些小模块。或者用javascript写一些特效小代码。

三、工作流程

小组分工时,我负责后台里小模块的开发工作,如:留言板或,还有一部分javascript代码编写工作。前台部分的工作是和组里的丁珊珊做一些排版的工作,使用css+p技术。编写代码这种工作看起来有些枯燥,其实时间长了以后,还真有点厌烦,但是后来我明白,只有将自己的本职工作做好,提高自己的技术,做出优良的东西,这样自己才会有价值感,才会对自己的工作保持新鲜感。所以我每天都在工作后,记录下每天在技术上的不足之处,回家后,将强学习,这所谓:找出不会的地方,学会它,你就变的强大了。

网页制作设计报告 第8篇

关键词:移动互联网;4G;网页设计;通讯产品;智能手机;平板电脑

通行设备性能与无线网络通信速度的提升,以移动智能终端数量的快速增长为主要标志,主要体现在智能手机和平板电脑在大众生活中的出现。据中国工业和信息化部的研究与统计及互联网应用报告分析认为,中国在全球互联网世界中所扮演的角色,部分程度上是由其互联网市场的规模所决定的。据研究显示,2015年,中国移动互联网用户数预计达到了亿人,与2014年数量相比增长,增速呈现走低的趋势,进入平稳增长阶段。2015年,中国移动互联网市场规模达到亿元,增幅达到。而2016年,移动互联网整体将继续保持高增长速度。虽然人口福利消失,但是基于商业模式的不断创新,单用户价值将呈现大幅提升的趋势。预计在未来3~5年的时间里,移动互联网规模将继续保持高增长的速度。但是,每一项科学技术的发展都会带来相关产业的变化,从互联网到移动互联网,体现在网络速度得到飞速提高、网络资费套餐更加优惠。同时,摆脱了宽大固定的显示屏和键盘鼠标的局限,替代的是小巧方便的智能手机,易于携带的平板电脑以及各种各样的袖珍终端。这样,网页设计作为网络浏览的载体,在一定程度上也带来了变化及要求。如何应对及改造这一变化,成为移动互联网中重要的问题。

1 移动互联网当前发展现状

4G网络的应用推动了移动通信服务的发展

移动互联网通信服务全世界得到了长足发展,而且发展势头十分迅猛,主要是通过4G网络的推动。4G网络,即移动通信系统的第四代产品,它的最大特点主要就是在通信容量上超大,在速度上超快,以及可在全球范围内实现自由对接、任意漫游。并且,能够很好地处理图像、声频和视频,能够以影视等各种多媒体形式来提供商务电话与视频、电话会议及网页浏览等信息服务。[1]所以,4G移动在生活中的广泛应用,给人们生活与工作带来了便利,也有效地提高了移动互联网的发展。

移动互联网应用的采用模式

在应用的层面上,移动互联网的业务在目前阶段主要使用两种应用模式,其一为WAP方式。它所使用的是无线网络应用协议,其网站模式主要是针对手机电脑而设计的。移动终端与移动通信网络二者的速率都有着自身的特点,固定互联网就是依照它们的速率特点,从而设计出全新的适应移动互联网应用的采用模式。在这个过程中也相应地失去了一定的固定互联网内容。其二为Web方式。它所使用的是固定互联网,将移动终端的速配完全输进固定互联网的内容。它不需要再次开发网站内容,只要通过移动客户终端,使用移动浏览器就能够实现。目前所采用的两种移动互联网应用模式,都可以满足在互联网中用户实现网络冲浪的需求。

2 移动互联背景下网页设计的可行性原则分析

明确目标用户群

在每一项产品设计中,最重要的是对目标用户群的确定。对移动互联产品进行网页设计。通常的惯性要求是以使用移动网络用户的需求为主要设计目标,设计对象是移动手机电脑终端客户群。因为利用手机上互联网的用户比使用电脑上互联网的用户数量多得多,所以在网页设计上应充分考虑到手机用户的喜好特性,明确设计产品具体针对哪些用户群,以达到事半功倍的效果。

了解应用平台的细节

由于网页本身和外在的因素影响,在浏览网页上呈现出的移动通讯产品具有一定的复杂性。所以,首先要掌握目标应用平台的相关细节。一般来说,生产软件或硬件的厂家会根据用户的需要提供和介绍详细的规范文档,以便从中规范文档中获得自己所要求的目标平台信息,然后将所有不同的信息进行综合处理,形成一种个性化的版本,这样就提高了移动应用的可用性。[2]

3 移动互联产品在网页设计上的具体策略

智能手机、平板电脑及各种移动互联网的载体,为了使用户方便携带及被充分利用,需要挖掘出一些使用功能。例如,功能的多方面改造提升,需要提高产品价格;尺寸的大小变化,要考虑到电池上的耐用问题。最重要而言,移动互联网具有丰富而精彩的多媒体服务,这是受到终端客户群青睐的重要原因。因此,要想使这些丰富的多媒体服务成为现实,在网页设计上实行人性化设计是必不可少的。

改造舒适性整体

为了移动通讯产品能够走进人们的现实生活中,并被广泛地接受,首先要针对网页设计在整体性上进行有效改造。一般来说,用户在浏览网页时都是处于随机状态或者是浮动状态。因此,网站上所有的信息要达到迅速、准确、容易、方便地被浏览或者被阅读。所以,在网页设计中要合理地规划菜单和文本,尽可能地优化图片与内容,把较大面积与分辨率缩小成手机或平板电脑的显示屏中,避免由此造成各种不合理的缩放变化,为用户打造一个舒适性的网页整体。

精准化内容

利用最小的成本呈现最有价值的内容,是对流量的节约,用户体验的改善,最直接的是为用户省去不必要的费用。[3]网页设计者可以从精简页面设计到导航与书签功能,尽可能地帮助用户避免不必要的文本信息输入,缩减不必要的程序与功能,减少设计过深的多级菜单,以人性化与客户满意度为主要目标,对呈现内容尽量精准化。

增添延续性操作

互联网的发展十分迅速,由发展到,再由发展到现在的[4],所用时间非常之短。是互联网的发展初期,使用的技术是静态网页开发技术,由于静态网页为互联网的发展初期,交互性差是它的短板,但是它具有快速访问的特点以及稳定性强的特点。的发展保存了的优点,而扬弃了它的交互性差的缺点,从而改善了存在的漏洞,提高了网站与用户的交互性,给新闻网站、博客和电子商务等带来了便利,但是它的缺点是安全性能不高。随着在传统技术上的改造与发展,改善了这些技术问题,并逐步完善了网络体系。因此,移动科学技术的发展与更替,还是以传统互联网为基础。现不少手机用户仍然坚持着传统的互联网操作,所以在网页设计上,最好延续传统互联网的特点,取其精华,去其糟粕,让用户能够更快地熟悉移动通讯产品的新兴上网功能,更快地与移动互联网融合。

设计视觉要素

在网页设计中,文字、色彩、图形以及图像是最为根本的视觉传达元素。通过点、线、面构成了立体基本形态,在交互中以瞬息万变的视觉变化冲击着受众的眼球,从而形成了网页设计的视觉语言。文字作为一种传统的视觉符号,设计人员通过对复杂繁琐的文字信息经过精心处理变成简单浓缩的特性,有利于改善客户的心理体验。

把文字信息逐步向图形、图像及色彩转变。[5]随着网络的不断发展,原本只能呈现单一文字的互联网现在可以利用每一个栩栩如生的图形和图像进行显示。并且,这些图形和图像所表达的信息量大大超过了任何文字的表述,从而使用户在视觉上受到了强烈的冲击。但因图形图像本身数据量占用空间及数据量较大,给用户在时间上和流量上产生了不少的费用。因此,网页设计要尽可能地减少使用色彩艳丽的图像。这样不但能够使数据量的稳定性得到有效的保证,而且又可保障图形图像的表达效果,提高设计程序的工作效率。

增加返回按钮和链接

网页制作设计报告 第9篇

1. 本课题所涉及的问题在国内(外)的研究现状综述

1.我国目_页设计还处于初级的认知阶段,国内的网站绝大多数采用的还是非常传统的横向区块布局,信息密度高,版式缺乏节奏和韵律,尤其是北京、上海、广州三地,基本上代表了目前我国网页设计的制作水平,但是网页设计的发展正在呈不断上升的发展趋势,找到具有本民族特色的网页设计语言,对我国的网页艺术走向世界具有重大意义。

国外的网站更加人性化,设计更加紧密,服务也更加周到,个性也比国内的网站突出,让人更容易记住,国外的大容量信息网站的趋势是降低首页的信息密度,把内容分摊到二级频道;版式上更具引导性、更适于阅读,浏览方式像读报一样更流畅随意。

随着世界各国对于文化多样性的着力维护与普遍关注,网页本土化受到越来越多的网站建设者们所注重随着互连网技术的发展,各种企业和机构在网络上的竞争也日趋激烈,为了吸引眼球,企业和机构都在想方设法在网站的形象上来包装自己,以使自己在同行业的竞争中脱颖而出,而且这种趋势愈演愈烈,网站设计的需求量呈爆发性增长。网络是我国新兴文化,作为现代人的大多数人,都是通过网络了解信息,尤其现在青年一代更是热衷于网络。网站是企业向用户和网民提供信息 (包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台,离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。企业的网址被称为 “网络商标”,也是企业无形资产的组成部分,而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。

2. 本人对课题任务书提出的任务要求及实现预期目标的可行性分析

任务要求:

为了弘扬京剧文化,提高京剧的知名度;使京剧信息传播更为迅速有效;京剧做为我国的国粹,有着悠久而漫长的历史。作为现代人的大多数人,已经不懂的如何去欣赏京剧,更不懂得京剧文化。通过系列网页设计让更多的人了解它、喜欢它、欣赏它。给社会大众留下强烈的印象与影响力。

1)通过网页设计来体现京剧形象;

2)通过结合京剧的特点,将各“生.旦.净.末.丑”五个角色有机、自然地结合起来,以求得完美统一的'设计形象。

3)通过运用巧妙的网页设计,为京剧的传播提供更大的发展前景。

可行性分析:通过学习《网页三剑客》、《精通css+div网页样式和布局》、《版式设计》、《色彩设计》等专业课;熟练运用photoshop、 flash、Dreamweaver等设计软件;在老师的指导下,通过自己的努力相信一定能够达到毕业设计的预期目标、任务。

3.本课题需要重点研究的、关键的问题及解决的思路

本课题需要重点研究的是:

京剧耐人寻味,韵味醇厚。京剧在形成之初,便进入了宫廷,使它的发育成长不同于地方剧种,对它的技艺的全面性、完整性也要求得更严,对它形象的美学要求也更高,其表演艺术更趋于虚实结合的表现手法,达到“以形传神,形神兼备”的艺术境界。在网页设计中要做到对京剧这个传统艺术内涵的发掘、创新、和表现。京剧中的五大角色的特征,对于相互独立又相互联系的角色如何在网页设计中把握它们的共性和个性。在网页设计、色彩设计、表现手法上尽多的融入现代设计元素,既符合年轻人的审美又要能深刻反映京剧文化的内涵。

关键问题在于如何把抽象的精神内涵变为可视的视觉形象。吸引更多的大众去人了解它、喜欢它、欣赏它。然后解决浏览器的兼容问题

4.完成本课题所必须的工作条件(如工具书、实验设备或实验环境条件、某类市场调研、计算机辅助设计条件等等)及解决的办法

2)完成本课题的基本工具:有关网页设计方面的书籍

1.《网页配色实用手册 》 温鑫茶工作室 科学出版社 20xx年9月

2.《Dreamweaver CS4网页设计与制作指南 》 杨纪梅 清华大学出版社 20xx 年1月

3.《Flash CS3 网站商业设计从入门到精通 》 张大川 科学出版社 20xx年03月

4.《精通css+div网页样式和布局》 前沿科技 人民邮电出版社 20xx年

3)相关的尺寸:原始数据和资料(以实际考察提供的为依据)

4)相关的市场调研,了解网页设计的实际情形等。

5.完成本课题的工作方案及进度计划

1)、15-18周 通过现场调研、网络、图书馆搜集相关资料、了解当前设计公司设计的一些前沿,初步确定栏目推广设计的大体方向。

2)、19-20周 初步方案设计(在此期间确定方案,根据实际情况,进行具体情形前期设计,20xx-20__第二学期

3)、1-5周 方案细化设计。

4)、6-7周 协调整理,为毕业设计展览与答辩作相关准备

5) 8-10周 检查并校订本的设计稿和实物撰写毕业论文,打印、装订,提交整套设计资料。制做答辩汇报提纲。次毕业设计的所有实物和文挡

6)、11-12周 布置毕业设计展览

网页制作设计报告 第10篇

1了解社会需求,调整课程设计

在信息迅速膨胀、网络飞速发展的今天,国际互联网也正以其惊人的速度空前发展,我国互联网的用户正在持续递增,该行业的人才缺口相当惊人,预计我国在未来10年大约需要200万名企业商务网站设计专业人才。因此,针对社会市场岗位需求,课程设计也应紧跟市场步伐,在课程设计中,应突出对企业网站和电子商务网站建设方面技术的掌握,如访问计数器、意见反馈单或各类商务单证、动画及广告模式、商贸业务及相关热门话题论坛、导航器及搜索引擎、菜单以及数据库等。为此在对传统网页知识技术掌握的同时,还必须有其他相关知识点的穿插,在动态网页设计和数据库方面有待加强,这样才能更符合社会市场的人才需求和对课程设计更具针对性。

2及时更新知识,重组教学内容

当前计算机科学技术的日新月异,网页设计技术不断的更新,网页设计软件也层出不穷,学生对新知识的渴望也十分迫切,这就要求教师本身也要不断的加强学习和专业技能培训,更新和强化新知识新技术,同时根据专业培养的目标及企业的岗位需求重组符合实际的教学内容。目前,网页设计课程教学内容是以Dreamweaver作为主要工具,其中以静态网页设计作为学习的重点,主要培养设计人才,但在培养方面,也需要配以Flash、Photoshop等软件的介绍,使学生在熟练掌握静态网页设计技术的基础上,还应掌握HTML语言、JAVASCRIPT脚本语言、VBSCRIPT脚本语言、ASP、数据库等相关内容,为学生今后更进一步的学习打下坚实的基础。

3注重因材施教,改革教学方法

早在孔孟时代就提出了“因材施教”和“授之以渔”的教育理念,学生在学习过程中,由于学生智能及动手能力各有差异的,因此,在网页设计教学过程中,教师更应该注重因材施教,教师可对本班学生情况进行分类,根据学生实际水平的差异,对不同水平的学生给予不同的要求,设计基本要求和提高要求两类题型,对能力较强的同学要求完成相应提高部分的题目

为此,不同的学生、不同的要求,对教学方法提出了更高的要求,传统的教学方法肯定不能适应学生的需求,改革教学方法就显得极为关键,网页设计实际操作性很强,相比那些理论性的课程,学生更容易产生兴趣,教师应利用这个特点,注重培养学生的动手能力,让学生在实际操作的过程中发现问题并解决问题。同时,在教学过程中,教学方法还应不断摸索和创新,采用多种教学方法并重的方式,除常规的教学方法外,还可以采用案例教学法,任务驱动教学法,讲练结合等教学方法,整个教学过程主要以展示案例、分析案例、讲解知识点、教师演示和学生操练,最后再进行综合案例的应用,这样既让学生对案例有了实质性的接触和学习,又能充分的去完成对知识的自我构建和强化实训。

4加强实训环节,变革考核方式

网页设计是一门操作性和实用性很强的实训课程,实训至关重要,要提高学生实践动手能力,必须加强实训环节。在教学过程中的教学任务都应紧密围绕教学内容进行来设计实训,每次课都经过精心设计做成实训单元,每2节课为一个实训环节,并详细描述实训要求、实训目标、实训内容及步骤等。学生实训时将具体网站案例进行模块化分工,全班进行分小组完成各自实训模块,并且实训完成后要求写出完整的实训报告。

同时,在对学生的考核方面,传统的考试模式主要是以理论考试为主,而这种考试模式对该课程很不适应,因此笔者将课程的考核分为三个部分:平时成绩(20%)+理论成绩(20%)+实训成绩(60%),其中平时成绩按每堂课的作业完成情况和学生考勤进行打分;理论考试注重学生对网页设计基础知识、基本理论的掌握,采用选择题判断题等客观题的方式进行,为学生进一步的学习夯实基础;实训考试则考查学生实际动手能力,以便学生学完本课程后能有一技之长,真正做到学以致用。

网页制作设计报告 第11篇

一、实习工作介绍

我所在的这家公司,是一家做网上招商的商业网站,公司接收各种厂家提供的信息,然后由网络的技术人员,将商家的信息做成网页广告,然后挂在我们的网站上,以此达到商业推广的目的,类似我们公司的网站在同行业还有u88、28招商网等。

我和其它几位同事做为网络部的技术人员,主要的工作就是接收美工人员的网站模板,将其通过photoshop切片,然后导入dreamweaver进行排版,(排版主要使用css+div),并进一步的加以制作,完善美化,如加入js代码,或透明flash,因为网页是用css+div进行排版的,所以在最后一步的时候,我们还需要进行浏览器测试,因为css+div排版方式有一个最大的缺点就是:浏览器不兼容的问题,典型的如:ie与fireworks,因为各种浏览器使用的协议不同,所以会导致页面在最终浏览的时候有一些小问题,如:页面混乱,图片、文字之间的距离过大或过小,页面不美观等等,做为一个新人,我在有些方面的技术还很不成熟,所以在技术总监张伟的帮助下,解决了很多问题,所在我很感谢他,当每天我们做完网页后,都会在代码页面加入注释代码,在里面写上每个人姓名的汉语拼间和工作日期,这样方便月底做统计工作,公司领导会根据每个人的工作数量进行奖励,每做一个页面会有2块的提成,虽然少点,但是积少成多,也是很可观的。

二、初来公司的时候

(一)初级考试

初来公司的时候,我们经过了初期考试,培训,与最终考试三个阶段,在接到公司让我面试的电话后,我来到了**公司,因为要干的是网页设计,所以要有一个小测验,技术总监要求我们在网上自找图片和文字,做一个简单的页面,要求是:什么样的页面都可以,考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度,说实话,从毕业后,有一段时间没有写代码了,刚一上机,还有点生疏,但是凭借在学样扎实的学习功底,我很快就恢复了自己的英雄本色,将html代码写的很熟练,做了一个左右分栏的页面,没什么太大难度,技术总监看了以后,说不错,让我三天后参加培训,合格扣就可以正式上班了。

(二)三天的培训工作

三天后,我来到了公司,一看,来参加培训的人有很多,大概在十多个人左右,其实所谓的培训,就是让大家先熟悉这家网站的工作,先做一些他们平时干的活,做一些广告网页,这些网页都是静态的,没什么难度。我后来发现,自己在这些人当中,还是较较者,心里优势还挺好的。

(三)最后的考核

三天的培训后,我们迎来了最后的考核,合格的人会被留下,并得到一份为期一个月的实习合同,然后会在根据你在实习期的表现决定你的去留问题,最优秀的人会转正,得到很优厚的待遇。

考核的内容,就是在公司的商务网站上任选一个页面,然后在规定的时间内做完,我还不错,技术比较熟练,是第四个做完的。当我们把网页做完后由这家公司的经理进行审核,最后的结果是,最先做完的前8个人可以有底薪加提成,每人页面的提成是2元钱,而后面做完的,只有提成,没有底薪,他们的提成是每个页面5元钱,最后的几个人就被淘汰了,制度虽有点不近人情,但是刚毕业的学生能忍也就忍了,就这样,我们每个人得到了一份一个月的临时合同,正式开始了实习工作。

三、正式工作

我们每天的上班时间是从早上8:30分到下午的17:00,这是我见过最有激情的一些人了,年纪轻轻,干劲十足,来了以后就工作,连平时聊天的内容也和本行业分不开,我喜欢他(她)们,回为是实习期,所以每天做的数量没有太大要求,但是每个人都玩命似的干活,抓紧时间做网页,我们做的网页是比较简单的从上到下式的网页,通过css+div排版,这样在后期浏览器兼容测试中,就好做的很多了,文字与图片之间就不会有太多的麻烦,的很不错,不过有些追求精致,我做网页的速度慢了很多,最初每天只能做3--4个网页,这对于我来说是不能接受的,后来我改变了工作方法,我第次工作的时候,先订下计划,比如今天做多少网页,然后我将要做的所有网页,先做好排版,这时的网页虽然排过版,但是不美观,因为没有进行美化工作,然后我会在下午的时间,集中全力做美化工作,就这样我的速度提高了很多,快了将近一倍多。只要更加熟练速度不会更快,我相信自己。

四、业余的生活

每天的工作都是很快的,有时感觉时间过的很快,想停都停不住,早上出去的时候,见的是太阳,晚上下班后看到的是即将落日的夕阳或者是星星,每天就这么快的过去了,每个工作日结束后,我都会在下班后步行一段时间,去附近的图书城充会电,或者放松一下,找一些我喜欢的书,看上几个小时。

网页制作设计报告 第12篇

选题的意义、同类选题现状分析包括项目实施的意义和应用前景,国内外研究和应用概况,发展趋势,本项目的特色或创新之处)

电子商务发展在世界范围内都是刚刚开始,其发展速度极为迅速,传统商业模式正不断地被新的商业模式所替代。网上购物就是Internet和电子商务网站的产物,近几年在我国发展迅猛,就如同一些购物商场在各地纷纷开设分店以拉近与顾客间的距离一样。21世纪是网络的时代,信息的时代,时间是非常宝贵的,人们由于种种原因没有时间去逛商场,也不知道哪家商场有自己中意的商品,网上购物网站的建立就可以很好的解决这方面的问题,可以向广大用户推出一种全新的网上信息服务,旨在货品与消费者之间架起一座高速、便捷的网上信息桥梁,可以为用户节省时间、方便购物。

在国内也有许多我们所熟悉的大规模的网上购物网站,如阿里巴巴和淘宝网。中国的网上购物在摸索与借鉴中成长着,利用中国特有的优势来克服不利的外部环境因素,例如采用“货到付款”就是中国购物网站的成功创新。随着外部环境的逐步优化,上购物网站发展前景看好。

本网站的主要功能有:用户注册、会员登录、货物分类查询、货品浏览、购买货品、购物车、客户留言;管理员管理会员信息以及订单信息、管理员添加和删除货品、管理员查看留言。一方面,让顾客方便购买各类货物,给本购物网站提出宝贵的意见或建议;另一方面,管理员能在管理信息的同时也能了解顾客的需要,对网站的不足之处进行修改。本购物网站还在借鉴其他成功购物网站的同时也加入了一些创新的元素。如在货物介绍的页面中添加了同等商品价格的最新比较数据,让用户能够花比较少的时间找到自己满意的产品,同时在本网站中每个注册用户还可以拥有自己的一个小型的BLOG,在其中用户可以发展自己的购物经验和日常的心情。同时在网站的界面上,本网站了可能让用户设置网页的风格,用户可以按照自己的喜好改变网站的背景色,让整个网站更加的有特色。

(包括毕业设计目标、设计内容和拟解决的关键技术问题)

购物网站的建立是为了节约顾客时间和方便顾客购物,该网站主要有注册会员、会员登陆、货物搜索、购物车以及对会员、货品、订单的管理。以实现网上书店的交易和管理。

(1)前台服务:注册会员、会员登陆、会员修改个人信息及密码、货品分类搜索、货品浏览、货品购买、购物车,以及页面的特效如:将该网站设为首页、加入收藏、更改网页风格等。

(2)会员管理:管理员对会员个人信息的管理,验证会员登陆信息。并且可以在自己的BLOG中发表信息。

(3)图书管理:管理员查看书库中货物的库存量,包括各种货物的销售情况,以及及时更新数据库中货物的各种信息。

(4)订单管理:管理员对订单的管理,确认顾客信息与订单信息的准确性。

本系统主要是利用ASP、Dreamweaver、SQL数据库来完成设计的',主要完成了货物分类搜索、货物浏览、货物购买、购物车以及会员管理、货物管理、订单管理等功能的实现。

(包括开发平台选择、试验方案及可行性分析,设计和开发工作的总体安排、步骤等)

购物网站的设计与开发需要微机一台,操作系统为WindowsXP。开发环境为ASP、Dreamweaver,数据库为SQLServer20xx或选择Access。数据访问方法为使用ADO。NET通过ODBC的方法同数据库接口。使用这种方式访问数据,可以使用任何一种ODBC数据源,即不止适合于SQLServer、Oracle、Access等数据库应用程序,也适合于Excel表格,文本文件、图形文件和无格式的数据文件。

通过调查分析,建立购物网有其充分的必要性和可能性。可以建立该网站的可能性具体包含了它具有经济可行性、技术上的可行性和时机可行性,系统能达到以最小的开发成本取得最佳的经济效益,开发中所需人员、硬软件支持以及其它费用进行估算情况均满意,技术条件也能保证顺利完成开发工作。

最终认为该系统完全可行,网上购物网站是一个网上交易网站,利用该网站用户可以购买货物,修改自己的购物车,在自己的BLOG中发展信息;管理员作为管理者则可以查询会员的订单信息、管理货物,对货物进行添加和删除。

1、前台服务:

此模块是对于用户开放,实现的功能有:客户注册,会员登录,修改个人信息及密码,货品分类查询,货品浏览,购买货物,购物车,会员留言等。

2、后台:

此模块是对于管理员开放,实现的功能有:会员基本信息管理、订单管理、货物管理、查看留言。

网页制作设计报告 第13篇

学生被动接受,然后去机房实践,等到去机房实践时,由于时间隔得太久,学生把上次课堂所讲内容都忘得差不多了,上机时老师还需要再重复讲一遍,这样效率低下。还有,多媒体上课有时一次安排就是四节课,老师一次讲的知识点太多学生根本记不住,时间太长,最后学生听课的热情也不高,严重影响教学的质量和效果。因此,我们尝试改革教学模式,授课地点用多媒体机房代替传统的多媒体教室,在多媒体机房安装投影仪或电子教室软件,学生每人使用操作一台计算机,教师使用一台教师机。授课方法如下:如果是理论性比较强的部分,启用电子教室软件,对学生机进行控制,不允许学生操作电脑,教师一边讲解一边操作教师机,让学生看着显示器听老师讲解;如果是比较难掌握复杂的内容,教师就通过投影仪来讲解演示,学生可以跟着老师示范步骤一步步操作学习,从而实时掌握授课内容。每次控制好讲解时间及内容,一次讲解三四个知识点,精讲多练,每次讲完后预留合适的时间并布置小练习让学生来完成,并把所讲课程课件等一些相关资料服务器共享。完成作业后教师采用逐个点评作业的方式进行学习交流,使学生对所学的知识点更加巩固,同时大家相互交流也可以拓展思路并激发学习的热情和积极性。分析并临摹优秀网站。学习完第二个层次内容之后就可以让学生开始独立完成网站制作了,在临摹网站之前,要先让学生大量分析不同风格不同主题的优秀网站,并提交分析报告,学会审美网页,然后再临摹一些优秀的网页,在临摹的过程中,学习体会各种不同主题网站的不同的风格、配色以及界面设计。采用案例教学和项目教学。选用一些有代表性的案例,比如一些为人熟知的网站如新浪、搜狐等,通过对案例的分析讲解其相关的功能及制作方法,这样可让学生更有兴趣从而提高积极性。其次,也可采用项目教学法,通过项目驱动促进课程改革。可以把开发一个小型网站或大型网站的一个栏目作为项目,比如重新开发一学校或公司网站,从网页设计实际流程出发,让学生分组完成网站的前期策划、设计、制作、测试和,进而完成整个项目。通过项目教学,让学生掌握网页设计与制作的相关技术,培养独立开发及制作网站的能力。积极探索网络教学新模式。利用网络教学平台,我们将课件和相关学习资料放在教学网站上,供学生学习参考;还可开通网页爱好者交流群,学生对学习过程中遇到的各种问题进行讨论,有好的设计方法和经验大家相互交流学习;还可通过开展网页设计大赛,可展示评比学生的优秀作品,这样可提高学生的积极性。同时也可以相互学习分享。

考核方式

因此不能像其他课程一样采取传统的笔试方式进行考核,笔试比较适用于一些理工科课程,如高等数学、计算机原理等,该方式可考察学生对这些公式、原理、概念等掌握的情况。单纯上机出题考试也有一定局限性。本人认为应把考核的重点放在综合实践能力的考核上。该课程的考核可以有三部分组成:课堂表现(10%),上机练习作业(20%),最后作品(70%)。这样可以较全面地考核学生对该门课程的掌握与实践情况,其中作品指的是老师制定的项目要求,一般都是个人网站或其他主题的网站。学生在规定的时间制作完成上交。最后作品主要从网站的链接结构是否合理顺畅、网页配色、界面设计、网站内容的完整性、网站技术的运用以及网站运行是否稳定等方面来综合评定。最后的作业评定可以以答辩展示的形式,由每个学生阐述对该项目的想法、制作心得以及制作过程中遇到的问题,然后教师给予评定和答疑,这门课程的最后一个环节,授课教师对教学效果有个总体了解的同时也给学生一个更大程度提高的机会。

实践效果

笔者长期从事河南工程学院、中原工学院的《网页设计与制作》基层教学工作,通过对近三年物理学、会计学、广告学、网络工程、艺术设计、纺织工程等六个专业近400名学生的必修和公选的《网页设计与制作》教学效果进行了分类对比,通过调查问卷、学生评教、学生成绩分布情况等方式,主要从学生学历层次、授课地点、授课形式、是否采用案例教学、学习气氛培养等方面对培养方案进行了设计,则根据预定的授课方案对授课效果进行了跟踪和汇总。从教师授课效果来看,虽然在个别专业学生的日常上课非常配合,学习态度较为认真,但是从考试的成绩来看还是不如教学改革后的效果好,使用了新的教学手段学生成绩均有不同程度的提高,从不同的年级学生评教分数来看,大部分学生认为传统的《网页设计与制作》教学模式的评价分数并不理想。

结语

网页制作设计报告 第14篇

利用asp设计网的实习报告

今年11月,我在超想电脑公司实习,本次实习主要是参加超想电脑公司给一个地税的办公自动化系统的软件设计,此软件采用asp开发。本人在此过程中主要参与了用asp进行网设计,包括新闻栏的创建和自动更新,以及公告栏的创建、使用和维护。通过本次设计,使我更加深入掌握了asp网设计的技巧。下面就是本人在本次实习后的心得。

asp是microsoft公司推出的一种用以取代通用网关接口的技术,英文全称active server pages。它是一个web服务器端的运行环境。asp本身包含了vbscript和javascript引擎,使得脚本可以直接嵌入html中。现将我们在asp运用过程中的几个小技巧与大家分享。

一、新闻栏

1.预备工作:

1)建一个文件夹,起名为

网页制作设计报告 第15篇

1、 预期目标

(1) 通过本次实训要完成仙剑奇侠传的网页制作,包括二级页面和三级页面,还要应用一些网页制作的基本技巧。

(3) 通过连续时间的实际操作,巩固对网站的创建、网页的策划、设计与制作的理解,加深理解网站、网页、制作的过程,理解团队互助共同完成项目的协作精神。

2.关键技术及解决途径:

一、关键技术:

(1)有完整的策划报告(电子版),实际内容有改动不受影响;

(2)有标题的网站以及有对应自己创意设计制作的Logo图象、广告条等图象;

(3)至少有首页、二级页面、三级页面的层结构;

(4)有框架、有表单;

(5)有自己创作输入的'文字内容并经过排列整理;

(6)Dreamweaver模板技术;

(7)至少采用了样式表技术;

(8)采用鼠标事件等行为设置之一;

(9)不允许出现超级链接错误!

(10)有版权声明、网站更新日期、创意制作人员。

二、解决途径

根据课堂所学,充分利用相关技术要点,对于不懂的地方问实训老师。制作完成后,反复检查,保证链接的正确性。

3.方案设计与实施步骤:

一、方案设计

二、实施步骤(可以包括网站内容)

(1)确定网站内容为仙剑奇侠传4,并制定详细的策划报告

(2)查找相关资料,制作banner,logo,和相关动画图片

(3)小组分工合作,我负责首页制作,人物介绍,友情链接,留言板相关内容。

(4)采用布局技术设计首页,然后插入logo,banner美化首页

(5)应用模版技术制作人物介绍,介绍仙剑4中的重要出场人物,并配上相关图片和文字,制作了网站相册,使用了锚记。

(6)友情连接应用了框架,链接到百度贴吧,官网等相关网站,并用fireworks制作了相关的logo和banner。

(7)采用表单技术制作留言板。

(8)最后创建CSS样式,并运用到各个连接上。

(9)个相关页面之间进行必要的超级链接,友情链接与相关网站上链接。

(10)最后和另一小组成员进行作品汇总,完成相关站点的链接

(11)检查链接,清除多余文件和图片

这次实训充分利用了课堂所学,掌握了许多关键技术,例如模版技术,CSS样式,使得制作过程方便了很多。

在完成基本要求得基础上,文件夹、文件命名规范;文件存放位置合理;

制作完成之后进行过现场清理:没有无用的文件、文件夹,没有断链(外部链接不算);工作量饱满:内容较丰富、自己设计制作的素材应用多;色系、布局合理美观、考虑用户访问方便;采用各种特效、并且运用合理。

不过也有些不足,比如一开始没有把两个人制作的文件夹分开,导致后面汇总时比较麻烦。

不过总的来说,对这次的作品相当满意,不仅选择了我们自己喜欢的内容,而且在我们的水平上把它做的很精美。在这个过程中我们意识到了自己在相关技术上的不足,通过学习,知道了如何改进我们的缺点,相信在以后的应用中,我们会做的更加完美!

网页制作设计报告 第16篇

【关键词】大学生;网页;个性;网络安全

0 引言

大学生的身体的各机能正处于旺盛时期,心理现象是多种多样的[1]。自我意识增强,极度的关注自我的成长,深入了解自己。具有敏锐的观察力,通过观察,他们能发现事物的本质和主要细节,结合自己的经历和感受得出结论。善于思考,有其鲜明的独立性和批判性思维,不盲从,有主见,对问题有自己的独特见解,不人云亦云。而且他们具有较好的变通性和灵活性的思维,对新事物容易理解和接受。追求有其独特性,标新立异,审美评判自主,追新求奇,大学生自我设计的愿望十分强烈。但是其心理尚未成熟,在制作面向90后大学生的网页的时候,可能会有一个特别鲜明的主题[2],而且这个主题可能是我们90后大学生特有的一个标签。其次,是一个独特的整体布局,这个布局一定是与我们90后大学生的文化息息相关,展现我们特立独行的一面。在形式和内容上,我们可能会追求一种简单明了的设计风格,内容也会多样化,符合我们现有的价值观。

1 适合当代大学生的网页设计的建议

大学生与普通大众对网页审美、评判有些共同的特点,所以先从一般性来说

在网页整体设计中,增加字距及行高、文本的段落间距可以提高网页的可读性。网页过高多低的对比度容易造成眼睛疲劳,假设你长时间呆在房间里,突然走到外面抬头直视太阳,你肯定会感到非常不适。这同样适用于web设计。所以需要在背景和文本之间选择一个良好的对比度平衡点。

选择合适的图片,提高网页加载的速度。虽然如今已经光纤入户,但是还有一部分人使用拨号上网,速度相对较慢;还有相当部分人的手机还在使用2G信号,GPRS提供较低的网速。选择正确的格式,来优化网页图片[3],使得在网页加载的时候需要更少的时间,在图片质量得到保证的条件下,尽量压缩图片。

网页的简洁性,突出网站的主题,避免分散用户交互时的注意力。好的网页设计不仅仅是外表的设计,还要是用户友好型的[4-5]。通常来说,可用性高的网页设计一般都具有干净、简单的特点;每个页面元素都要有其作用,如果页面上有太多的或者不必要的功能组件会使得用户在交互时产生混淆,分散用户的注意力。

良好的导航(条/栏)设计。导航(条/栏)是一个网站的重要组成部分;它可以完成用户在网站内页面的跳转,使用户尽快的找到相应的内容。

使用不同浏览器对网页进行测试。迄今为止,网页浏览器的种类已经达到成百上千种,这些浏览器都不同程度的遵循着W3C的标准。所以使用不同浏览器对网页进行测试是很有必要的,以免出现不兼容(乱码)之类的错误,可以使用Browsershots工具测试浏览器兼容性。

对用不同的网页主题和浏览群体应采用不同的色彩搭配。[6]绿色是一个不错的选择,绿色代表阳光、健康;再比如关于宣传古典文化艺术的页面,可采用土黄色,土黄色代表着古朴、肃穆。等等,总之,合适的色彩搭配,会使网页使其宣传主体更加具有感染力。

大学生与普通大众也有着区别,所以在设计网页的时候应该考虑到这一点

鉴于青年大学生生理及心理因素,设计网页时应采用红、黄、蓝等暖色调的色彩,一般同一网页上应使用不超过三种主色彩,过多的主色彩易给读者眼花缭乱的感觉,影响正常的阅读。主色彩的种类越少越能使整个页面具有更好的整体性,前后更具有连贯性。

在设计的风格上,不应拘泥于传统棱角分明的设计,应更多的采用圆角设计和有趣的动态设计,圆角的设计可以有效的减轻网页对视觉的刺痛感,让人看起来更加舒服,青年大学生更加喜欢会“动”的网页,这样更符合他们的活力与躁动。

2 网站的安全

当_络环境的复杂性,使得网站必须能够面临一定的网络攻击、病毒等威胁。[7]如果网站遭到攻击,造成网页内容篡改,网页被挂马,那么它就不再会是受用户欢迎的网站了。为此,网站制作好了之后还要对网站进行安全渗透测试,根据反馈的漏洞进行修复。常见的安全测试有:数据库注入测试、跨站脚本攻击测试、敏感词汇测试等等。[8]在使用Flash时应当调整AllowScriptAccess参数设置为“sameDomain”,防止第三方Flash文件执行恶意代码。

3 总结

设计符合当代大学生的网页,要充分了解当代大学生的性格特点、兴趣爱好,在此基础上还要学会网页编程技术、技巧、美工的知识。随着科学技术的进步、社会的发展,大学生的特点、爱好、网页制作的技术也在发生变化,我们需要不断的对其了解,才能做出制作出符合当代大学生的网页。

【参考文献】

[1]赵迎欢,吴峰,刘莉,等.“当代大学生特点及环境影响”研究报告[J].思想理论教育导刊,2010(1):108-112.

[2]曾兰.90后大学生思想行为特点与教育引导策略研究[D].华中师范大学,2013.

[3]张向一.论插画设计与感性视觉的体现[J].青春岁月,2013(10).

[4]李健.网页设计的色彩调配和应用[J].安庆师范学院学报(自然科学版),2010(02).

[5]肖寒珉,余秋明.青春主题的色彩搭配[J].人像摄影,2010(04).

[6]公希萌.多媒体界面色彩搭配设计[J].神州,2012(34).

网页制作设计报告 第17篇

实验一:站点设置

一、实验目的及要求

本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装windows

xp操作系统;建立iis服务器环境,支持asp。

3、安装网页三剑客(dreamweaver

mx;flash

mx;fireworks

mx)等网页设计软件;

三、实验原理

通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。

四、实验方法与步骤

1)执行“站点\管理站点”命令,在弹出的“管理站点”对话框中单击“新建”按钮,在弹出的快捷菜单中选择“站点”命令。

2)在弹出的“站点定义为”对话框中单击“高级”选项卡。

3)在“站点名称”文本框中输入站点名称,在“默认文件夹”文本框中选择所创建的站点文件夹。在“默认图象文件夹”文本框中选择存放图象的文件夹,完成后单击“确定”按钮,返回“管理站点”对话框。

4)在“管理站点”对话框中单击“完成”按钮,站点创建完毕。

五、实验结果

六、讨论与结论

实验开始之前要先建立一个根文件夹,在实验的过程中把站点存在自己建的文件夹里,这样才能使实验条理化,不至于在实验后找不到自己的站点。在实验过程中会出现一些选项,计算机一般会有默认的选择,最后不要去更改,如果要更改要先充分了解清楚该选项的含义,以及它会造成的效果,否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。

实验二:页面图像设置

一、实验目的及要求:

本实例的目的.是设置页面的背景图像,并创建鼠标经过图像。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装windows

xp操作系统;建立iis服务器环境,支持asp。

3、安装网页三剑客(dreamweaver

mx;flash

mx;fireworks

mx)等网页设计软件;

4、安装acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

设置页面的背景图像,并创建鼠标经过图像。

四、实验方法与步骤

在“页面属性”对话框中设置页面的背景图像。

在页面文档中单击插入鼠标经过图像。

五、实验结果

六、讨论与结论

实验结束后我们可以看到页面的背景变成了我们插入的图像,并且要鼠标经过的时候会变成另一个图像,这就是鼠标经过图像的效果。当然这种实验效果很难在实验结果的截图里表现出来。这个实验的关键在于背景图像的选择,如果背景图像太大不仅会影响网页的打开速度,甚至图像在插入会也会有失真的感觉,因此在插入前对图像进行必要的处理能使实验的效果更好。

实验三:表格制作

一、实验目的及要求:

本实例是要创建边框为1像素的表格。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装windows

xp操作系统;建立iis服务器环境,支持asp。

3、安装网页三剑客(dreamweaver

mx;flash

mx;fireworks

mx)等网页设计软件;

4、安装acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

创建边框为1像素的表格。

四、实验方法与步骤

在文档中,单击表格按钮,在对话框中将“单元格间距”设置为“1”。

选中插入的表格,将“背景颜色”设置为“黑色”(#0000000)。

在表格中选中所有的单元格,在“属性”面版中将“背景颜色”设置为“白色”(#ffffff)。

设置完毕,保存页面,按下“f12”键预览。

五、实验结果

六、讨论与结论

本实验主要通过整个表格和单元格颜色的差异来衬托出实验效果,间距的作用主要在于表现这种颜色差异。表格的背景颜色和单元格的背景颜色容易混淆,在实验中要认真判断,一旦操作错误则得不到实验的效果。“表格宽度”文本框右侧的表格的宽度单位,包括“像素”和“百分比”两种,容易混淆,要充分地理解这两种单位表示的意义才能正确地进行选择,否则就不能达到自己想要的效果,设置错误就会严重影响实验效果。

实验四:创建锚点链接

一、实验目的及要求:

本实例的目的是创建锚点链接。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装windows

xp操作系统;建立iis服务器环境,支持asp。

3、安装网页三剑客(dreamweaver

mx;flash

mx;fireworks

mx)等网页设计软件;

4、安装acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

猜你喜欢