网页设计作品汇报 第1篇
一.网站的整体规划
1.讨论网站主题：因为自己对普罗旺斯很感兴趣，于是就想到要是一下为心中的仙境设计一个旅游网站。
2.定位网站CI形象：旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面，根据普罗旺斯梦幻般的意境，我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。
3.确定栏目和板块：
1）首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。
2）其次就应该考虑导航条的设置了。
3）正文的框架设置(横向因素和纵向因素交错)
4）在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。
4.网站的整体风格和创意：建立一个浪漫的旅行网站，走映像派路线，目的务必使浏览者留下映像。
二.网页制作的前期策划与准备
1.资料的搜集：由于个人的爱好，我很早以前就收集了许多普罗旺斯的美图，这次就方便多了。接着就搜集了一些有梦幻效果的网页背景，FIASH源代码、小图标和一些GIF的动画等。
2.熟悉制作工具软件：
主页制作的基本条件有：
硬件：
一台电脑(64mb以上内存，当然越大越好啦);可以拨号上网;如果你有条件的话，建议:配置扫描仪，这将大大方便图像和文字的输入;
软件：
网页设计作品汇报 第2篇
随着当前计算机技术的飞速发展，计算机应用范围的扩大，越来越多的中职院校在课程开设时顺势采用了项目式教学方法，结合校企结合或引企入校的方式来实施教学。《网页设计》课程不但是计算机专业学生的专业技术课，同时也是非计算机专业的学生非常欢迎的选修课目。针对中职教育的特点，为了适应学生这个群体的心理特点及思维现状，我们在不断的实践过程中，探索新型的教学方法，让学生在结合现实工作中的项目，小组团队协作完成项目，从协作和实施项目过程中完成知识和技能的学习，从真实的工作环境中学习。从而能达到学习完课程就能顶岗独立完成工作。
在我们的生活中，小到一个生日聚会、一次课余活动，大到一项工程建设，一个节日庆典，这都属于一个项目。项目无论是简单还是复杂都有一定的共有特性。美国PMI定义说：“项目是为了完成某一独特的产品、服务或任务所做的一次性努力。”而我们在教学活动中所提出的是“项目”则是指提出一个前人曾完成过的一个项目工作，也可以是由教材的相关内容转化来的社会的一种需求。学生围绕此工作或需求进行相关联的学习和探究的活动，从而完成知识的学习和能力的培养。
一、项目教学法的含义及特点
项目教学法是指教师与学生共同将教学知识作为一个完整的项目进行实施的教学活动过程。项目教学的目标在于把学生有意义的融入到一个完成项目的过程中去，调动学生的学习积极性、自主的对知识进行建构，把通过学习所掌握的知识技能以及培养起来的职业能力作为最终的目标。
二、在《网页设计》课堂教学中的设计
项目式教学设计中课堂教学中按照选定项目、制定计划、活动探究、制作作品、成果展示、综合评价等6个环节来设计。整个教学过程中以学生自主学习为主，教师引导启发为辅来让学生围绕项目自主学习探究。
在教学过程中贯穿项目式的学习中，项目的制定就显得非常重要，它既要根据学生兴趣来选定，同时又要考虑体现教学总体目标;并且所选择项目应该和学生日常的经历相关;难度要与学生的知识背景相符。制作热门话题专栏、制作个人主页、制作班级主页、制作个人爱好娱乐主页等，这些都是学生感兴趣的一些内容。在课程开始前要展示优秀的网站效果，让学生对网站建设有初步了解，并激发学生对网页设计的兴趣，让学生自己产生要制作属于自己的作品。
三、项目式教学过程的实施
根据学生自己感兴趣的课题项目对学生进行分组，并在课堂上统一进行课题项目的分析，分析的过程中要对学生网页设计的基础内容进行讲解和分析。在整个分析讲解的过程中要让学生了解整个过程的制作工具，并选定项目的负责人。然后依据学生学习自主化的原则，任务目标化的方法，根据项目目标的要求，由负责人统一安排小组学习任务，由教师引导学习方向，共同制定出个人学习任务目标。
本项目要以学会专业规划网站、对主题网页进行相关设计并完成制作为知识目标;把掌握资料素材整合、制作软件使用确立为技能目标;让学生学会协作、学会正确的认识与评价自己与同学相互帮助增强自信心为情感目标。
课程项目内容及相关能力要求中首要学生学习的内容是页面的布局。页面布局是依照网站的受众群体的特点进行色彩组合和版面布局，通过导航的设计及媒体的使用来修饰网页的整体视觉效果和功能效果。并通过添加各种网页元素（文字、图像、表格、表单、视频、动画等）的设计与制作完善网页整体效果。再次是网页的结构，网页结构的确立一般是由网页框架、使用的表格及层的综合运用来完成。最后就是使用各种特殊效果来美化网页效果、增强网页使用功能。并确定网页元素。如JavaScript特效的设计，使用不同的特效来加强网页与用户的可交互能力。
根据学习进程，制定小组前期准备部分。学生深入的调查研究确定知识内容与技能技巧部分的前期资料。这个过程主要是由学生自己进行协作，通过自习与课外活动时间来做相关的调查与资料的搜集。小组成员通过教材及辅助材料的共同分析学习，出现问题与指导教师统一探究解决。这个过程学生们通过不断发现问题，提出问题，最后解决问题的过程来完善自己的知识结构体系，最后形成一个系统的知识体系。
活动探究部分让学生完成知识体系的培养后，学生运用相应的小组计划分别完成各自的作品，在完成作品的时候还会出现知识性问题，也会遇到能力培养方面的问题，这时候教师就要引导学生自己探究，培养学生解决问题的`能力，从而提高学生的知识水平也加强学生各方面能力的培养。再此环节中要求教师在引导项目实施过程中要在引导方式上注意到有针对性的进行查漏补缺的帮助学生学习。
项目完成以后，由各小组先进行相互的指导交流，指导交流主要是为了让学生取长补短，这样可以很好的帮助自己发现问题，同时也可以发现自己的优点，从而增强自己的自信心。交流后给小组成员一课时的时间进行相应的总结及作品的微调整，并指定小组成员进行知识层面及技术层面的演示讲解，分享作品制作的成功和喜悦。通过这种形式，学生们获得了极大的成就感。
成就的最终获得还是要取决于最后的学习情况评价。整个评价过程采用了小组成员间、小组间及师生间的全方位综合评价法。项目开展过程中小组长对成员、成员对成员、成员对小组长都要进行不同方面的评价，最后把每部分的评价综合为项目终结性个人评价，加上其他小组成员对作品的评价，最后加上教师引导过程中的效果评价形成个人综合评价。这个评价也包括了知识和能力等多方面的细化评价，通过评价，使学生反思自己学到了什么知识和技能，以及不足，从而找出进一步学习的方向。
四、项目式课程设计的优势及不足
在整个项目的进行过程中学生可以自主的学习，自觉地接受学习，自己找可以承担的学习任务来完成，同时也学会了发现问题和解决问题的方法，发挥了个人的最大能力，也培养了从不同角度观察、思考和解决问题的办法，激发自身的创新意识，提高自身的创新能力。
但是整个过程仍然存在懈怠的同学，过分依赖他人完成整个项目，教师要是整个过程不能够及时发现这个问题则会造成学生学习发展的不均等，所以要加强项目学习的细化指导，加强教学过程的监督与引导。
其次在整个过程的实施中，学生的自觉性是直接影响到项目的进程及完成的最终效果，所以在学生整个学习的时间安排上应该有效的科学的安排，既要结合课余时间也要提高个人的学习效率。因为学生课余还有参加很多其他的学校获得所以导致计划落实有出入，所以加强计划可行性安排及建立项目学习的保障体系是需要我们继续探究的问题之一。
网页设计作品汇报 第3篇
在经济迅速发展的今天，Internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。学校在本周为我们安排了维持一周的网页制作专用周是实习，让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足，下面就谈谈我在本次专用周的主要感受。
一、网站整体规划，要做网页的第一步便是做网站的整体规划。这主要包括四个方面的内容
1、讨论网站的主题。
网站整体规划是做网页的第一步也是制作网页最关键的一步它决定了你要表答的信息，因此我选择了我选择我最喜爱的服饰来为它做网页。在平时我也对服装的网页比较关心，无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。
2、定位网站的CI形象。
“易菲”植根中国文化之精髓，汲取自然禀赋之灵性，形成一个既有浓厚文化底蕴，又有现代自然人文气息的特色品牌。“易”即是容，是包容，是宽容，是五千年中华民族的文化精髓，是厚德载物，是对人性宽度的一种拓展。“菲”通非，是生机、是个性、是春意盎然、是自强不息，是对人性深度的一种挖掘。“生活如花，自在快乐”是YIFINI易菲的设计理念，倡导一种与自然和谐相处，如花儿绽放般美好舒适、自在快乐的生活方式。这也便是我网站的CI形象。
3、确定栏目和板块。
于时间的关系在本次我准备做四张网页：一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。
4、网站的整体风格和创意。
整个网站的创意就在于颜色的搭配，与各种图片的搭配，它们相互辉映，相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上，YIEINI易菲推崇“自然美”，将带表女性气质的花卉和自然元素融入设计之中，充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围，力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的颜色来表达这张自然之美、和谐之美。
二、网页制作的前期策划与准备，在本阶级主要有两方面的工作
1、资料的搜集。
在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料，我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容，同时也搜集了一些对我有用的资料。在搜索资料最困难的便是动态图片的搜集，动态图片其gif格式的还是好保存，但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太成功，不过还搜到了可以换自己图片的代码。在开始时我根本就不知道flash是怎样搜索，不过经过三次像老实询问我终于懂得一些关于代码的搜索。在搜集资料的过程之中我发现了自己的许多不足之处，最关键就是平时对知识的掌握不够，连最基本的资料搜寻都觉得困难。也是我平时不够认真和努力的表现。通过这次的教训在以后我一定会做得更好，争取不范类似错误。
2、熟悉制作软件。
做网页主要用的工具便是Dremweaver、Photoshop、Flash软件。在这些软件我对Dremweaver、Photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。
三、网页制作，这便进入我该次的主题了具体制作流程如下
1、构建站点框架。
在我打开Dremweaver后第一步便是新建站点，我把我的站点建立在F仪下面。并将我搜集的全部资料都保存在其文件夹中，以便网页制作时可以方便的使用。
2、设计主页及二级页面。
在主页我设首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，美容美体，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，色彩呼应，搭配协调，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。
而且制作过程中，不忘以下原则：
简洁实用：这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便：同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求：布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。
交互式强：发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏，便于浏览和跳转。3个二级网页制作时，使用的是表格，每一个页面都用表格为它布局好，然后在插入图片文字及其他，这样有一定的规划性，体现了连贯统一性，不同的内容根据各自的特色建立了不同的表格，突出各自的主题，增强了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。
3、实现网页间的链接。
我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
4、向静太网页插入动态效果。
在这一阶段我遇到了许多的问题，主要是我在主页插入我的flash的时候，开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。最后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。
四、网页的调试
在做完网站才发现，怎么所有的图片素材并不是在一个文件夹中，而有许多的子文件夹，从网上下载的网页全都是一个网页对应一个文件夹。制作过程中，才发现，原来自己懂的太少了，好多不知道的地方，才赶紧查书，开始的时候只是会建立模版，可不会应用。而对于动态flash的插入我更是问题多多，开始是我对代码基本上是不懂，这就是自己学校上的问题，当真正开始运用的时候在向老师提问。
这只是在制作过程中出现一些问题，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站只是一些简单的静态的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。从我做的网页来看可以反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。同时我也希望能够有更多的类似动手练习，让我们在实践之中来学习知识。因为我觉得实践不仅能够提高我们的学习兴趣它更能够提高我们的动手能力增强我们的技术性。
网页设计作品汇报 第4篇
选题的意义、同类选题现状分析包括项目实施的意义和应用前景，国内外研究和应用概况，发展趋势，本项目的特色或创新之处）
电子商务发展在世界范围内都是刚刚开始，其发展速度极为迅速，传统商业模式正不断地被新的商业模式所替代。网上购物就是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、后台：
此模块是对于管理员开放，实现的功能有：会员基本信息管理、订单管理、货物管理、查看留言。
网页设计作品汇报 第5篇
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样式，使得制作过程方便了很多。
在完成基本要求得基础上，文件夹、文件命名规范;文件存放位置合理;
制作完成之后进行过现场清理：没有无用的文件、文件夹，没有断链(外部链接不算);工作量饱满：内容较丰富、自己设计制作的素材应用多;色系、布局合理美观、考虑用户访问方便;采用各种特效、并且运用合理。
不过也有些不足，比如一开始没有把两个人制作的文件夹分开，导致后面汇总时比较麻烦。
不过总的来说，对这次的作品相当满意，不仅选择了我们自己喜欢的内容，而且在我们的水平上把它做的很精美。在这个过程中我们意识到了自己在相关技术上的不足，通过学习，知道了如何改进我们的缺点，相信在以后的应用中，我们会做的更加完美!
网页设计作品汇报 第6篇
关键词：大数据；学习通平台；翻转课堂教学模式
随着网络信息化和大数据技术的发展以及“互联网+教育”的普及，学习通等网络移动平台在应用型本科教育中应用得越来越广泛。学习通等网络移动平台的应用，有效促进翻转课堂教学模式的开发和实施。本文基于超星学习通平台探索电子商务专业《网页设计》课程翻转课堂教学模式，进而以学生为中心，探索有效促进学生发展的教学方法。
1超星学习通简介
超星学习通是基于微服务架构打造的课程学习、知识传播与管理分享平台，也是一款基于互联网环境，满足教师和学生课堂内、外活动，及时反馈教学互动的个性化学习平台。在“互联网+教育”模式不断发展的新形式下，学习通平台为翻转课堂及跨界课堂等课堂教学新模式的开发和实施奠定坚实的技术基础。教师在课前、课中、课后可在学习通中学习资料、学习任务及要求、学习路线等内容；同时，教师可通过学习通预习及巩固测试等，并运用学习通的自动批改作业功能，形成成绩统计数据并反馈给学生。学生在课前可通过学习通自学教师的学习资料，根据学习任务书及学习要求、学习路线学习课堂教学内容及重、难点内容。
2《网页设计》课程简介
课程定位
《网页设计》是电子商务本科专业开设的一门专业必修课，通过学习使学生掌握网页制作三剑客DreamWeaver、Fireworks、Flash在网页设计过程中的应用，使学生具备网站策划、网页设计与制作、效果图设计与制作等方面的技能，提高学生分析问题、解决问题的能力和项目实施能力，注重学生在学习和实践过程中职业素质的养成《网页设计》重点培养学生网页设计等实践技能，服务5G视商农产品网络营销工作中互联网营销工作内容。根据《网页设计》课程对电商专业毕业需求指标点的支撑关系以及对学年实践教学目标的支撑关系明确该课程的教学目标为：教学目标1：能运用HTML属性及标记等创造性地构建网站站点；教学目标2：能运用CSS样式、选择器等创造性地制作图文混排网页；教学目标3：能运用表格、列表、超链接等创造性地制作表格布局网页；教学目标4：能运用表单控件等创造性地制作表单网页；教学目标5：能运用标准文档流、盒子模型、浮动与定位等创造性地布局与美化网页。
课程设计
本门课程共48课时，其中24学时为理论教学学时，24学时为实践教学学时。一方面，加强学生对网页设计基本概念和基本理论学习，注重学生的知识再现能力和知识应用能力；另一方面，注重学生实践应用，要求学生在掌握基本概念和基本理论的同时，能应用所学知识根据5G视商企业需求进行网页设计与美化，重点要掌握网页设计的思维和方法，培养自己的网页设计实践操作能力。教学项目选择根据电商专业人才培养方案要求本课程培养出既会设计网页又懂理论的本科应用型人才，首先选择本课程教学内容，制订教学大纲，也就是确定课点的质量。学科体系重理论轻实践，而且课点抽象，为更好地依托课点落实课程教学目标，将学科课程体系下的章节内容依托工作过程，重构为行动课程体系下由简单到复杂的三个项目，三个项目又依托对应子项目完成知识和技能提升。项目选择一方面考虑依据专业人才培养服务面向定位：“涉农电商”；一方面考虑课程思政元素，致力于培养学生服务地方经济发展的社会责任感和家国情怀。从专业项目库中选择涉农电商企业5G视商项目，对应开发出二级矩阵，确保教学目标达成；课程思政设计源于以往的教学经验、总结和反思，密切结合专业课程的特点和课程内容选择课程思政内容。从知识点中发掘思政元素：如网页设计知识的来源和发展、技术应用、产业与市场、与社会生活的关系；知识内涵的价值观、哲学、思想、思维、逻辑、情感。发掘教学内容中所蕴含的哲学思想与元素：如认识论、方法论、自然辩证法的思路和方法；思维方式（历史思维、辩证思维、系统思维、创新思维）的启发与建立。（1）选择真实案例国内、外典型网页设计实践，也可是电子商务专业学生的真人、真事，使学生端正学习态度，受身边故事感染，逐渐养成爱学习的好习惯，主动按职业道德要求约束自己；（2）失败的教训、警示性的问题多维度分析原因（术、道、德、主客观原因）对学生心理和情感的影响。课程思政教学过程设计包括课堂内活动和课堂外活动两部分。课堂内活动：导课时师生讲故事、谈启示，以激发学生学习兴趣，适当采用翻转课堂，最好的学习是讲；课中分析网页设计案例，点评学生完成作业中反映的学习态度、认识论与方法论；小结时学生总结学习过程中领悟的道理。（3）课外活动教师通过学习通课程思政案例，学生在学习通中讨论课程思政案例，将优秀的课程思政案例在线传播，通过师生自媒体工具扩散，传播正能量。《网页设计》课程本学期采用线上线下混合式教学，线上通过学习通学习路线及学习资料等，学生课前通过学习通学习线上学习资料，实现生生互评、互教，本课程运用先行课程《农产品网络推广》中农产品网络推广策略以及《程序设计基础》中程序设计思维和方法，重点培养学生用网页制作三剑客DreamWeaver、Fireworks、Flash进行网站策划、网页设计与制作、详情页设计与制作的能力，为以后学习《电子商务网站建设》等后续课程提供技术支撑。
课程实施路径和方法
课程实施按PDCA循环进行，每个环节均要抓好人、机、料、法、环、测六个要素。（Plan）：完成教学设计此阶段教师要搜集5G视商项目资料、分析教学目标、分析学情、研究制度与学法、教法、设计预习作业、设计测评量表，最终形成教案；（Do）：实施教学设计实施教学设计，在课前、课中、课后实施中，都要抓住六要素。尤其是人：手把手，教师抓两头、带中间，发动骨干，为课上团队PK做准备；（Check）：检查教学效果检查教学效果，以料为基础，以测为手段，判断其它要素的成绩与不足。检查的关键也是人，对教师而言，一看教师教学内容是否符合专业需求，是否得到专业长的支持；二看与辅导员的配合；三看对学生团队的培育与指导。对学生而言，每次课课前、课中、课后均需及时检查学习效果，及时发现学习中存在的问题并解决问题；（Action）：优化教学设计优化教学设计时，教师不但自己要反思，还要指导学生反思，生成学习反思档案，通过PDCA循环不断提升人才培养质量。每次课课程实施都遵循PDCA过程，同时PDCA又分别是人、机、料、法、环、测充分发挥作用的过程，由此构成循环。从专业项目库中选择5G视商产业园项目，根据工作过程划分为三个由简单到复杂的项目，分为课前、课中、课后三个阶段实施。在专业质量管理体系保障下，在课程实施中，在课前通过前测分出差异化学生，从而分配差异化项目，同时在师生课前签订的课程协议等“法”的约束下，最终产出课程产品，并测量课程产品。通过组织团建、课程沙龙等营造出快乐学习、娱乐考核的大环境。以项目为例，课程实施分课前、课中、课后三个阶段，在课前教师通过学习通下发预习指导书等并归纳典型问题等。学长导师主要通过学习通等手段负责督促、指导、发现问题并反馈教师，学生线上预习、完成网页作品雏形。“三五”融入：课前预习图像标记等内容培养学生自我学习能力、设计网页雏形锻炼学生实践动手能力等。课前学习产出测量观测点分态度、知识、技能三个方面。课中、课后采用类似思路和方法以充分发挥学长导师作用，完成企业任务，人、机、料、法、环、测整个过程充分发挥作用。
课程评价
在课程评价中，充分发挥课程监理师作用，为有效测评课程教学目标达成度，检测课点掌握程度，开发了七个子项目的项目矩阵，也就是三级矩阵，从而明确每个项目的课点学习产出测量标准，以其中一个项目为例，重点是告知学生如何测量学习成果，比如课点1块级元素和行内元素中知识点要求学生能区分够块级元素和行内元素，正确率100%，合格；技能点要求能使用块级元素和行内元素设计网页等；态度点要求作品中能正确处理全局和布局的美观设计，对自己作品承担设计责任等。通过三级矩阵确保每个课点达成度，进而达成二级矩阵中项目目标从而完成一级矩阵中教学目标进而保障学年实践教学目标中达成本课程分解目标；同时与本学年其它课程一起确保达成学年教学目标从课程定位自上而下分解目标通过课程评价完成自下而上达成目标。采用四方评价：教师+企业+学长导师+学生，从知识、技能、态度三方面观测，并分别设计对应学习产出测量表。最终形式成果档案袋、学生成果展、优秀学生成长故事会。故事会则推选出优秀学生进行展示和交流，以树立培育优秀典型输入专业导师团中。关于课堂出席政策及要求，要求每位同学需出席并参与每一节课程中，课堂上按要求认真记笔记，笔记要求字迹工整，内容详实，课堂笔记是重要的复习资料。教师将抽查学生笔记，对字迹不工整等不认真记笔记的同学，将根据评分标准扣除本人和团队成员“出勤”相应分数。每位同学需出席并参与每一节课程中，每节课均会进行考勤登记，由班长将缺勤同学的请假条交给任课教师进行登记，经辅导员批准的假条方为有效。出勤扣分细则如下：出勤每少一次，扣1分；出勤少1/3者，取消考试资格。关于上课行为规范、诚信学习要求如下：每位同学需携带必需的上课材料，提前5分钟进入教室；每发现一次不携带教材、笔记本、笔等必需学习用品，从期末平时成绩总分中扣除1分。认真记笔记，笔记内容、进度与书写质量是笔记检查的重点，笔记内容要求包括网页设计、表单、超链接等相关知识、相关图表及个人听课感悟，书写质量要求图表绘制美观、字迹工整。衣冠整洁，仪表仪容得体，上课不能吃零食、喝饮料。课堂上认真听讲，积极参与课堂学习活动，不做影响他人听课或干扰教师授课的行为，诸如上课玩手机、睡觉、私自离开教室等行为将被视为违反课堂纪律；对做与课堂无关的事，诸如玩手机、睡觉、私自离开教室等行为，每出现一次从期末平时成绩总分中扣除1分。所有测试卷的雷同者或考试作弊者取消当事人（双方）本次测试成绩。关于参与实践环节的要求如下：实践学时共24学时，主要根据5G视商企业需求进行网页设计实践，学生应在实践前完成相关实践准备，撰写实践报告，并通过与其它小组开展PK，掌握网页设计的主要技能，实践完成后，不断完善项目实践报告，撰写实验报告。学习小组按4人为上限划分，在部分课堂中尝试团队式学习，也会安排一定任务的分组、汇报等环节，要求学生积极参与，此部分内容将计入“课堂参与”成绩考核中。
3学习通在《网页设计》翻转课堂模式中的应用
课前
在课前教师通过学习通平台下发预习指导书、预习资料、预习要求及预习测试等内容，通过学习通的自动批改试卷功能自动生成预习测试成绩等，教师及时通过学习通平台将预习测试结果反馈给学生，帮助学生及时发现预习中存在的问题。学生在课前通过学习通平台自学预习内容并按时完成学习通中对应的预习测试，及时总结和反思在预习中遇到的问题。
“三五”融入
“三五”是指“五种素质能力”、“五种通用能力”、“五种做事能力”。其中“五种素质能力”包括政治鉴别能力、自我学习能力、实践动手能力、合作协调能力、身心承受能力；“五种通用能力”包括开发项目、集体讨论、团队合作、陈述报告、评估取舍；“五种做事能力”包括调查研究能力、职业汉语能力、外语运用能力、汉字书写能力、网络运营能力。在课前预习中注重培养学生“三五”能力，比如课前预习图像标记等内容培养学生自我学习能力、设计网页设计作品雏形,锻炼学生实践动手能力等。
课中
教师能运用学习通的签到功能进行考勤，方便又快捷，给考勤带来了便利。课堂中能运用学习通中选人功能进行随机摇号选人或随机指定学生进行提问或汇报，这种线上选人方法的随机性，给学生创造均等的被提问的机会以及分享、交流、展示的机会，能使学生的陈述报告能力得到充分的锻炼；同时学习通中还提供抢答、问卷、主题讨论等模块，有利于教师进行课堂互动和交流。
课后
在课后教师可通过学习通巩固测试题、巩固作业等内容，及时巩固学生在课前、课中所学内容，实现知识、技能、态度从课前到课中、课后的螺旋式提升；同时，课后教师可通过学习通反馈学生学习效果数据，及时发现学生学习中存在的问题，并通过学习通将学习效果数据公布给学生，形成及时反馈机制，以达到督促学生学习的效果，实现以学生为中心的教学理念。
4小结
超星学习通平台为翻转课堂教学模式的实施提供便利条件，随着“互联网+大数据”技术的发展，在翻转课堂教学模式中应用学习通等网络移动平台是一种必然的选择和趋势。在大数据时代，应用信息技术进行教学模式和方法的改革是必经之路。优质数字化教学资源是教学内容与信息技术有机结合的最佳呈现形式。
参考文献
[1]黄海龙.数字化教学资源建设与应用研究[J].中国现代教育装备，2019（15）：17-20．
[2]胡梅，钱明珠，王海棚.基于超星学习通混合教学模式在动物微生物课程中的应用[J].河南农业，2021（6）：30-31.
[3]王东娟，戴培赟，李晓丽，等.高职院校数字化课程资源建设与应用研究现状分析[J].无线互联科技，2021（8）：115-117.
网页设计作品汇报 第7篇
毕业后，我来到了社会这个汇集众多江河湖水的大海，感受到了独立生活的好处与艰辛，同时我自己也更深的理解了，家长和学校老师对我们的殷切希望，在社会实习的这段日子，我吃了些苦，受了些罪，可是整个人在肉体上和精神上却升华了很多，也比以前的变得更有自信了。现将我的实习情况汇报如下。
一、实习工作介绍
我所在的这家公司，是一家做网上招商的商业网站，公司接收各种厂家提供的信息，然后由网络的技术人员，将商家的信息做成网页广告，然后挂在我们的网站上，以此达到商业推广的目的，类似我们公司的网站在同行业还有u88、28招商网等。
我和其它几位同事做为网络部的技术人员，主要的工作就是接收美工人员的网站模板，将其通过photoshop切片，然后导入dreamweaver进行排版，（排版主要使用css+p），并进一步的加以制作，完善美化，如加入js代码，或透明flash，因为网页是用css+p进行排版的，所以在最后一步的时候，我们还需要进行浏览器测试，因为css+p排版方式有一个最大的缺点就是：浏览器不兼容的问题，典型的如：ie与fireworks，因为各种浏览器使用的协议不同，所以会导致页面在最终浏览的时候有一些小问题，如：页面混乱，图片、文字之间的距离过大或过小，页面不美观等等，做为一个新人，我在有些方面的技术还很不成熟，所以在技术总监张伟的帮助下，解决了很多问题，所在我很感谢他，当每天我们做完网页后，都会在代码页面加入注释代码，在里面写上每个人姓名的汉语拼间和工作日期，这样方便月底做统计工作，公司领导会根据每个人的工作数量进行奖励，每做一个页面会有2块的提成，虽然少点，但是积少成多，也是很可观的。
二、初来公司的时候
（一）初级考试
初来公司的时候，我们经过了初期考试，培训，与最终考试三个阶段，在接到公司让我面试的电话后，我来到了xx公司，因为要干的是网页设计，所以要有一个小测验，技术总监要求我们在网上自找图片和文字，做一个简单的页面，要求是：什么样的页面都可以，考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度，说实话，从毕业后，有一段时间没有写代码了，刚一上机，还有点生疏，但是凭借在学样扎实的学习功底，我很快就恢复了自己的英雄本色，将html代码写的很熟练，做了一个左右分栏的页面，没什么太大难度，技术总监看了以后，说不错，让我三天后参加培训，合格扣就可以正式上班了。
（二）三天的培训工作
三天后，我来到了公司，一看，来参加培训的人有很多，大概在十多个人左右，其实所谓的培训，就是让大家先熟悉这家网站的工作，先做一些他们平时干的活，做一些广告网页，这些网页都是静态的，没什么难度。我后来发现，自己在这些人当中，还是较较者，心里优势还挺好的。
（三）最后的考核
三天的培训后，我们迎来了最后的考核，合格的人会被留下，并得到一份为期一个月的实习合同，然后会在根据你在实习期的表现决定你的去留问题，最优秀的人会转正，得到很优厚的待遇。
考核的内容，就是在公司的商务网站上任选一个页面，然后在规定的时间内做完，我还不错，技术比较熟练，是第四个做完的。当我们把网页做完后由这家公司的经理进行审核，最后的结果是，最先做完的前8个人可以有底薪加提成，每人页面的提成是2元钱，而后面做完的，只有提成，没有底薪，他们的提成是每个页面5元钱，最后的几个人就被淘汰了，制度虽有点不近人情，但是刚毕业的学生能忍也就忍了，就这样，我们每个人得到了一份一个月的临时合同，正式开始了实习工作。
三、正式工作
我们每天的上班时间是从早上8：30分到下午的17：00，这是我见过最有激情的一些人了，年纪轻轻，干劲十足，来了以后就工作，连平时聊天的内容也和本行业分不开，我喜欢他（她）们，回为是实习期，所以每天做的数量没有太大要求，但是每个人都玩命似的干活，抓紧时间做网页，我们做的网页是比较简单的从上到下式的网页，通过css+p排版，这样在后期浏览器兼容测试中，就好做的很多了，文字与图片之间就不会有太多的麻烦，我干的很不错，不过有些追求精致，我做网页的速度慢了很多，最初每天只能做3——4个网页，这对于我来说是不能接受的，后来我改变了工作方法，我第次工作的时候，先订下计划，比如今天做多少网页，然后我将要做的所有网页，先做好排版，这时的网页虽然排过版，但是不美观，因为没有进行美化工作，然后我会在下午的时间，集中全力做美化工作，就这样我的速度提高了很多，快了将近一倍多。只要更加熟练速度不会更快，我相信自己。
四、业余的生活
每天的工作都是是很快的，有时感觉时间过的很快，想停都停不住，早上出去的时候，见的是太阳，晚上下班后看到的是即将落日的夕阳或者是星星，每天就这么快的过去了，每个工作日结束后，我都会在下班后步行一段时间，去附近的图书城充会电，或者放松一下，找一些我喜欢的书，看上几个小时。
五、工作心得体会
实习期结束后，我和其它同事得到了正式合同并留在了这家公司，通过这次工作，我得到的最大体会就是，如果一个人在社会上没有一技之长，那他是没有办法很好的活下来的，只有不断的加强自身专业技能学习才行。所以，尊敬的老师，我会在业余时间好好学习，加强自己的专业能力，使自己变得更强，只有这样才能上到为国家、为社会做出贡献，下到为自己、为父母、为学校交出一份满意的答卷。
网页设计作品汇报 第8篇
毕业后，我来到了社会这个汇集众多江河湖水的大海，感受到了独立生活的好处与艰辛，同时我自己也更深的理解了，家长和学校老师对我们的殷切希望，在社会实习的这段日子，我吃了些苦，受了些罪，可是整个人在肉体上和精神上却升华了很多，也比以前的变得更有自信了。现将我的实习情况汇报如下：
一、实习工作介绍
我所在的这家公司，是一家做网上招商的商业网站，公司接收各种厂家提供的信息，然后由网络的技术人员，将商家的信息做成网页广告，然后挂在我们的网站上，以此达到商业推广的目的，类似我们公司的网站在同行业还有u88、28招商网等。
我和其它几位同事做为网络部的技术人员，主要的工作就是接收美工人员的网站模板，将其通过photoshop切片，然后导入dreamweaver进行排版，（排版主要使用css+div），并进一步的加以制作，完善美化，如加入js代码，或透明flash，因为网页是用css+div进行排版的，所以在最后一步的时候，我们还需要进行浏览器测试，因为css+div排版方式有一个最大的缺点就是：浏览器不兼容的问题，典型的如：ie与fireworks，因为各种浏览器使用的协议不同，所以会导致页面在最终浏览的时候有一些小问题，如：页面混乱，图片、文字之间的距离过大或过小，页面不美观等等，做为一个新人，我在有些方面的技术还很不成熟，所以在技术总监张伟的帮助下，解决了很多问题，所在我很感谢他，当每天我们做完网页后，都会在代码页面加入注释代码，在里面写上每个人姓名的汉语拼间和工作日期，这样方便月底做统计工作，公司领导会根据每个人的工作数量进行奖励，每做一个页面会有2块的提成，虽然少点，但是积少成多，也是很可观的。
二、初来公司的时候
（一）初级考试
初来公司的时候，我们经过了初期考试，培训，与最终考试三个阶段，在接到公司让我面试的电话后，我来到了xx公司，因为要干的是网页设计，所以要有一个小测验，技术总监要求我们在网上自找图片和文字，做一个简单的页面，要求是：什么样的页面都可以，考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度，说实话，从毕业后，有一段时间没有写代码了，刚一上机，还有点生疏，但是凭借在学样扎实的学习功底，我很快就恢复了自己的英雄本色，将html代码写的很熟练，做了一个左右分栏的页面，没什么太大难度，技术总监看了以后，说不错，让我三天后参加培训，合格扣就可以正式上班了。
（二）三天的培训工作
三天后，我来到了公司，一看，来参加培训的人有很多，大概在十多个人左右，其实所谓的培训，就是让大家先熟悉这家网站的工作，先做一些他们平时干的活，做一些广告网页，这些网页都是静态的，没什么难度。我后来发现，自己在这些人当中，还是较较者，心里优势还挺好的。
（三）最后的考核
三天的培训后，我们迎来了最后的考核，合格的人会被留下，并得到一份为期一个月的实习合同，然后会在根据你在实习期的表现决定你的去留问题，最优秀的人会转正，得到很优厚的待遇。
考核的内容，就是在公司的商务网站上任选一个页面，然后在规定的时间内做完，我还不错，技术比较熟练，是第四个做完的。当我们把网页做完后由这家公司的经理进行审核，最后的结果是，最先做完的前8个人可以有底薪加提成，每人页面的提成是2元钱，而后面做完的，只有提成，没有底薪，他们的提成是每个页面5元钱，最后的几个人就被淘汰了，制度虽有点不近人情，但是刚毕业的学生能忍也就忍了，就这样，我们每个人得到了一份一个月的临时合同，正式开始了实习工作。
我的实习是从大三刚开学，被一位老师推荐到一家室内设计公司实习了！真庆幸自己平时能利用课余时间学到那些设计方面的知识，和大二暑假到那家设计公司实习啊！要不是这些，我想现在就由学校安排到厂工里当普工。但自己最大的收获是将所学的adobe软件用于实践，并且通过实践检验了自己关于设计方面的假设和猜想，取得了一些令自己满意的成绩。
三、正式工作
我们每天的上班时间是从早上8：30分到下午的17：00，这是我见过最有激情的`一些人了，年纪轻轻，干劲十足，来了以后就工作，连平时聊天的内容也和本行业分不开，我喜欢他（她）们，回为是实习期，所以每天做的数量没有太大要求，但是每个人都玩命似的干活，抓紧时间做网页，我们做的网页是比较简单的从上到下式的网页，通过css+div排版，这样在后期浏览器兼容测试中，就好做的很多了，文字与图片之间就不会有太多的麻烦，我干的很不错，不过有些追求精致，我做网页的速度慢了很多，最初每天只能做3——4个网页，这对于我来说是不能接受的，后来我改变了工作方法，我第次工作的时候，先订下计划，比如今天做多少网页，然后我将要做的所有网页，先做好排版，这时的网页虽然排过版，但是不美观，因为没有进行美化工作，然后我会在下午的时间，集中全力做美化工作，就这样我的速度提高了很多，快了将近一倍多。只要更加熟练速度不会更快，我相信自己。
四、业余的生活
每天的工作都是是很快的，有时感觉时间过的很快，想停都停不住，早上出去的时候，见的是太阳，晚上下班后看到的是即将落日的夕阳或者是星星，每天就这么快的过去了，每个工作日结束后，我都会在下班后步行一段时间，去附近的图书城充会电，或者放松一下，找一些我喜欢的书，看上几个小时。
五、工作心得体会
明年就要开始找工作了，这次实习，更让我懂得了珍惜现在的生活，校园生活真的非常完美，非常令人羡慕！职场的竞争很大，“逆水行舟，不进则退”，必须时刻提醒自己，督促自己！同时也看到了许多，知道做人比做事更加重要，没有人天生就会，没有人天生就懂，只有不断地努力才能成功，在这里不是每个人都有认为你是什么的，有的人就觉得你什么也不是。你只有付出好好学，做给她们看。证明自己不是虚的，证明自己有实力，名副其实！
实习期结束后，我和其它同事得到了正式合同并留在了这家公司，通过这次工作，我得到的最大体会就是，如果一个人在社会上没有一技之长，那他是没有办法很好的活下来的，只有不断的加强自身专业技能学习才行。所以，尊敬的老师，我会在业余时间好好学习，加强自己的专业能力，使自己变得更强，只有这样才能上到为国家、为社会做出贡献，下到为自己、为父母、为学校交出一份满意的答卷。
广告图象摄影和广告插画上，通过对商品在消费使用过程中的情景做出真实的再现，以便来宣传商品的特征，突出商品的形象；或以摄影图形来促发消费者的购买欲望，更直观准确地传达产品信息。真实的反映商品的结构、造型、材料和品质。广告的插画有传统的写实描绘逐渐向夸张、理想化和多边化的视觉表现方向发展，重意念而轻形似，从而有助于强化广告商品对象的特征和主题。在广告排版制作的过程中，使用卡通形象作为产品代言人不但可以以卡通形象的活泼自由，个性化的形象赢得消费者的好感，还省去了请名人做代言的庞大广告支出和风险。