网页设计报告【通用4篇】

【导言】此例“网页设计报告【通用4篇】”的文档资料由阿拉题库网友为您分享整理，以供您学习参考之用，希望这篇资料对您有所帮助，喜欢就复制下载支持吧！

网页设计报告范文【第一篇】

利用ASP设计网的实习报告今年11月，我在超想电脑公司实习，本次实习主要是参加超想电脑公司给一个地税的办公自动化系统的软件设计，此软件采用asp开发。本人在此过程中主要参与了用ASP进行网设计，包括新闻栏的创建和自动更新，以及公告栏的创建、使用和维护。通过本次设计，使我更加深入掌握了ASP网设计的技巧。下面就是本人在本次实习后的心得。ASP是Microsoft公司推出的一种用以取代通用网关接口的技术，英文全称Active Server Pages。它是一个Web服务器端的运行环境。ASP本身包含了VBScript和JavaScript引擎，使得脚本可以直接嵌入HTML中。现将我们在ASP运用过程中的几个小技巧与大家分享。一、新闻栏大多数网上有新闻栏，用以显示最近新闻的主题，点击此主题即可查看详细报道。倘若每天都一条条写在网上，再依次建立太过麻烦。如何让其可以根据文件自动更新呢？1．预备工作：1）建一个文件夹，起名为

网页设计报告范文【第二篇】

通过《网页设计与制作》多年的教学发现，应用传统的教学方式及考核方法学生只建立了的基础的专业课程知识概念及单一的基本操作，并不能综合应用操作技能完成某主题网站的设计与制作。为了建立以网页设计与制作技能考核为主线的开放式、全过程的考核体系，提高学生综合项目实践能力，更好的与社会需求接轨。有必要对传统的考核方式进行改革，同时经过多年教学探索，结合人才培养方案制定了以下的考核方案。

二、考核方案

1.考核方案的制定

本考核采取学生小组合作（每组2-3名学生）完成一个规定主题网站项目的方式展开。总成绩由操作考核成绩、项目报告成绩两部分组成，权重分别为70％、30％，每一项按百分制评分后依权重比例计入总成绩，总成绩不及格者必须重修本课程并重新参加考试。因本校的现有学期总评成绩是由平时成绩30%、期中成绩30%、期末成绩40%组成，为了与学校的评分要求接轨，将本次考试所得的总成绩作为学校学期总评成绩的期末成绩部分。并在此说明平时成绩30%部分是由学生本学期的课程作业完成情况、出勤及上课表现综合评定。本考核方案中的操作考核、项目报告都有具体的考核方案，其中操作考核实施的具体要求以试卷形式展现，内容要求以表“操作考核内容”为中心，以考核学生综合网站制作能力为基本思路，通过小组合作完成主题网站的设计与制作，具体要求在此省略。此外要求学生撰写项目报告不仅让学生明确各自的份内工作，同时要求学生善于思考、总结，每做一个项目都有所收获。项目报告实施的具体要求涉及以下几个方面的内容：

（1）项目实施过程。项目实施过程包括前期策划、资料搜集、网页制作。在前期策划阶段，要求小组共同确定网站名称、网站风格（列举网页采用主要色彩及网页色调定位）、网站栏目、站点目录结构的内容以形成完整的网站规划，在此规划的指导下进行资料搜集、协作完成网页制作。其中网页制作中要求页面美工设计阶段介绍所用软件及提供至少首页效果图截图；静态页面制作阶段要求绘制网页布局的结构图及标注尺寸；程序开发阶段列举所用的开发工具、对数据库、表进行截图，以及绘制程序开发页面流程图。

（2）项目总结。对本项目完成情况进行分析、总结，并介绍项目实施过程中的收获及体会。在作品展示时要求各小组派出代表对作品进行介绍，总结，便于相互交流经验。

（3）项目组介绍。对该项目组成员进行介绍及项目实施过程中的人员分工情况进行报告。体现小组合作开发项目的工作模式，让学生明白实际工作中不仅需要具备较高的技术能力，还要有合作意识，与合作者之间有效、和谐的沟通。

2.考核方式

网页设计报告【第三篇】

①淘宝网页采用的主色调是：黑白桔———桔色标题栏，白底，蓝色字体。整体颜色搭配合理，但是色彩的亮度及饱和度不高，给人一种陈旧的感觉，在淘宝网站看东西，网页产品、产品介绍字样的色彩都比较暗淡，给人一种山寨的感觉，相比较而言，聚美优品的网页产品、产品介绍字样的色彩相对都比较明亮，给人清新认真的感觉，映衬出聚美优品不卖假产品的理念，然人们放心。改进方法与建议：增加网页图片的饱和度和亮度，是网页产品图片看起来更清新明亮，给顾客以美好的视觉感受。②产品介绍字迹的颜色变化：当鼠标选中一个产品文字介绍的时候，产品文字介绍就会变成橙色，这种颜色不够宣明，需要人们集中更大的精力去收集这些信息。其次，如图所示凸显在图片之上的方框文字介绍有画蛇添足的嫌疑。改进方法与建议：a看这些颜色较浅的文字时需呀注意力很集中，将产品的文字介绍黑色字体加粗颜色加深，使之涵盖的信息易于被客户吸收，减少因读取信息而产生的视觉疲劳；b当鼠标放在文字上时，字体颜色变为深红色，相应的图片放大呈现在原图片的上方。

2视觉

淘宝网页上推荐产品时一个页面排布密集，展示的产品过多，也达不到所要想达到的目的。造成视觉盲区。改进方法与建议：产品排列不要过于密集，根据最佳视域的原理横排不应展示超过5个产品。

3页面布局

淘宝网网页布局页面下方经常太过拥挤，动态图片过多，另一方面淘宝内容较多、页面过长、推荐较多，容易使用户产生烦闷情绪，失去浏览网页内容的耐心。切换页面有两个，上下两个让人“目不暇接”，抓不住图片内容，容易让人烦躁。此外，网页不分人群、性别盲目提送，让不少顾客感到厌烦，抱怨电商智商不高，例如作为一个男生，一般情况下，对女性美容美妆用品不感兴趣，因此淘宝账户推送给该产品很不高明。改进方法与建议：采取切换页面一个，在图片上方设置有文字提示选项，电商可以自动向顾客展示，顾客也可以自行选择要看的内容，就像商场里需要服务员的时候她在，不需要的时候她也不会缠着你一样，没有绑架的推荐更容易让顾客欣然接受，交易完成的几率也就比较大。分类页面采取横排更加清晰整洁，更符合人人因工程视觉搜索的要求，字迹得得大小更符合人因工程的要求。下方空白处的图画更人亲切感，不会那么的枯燥。

4logo

淘宝的logo孤零零的，没有什么创意，也没有体现企业的精神文化。提起一个企业最想让人想起的就是代表品牌的主体和企业文化的logo。所以在logo上，笔者认为可以加入更多的公司文化成分，而淘宝logo在上面做的不够好，如下图淘宝logo与京东logo、唯品会logo就可以看出。现对于淘宝，京东和唯品会在各自的logo上添加了自己企业文化的精髓，扩大了品牌在消费者中间的宣传，明确了企业产品的特色，抓住了消费者的第一印象。改进方法与建议：设计如下图1所示为改进的淘宝logo示例。

5结语

电子商务的网页设计要清楚了解用户的需要，了解用户是什么样的群体，把用户体验成做为电子网页设计的根本指标。当前的电子网页设计不足主要表现在：1）缺乏完整的用户体验的理论体系，不能充分考虑用户的体验需求；2）网页设计者缺乏相关知识体系制作电子网页时不能很好地应用人因工程相关理论作为指导；3）电商不能够及时把握用户的体验感受，不能及时对网页作出及时的调整最大限度满足用户的需求；4）缺少专业机构针对相关问题做深入的社会调查报告，电商与用户之间缺少沟通的桥梁。

网页设计报告【第四篇】

关键词：泛雅平台；混合式教学；微视频资源；教学设计；教学反思

“互联网+教育”是一个热门话题，MOOC教学、翻转课堂、混合式教学等模式已成为当前教育改革的重要发展趋势。2019年在教育部的工作会议上提出各学校应积极促进信息技术与教育教学的深度融合，究其本质是推动教育信息化全面升级的同时，教师的思维观念、创新意识、信息素养也要同步提升，促进课堂教学高质量完成。因此，必须充分利用现有信息化教学手段，改革创新固有的教学思维方式，提升课程教学质量的有效路径。适逢我校“智慧校园”“高水平现代化职业学校”项目创建，我们与超星公司进行合作，多次去其总部零距离培训学习，借助他们优秀的泛雅网络教学平台进行信息化教学与研究，在“边学边做，边做边用”中探索《网页设计与制作》课程的教学模式的实施方案，希望能有效提高课堂教学质量，对中职信息化教学模式改革提供参考。

1中职《网页设计与制作》课程现状

本课程是中职计算机应用、计算机网络等专业的一门专业基础课程，《国家职业教育改革实施方案》中“职教20条”要求推行“1+X证书”制度，其中“Web前端开发”即是“网页设计与制作”课程的核心内容，考取该证书的学生可从事Web前端开发、网页设计、网站建设等职业工种。它亦是对口单招班计算机应用专业学生的高考必考科目，在学生的升学考试中起到举足轻重的作用。从近几年本校《网页设计与制作》课程的教学情况看，由于采用的是传统填鸭式的教学模式，缺点显而易见，知识点枯燥乏味，学生被动接受，甚至有学生出现抵触情绪，教学效果必然不理想。因此，该课程的教学创新改革已箭在弦上。本校是江苏省首批智慧校园建设单位，无线网络全校覆盖，教室已安装智慧黑板、交互式教学一体机，学生智能终端设备齐全，泛雅平台可无缝对接，完全可以全天候进行网络自主学习，混合式学习的软、硬件条件完全具备。

2泛雅平台课程资源建设

为更好地融合国规和校本教材开展混合式教学，本校计算机教研组将《网页设计与制作》课程划分为5个项目，13个任务，知识点串联起来，采用项目引领、任务驱动的教学策略，教学模块以项目中的知识点来划分，每个模块的资源包含微课视频、课件、教案、学案、测试模块等形式。在具体课程中分别穿插短视频、Flash动画、案例背景以激发学生的学习兴趣、促进知识重、难点的有效解决。每次课程中均配有测试模块，学生首先应进行课前测试，只有测试合格后方可进入下一环节内容的学习。同时，重要的模块设置了讨论环节或头脑风暴，学生可对学习过程中遇到的各种难点、困惑点进行课前的在线交流，教师可在线答疑和进行针对性的辅导。其中微课视频资源的建设可采取以下几点原则：

内容布局合理

在进行微视频资源设计时，其内容一是讲究具体直观，二是必须是该章节的重、难点。同时，微课的设计也应具备科学性，既要形象生动，又要符合学生的认知发展规律。

内容短小精悍

微课资源需要在网络平台播放，在设计时，需短小精悍，且一个视频资源只讲解一到两个知识点，不宜冗长，通常不要超过5分钟。其涉及的教学主题和资源容量均要小，才适合学生碎片化时间来学习。

以学生为中心

建构主义理论强调学生经验世界的丰富性，学生并非一张白纸，而是有巨大潜力的鲜活个体。作为教师应清醒认识到这一点，在微视频资源的开发和具体教学活动时，体现以学生为中心的原则。首先，视频资源材料要从学习者的实际需要出发，发挥学习者的主观能动性，通过激发学生好奇、兴趣来探究和发现问题；其次，教师、学校、家庭三方要能提供全面微学习服务条件，尤其是校外家庭的督促非常重要，这样学生学习的外部环境即可得到保障。

3全程教学过程实施

泛雅平台的优点是告别传统授课模式，利用前沿技术引领课堂教学革新，以课程为中心、教师为主导、学生为主体，充分关联教室已有硬件，覆盖多种课堂教学模式。老师可以更加便捷地进行签到、选人、抢答、分组教学、主题讨论等教学活动的发放，做到线上课程及资源的实时调用，将传统课堂变为智慧课堂。

教学关节环环紧扣

基于泛雅平台的计算机教学过程设计和实施应以课前、课中及课后三个环节进行。课前，根据教学大纲和课程标准的要求，教研组教师集体备课，共同协作，编写教学计划和教案，精心制作微课、PPT课件、习题，准备上课所需的各类资源，上传到泛雅平台并发消息通知到班级学生，学生登录平台进行课前的线上自主学习完成规定的学习任务，掌握低难度的知识，比如HTML标签认知，几种超链接技术一看便会，同时也可了解其产生的背景和相关技术发展的历程和趋势。课前泛雅平台上，教师负责引导和督促学生，所有学生均可通过平台提出疑问，教师和其他在线同学解答；课中是教师主导、全体学生参与的“舞台”，混合式教学模式大放异彩，师生之间、生生之间的合作交流，共同完成高阶任务的学习，实现知识的内化吸收，上交作品并在线完成课堂学习评价反馈；课后，师生、生生通过在线交流讨论，分享学习体验，订正并完善作品，提交泛雅空间。每一个模块教学后，教师依据学生提交的作品、测试成绩、课堂活跃度、大数据分析报告等指标，客观评出学生的平时单项成绩。

分层教学提升质量

学生的接受水平、学习能力各有不同，尤其是中职课堂，可将学生按照个体差异划分成若干个教学小组，并对不同的小组提出相应的教学目标和要求，施以不同的教学方式，以达到提高教学效果的目的。如对接受能力强、基础好的学生，可鼓励其以自学为主，学会后自己尝试用同一技术做不同界面效果的网页；对接受能力一般的学生，可采用任务驱动的方法，循序渐进，逐步增加知识点难度；对基础水平较差的学生，可采用小师傅（已学会的同学担当小师傅）演示操作方法，有针对性地教学，保证这部分学生也能掌握相关计算机基础知识，同时也能进一步强化学生之间的合作意识，将不同层次的学生进行有机组合，形成不同合作学习小组，在提升学生的网页设计水平的同时，对表现好的同学给予激励和表扬，调动了他们的积极性，不同层次的同学均能体会到成功的喜悦。

4教学评价设计

当学习者使用智能终端学习时，所涉及的学习操作包括听课、写笔记、做作业、实践、讨论问题、参加线上活动等都将成为教育大数据的来源。基于泛雅网络平台的混合式教学通过组内自评、小组互评、教师点评等评价形式，从多视角客观评价了学生在课前、课中、课后的学习表现，这种方式有利于全方位检验学生的真实学习力，有益于学生自主分析和解决问题，有助于学生综合能力的提高。积极打造过程性评价与结果性评价相结合的考评策略。在学生完成不同模块的学习后，根据专业设置和职业技能的要求，分别对学生的学习态度、学习能力和合作能力等进行过程性评价。比如，平时成绩包括学生的学习态度、作业完成情况、出勤次数、课堂提问、上机操作、作品展示、合作学习等方面，教师每次上课时，对学生的表现及时给予激励加表扬，调动其积极性，端正其学习态度；期末闭卷考核，则注重考核学生灵活运用知识的能力和解决实际问题的能力。终结考核总成绩以平时考核加上期末闭卷考核占不同比例来综合计算，构成了全方位客观的评价体系。

5教学管理“四化”

在《网页设计与制作》课程的教学实施过程中，发现教学方法和经验具备项目化、图形化、数据化、个性化的“四化”优势。项目化是指课程的实施可以采取知识点归纳到一个一个的项目中去，像游戏闯关一样逐个地去实现；图形化是指整个教学过程均记录在泛雅平台上，像流程图一样可随时呈现出来；数据化是指每一次模块化教学的内容，如考勤、讨论、作业、考试的记录会自动汇集成考核数据，供领导或教师直观分析；个性化是指学习不是千篇1律，而是由学生自己掌握，学习不懂的地方可反复回看。另外，泛雅还有优质的线上课程，提供了比书本更丰富的知识和素材，学生可根据自己掌握情况自主选择学习。

6应用效果反思

经过一段时间的研究、探索和实践，对泛雅平台的混合式教学模式等有了深层次的掌握，以此为基础对课堂应用效果进行实证检验，虽取得一定成效，但也有值得反思的地方。本模式革新传统教学模式，通过线上、线下学习方式，充分调动学生的积极性，发挥学生的主动性，提高了学生的参与度。实施该模式后，教学的重、难点迎刃而解，有效提高了学习效率，取得了令人满意的教学效果。当然，在设计和实践教学过程中还需把以下两个方面做到位：

高质量的微课资源

微课资源的开发对教师的业务水平提出了很高的要求，在涵盖知识点的同时具备趣味性，既要吸引学生，又要能够在规定教学时间段内掌握特定知识点。另外，微课资源还要有配套的导学案和试题检验，有助于学生厘清思路和各知识点间的关系，课后及时测验学习效果。

互动强的课堂活动

丰富多彩的课堂活动是衡量一节课是否成功的重要因素，教师应合理分配活动时间和划分活动小组，通过小组内的协作和小组间的竞争，让更多学生能够展示自己，增强他们的自信心和成就感。要特别关注的是学困生和性格内向的学生，全力帮助他们克服胆怯心理和畏难情绪，提升学习效果。

7结语

中职课堂，特别是操作性极强、更新速度极快的计算机教学，如果还是延续传统的教学模式，必然导致教学效果差、效率低，学生掌握知识不理想。应尝试革新思路，在课程中充分利用泛雅平台、蓝墨云班课、雨课堂等信息化学习平台辅助教学，使用前沿、创新的教学模式激活课堂。本教学模式适应中职学生的学习规律和习惯，有效解决师生之间的沟通障碍。每个教学模块的授课情况和学生签到率、任务完成质量、上课活跃度、测试成绩等信息在泛雅平台上精准呈现，供后期分析并制定下一步计划。学生在课后遇到难题，可以随时观看视频解决，难点甚至可以反复回放。这样既掌握了知识，又能提升他们自主解决问题的能力，对学生的课堂学习和今后职业发展十分重要。

参考文献：

[1]许兴梅。基于泛雅平台的混合式教学过程——以中职计算机平面Photoshop课程为例[J].天工，2019(8):86.

[2]周奎，徐建俊，徐耀。基于云课程平台的智慧型课堂探索与实践[J].中国教育信息化·基础教育，2018(12):83-85.

[3]陈大伟，斯小琴，吴约。基于超星泛雅平台大学物理翻转课堂在线课程资源建设与应用实践[J].青海师范大学学报(自然科学版),2019,35(1):77-82.

[4]郭培粉。基于泛雅平台的基础英语翻转课堂教学模式构建研究[J].高教学刊，2019(20):119-121.