网站课程设计总结

网站课程设计总结（精选10篇）

网站课程设计总结 篇1

我是一名电脑爱好者。进入大学里的条第一门公选课，我选择了《网站设计与制作》这门课程，出于对网站设计的强烈的兴趣，抱着强大的求知欲，终于，我进入这门课程的学习。虽然这门课程的总学时比较短，但是经过老师的认真授课以及我的认真听讲，我学到了很多有关网站设计与制作的知识，在一定程度上为我认识了解网站设计与制作提供了良好的基础，并为我下一步深入学习相关方面的知识做了良好的铺垫。

一、网站设计与制作中所用的工具

1.dreamweaver用与编辑HTML、ASP、JSP、PHP时的辅助工具。

2.flash网页需要画面流动时的首选择

3.photoshop图象处理软件，一般网页都需要有图片相搭配，photoshop是款很强大的工具。

4.fireworks跟Photoshop一样都是图象处理软件，但fireworks偏向与对网页的处理。

二、网站的概念与域名

网站是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。人们可以通过浏览器来访问网站，获取自己需要的资讯或者享受网络服务。文字与图片是构成一个网页的两个最基本的元素。除此之外，网页的元素还包括动画、音乐、程序等等。域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站，其所有建设的价值，都凝结在其网站域名之上。失去这个域名，所有前期工作就将全部落空要把域名起得形象、简单、易记。

三、网页的制作与网站版式

根据这几节课的学习，我基本了解了要想做好一个网站，就必须把网页做好。

首先，要明确所做网站是什么类型的。其次是布局，还有网站的信息、网站打开的速度等。

（1）、网站的整体布局：网站主页就好象是宣传栏或者店面——对访问者产生第一印象，都希望尽量给人留下好的印象。网页应该力求抓住而不是淹没浏览者的注意力，过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从，一般来说，好的网站应该给人有这样的感觉：干净整洁；条理清楚；专业水准；引人入胜。

（2）、信息：无论商业站点还是个人主页，你必须给人们提供有一定价值的内容才能留住访问者，所以你必须提供某些有价值的东西。

（3）、打开速度：我们都知道，页面下载速度是网站留住访问者的关键因素，如果20—30秒还不能打开一个网页，一般人就会没有耐心。至少应该确保主页速度尽可能快，最好不要用大的图片。

（4）、颜色搭配：颜色也是影响网页的重要因素，不同的颜色对人的感觉有不同的影响，所以在做网页的时候应该注意颜色的搭

配。包括网页的整体的颜色、网页中文字的颜色等。不要将所有颜色都用到，尽量控制在三至五种色彩以内。

（5）、网站的版式设计：网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。版式设计通过文字图形的空间组合，表达出和谐与美。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，我们将反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。

（6）、网页标题的可读性：必须尽量使你的网页易于阅读。为所有标题和副标题设置同一字体，并将标题字体加大一号，所有标题和副标题都采用粗体，这样便于识别标题，使浏览者一眼就可以看到要点，以便找出并继续阅读有兴趣的内容。所以，要认真写好每个标题！

四、HTML语言

虽然课程比较短暂，但老师还是在讲课中穿插了一点HIML语言，它在网页制作中也发挥了比较重要的作用，可以大大提高网页制作的效率。虽然，我不是计算机专业的，但作为一个电脑爱好者我会在课后抽时间认真去学习掌握这门语言，让自己具备更专业的知识。

总而言之，经过对《网站设计与制作》这门课程的学习，我收获了很多。我所学的专业并不是计算机方面的，更别说是网页设计了，但是由于我对网页设计及制作的强烈兴趣，我选择这门课程是我最大的乐趣，因为我学到了知识。并且我今后会继续在这方面提高自己，全面提高，综合发展。

网站课程设计总结 篇2

由此考虑, 网站前台设计课程改革应着眼于培养学生的综合职业能力素质和提高学习兴趣, 进行基于职业活动的系统化课程设计。就是以实际岗位的职业活动为中心点, 构建相应的教学情境, 围绕实际工作任务的实施来展开课堂教学和学习。基于职业活动的课程整体设计理念与思路如下图所示。网站前台开发课程设计包括以下几个步骤。

一、职业岗位分析

通过专业教师到企业网页设计岗位进行实践调研, 充分了解该岗位的工作流程, 召开相关教师和企业相关人员研讨会, 进行岗位任务分析, 确定网页设计师的岗位职责和典型工作任务。结果如表1所示。

二、学习情境设计与描述

在进行职业岗位分析的基础上, 确定职业能力对应的学习领域, 以职业活动为中心构建相应的学习情境。课堂教学内容是围绕着符合教学要求的工作任务来进行设计和组织, 学生在一定的情境中进行学习和操作。设计学习情境时应以项目或者任务为载体, 分析企业实际工作情境, 设定企业工作标准, 最终目的使学生掌握职业能力和学习领域目标。具体设计如下表所示。

三、课程过程组织

教学中教师、学生的角色相互转换, 遵循“以项目为主线、教师为主导、学生为主体”这个基本特征, 教师组织学生按照“立项并成立开发小组-进行需求分析-指定项目开发详细计划-实际开发-项目验收总结”这一过程实施课堂活动。项目一和二由教师主导, 通过企业类网站、宣传类网站制作实践, 讲授网站项目设计的基本流程, 网站设计主要工具D ream w eaver软件的基本操作, 帮助学生学会模仿成熟的网站作品进行改造设计制作的观念;项目三为课外创新项目, 学生依托项目一和二的实践经验, 应用前期项目中掌握的技能, 利用课上和课外时间进行资料搜集, 设计分析, 项目制作等工作, 对于工作过程中难点和不能解决的问题在课上与教师进行交流。在第三个项目实施中, 每个项目组的各位设计师需独立完成项中一部分任务, 项目经理负责管理组内各位设计师的工作质量和工作进度, 对于组员遇到的问题进行帮助, 组织组员完成项目。

四、课程考核评价

考核采用企业工作考核和教学考核相结合的方式, 教师以客户和设计总监的角度考核学生 (设计师) 每个项目的完成情况, 创新项目的考核由项目组长负责, 各小组项目组长从项目负责人的角度考核各组员的任务完成情况, 教师 (客户/设计总监) 从项目的整体性和实用性上考核设计组长的工作, 由此激发学生的团队协作能力和工作的责任心。在企业项目成果考核的基础上还引入了职业素质考核, 通过出勤率, 项目工作文档, 职业能力等多方面进行考核, 不断塑造学生的职场规范和职业精神。在他人客观考核评价的基础上, 为了促进学生自我评价能力的提高, 还引入了学生自评, 培养学生对网页设计作品的自我评价能力。课程各部分考核分配比例如下:项目一考核成绩在总评中占20%, 项目二考核成绩在总评中各占30%, 综合实践项目考核成绩占30%, 期末理论考核成绩在总评中占20%。

参考文献

[1]魏春艳.项目教学法制, 网页设计与制作, 课程中的应用, 2013.

“翻译理论”课程网站的设计 篇3

摘 要：课程网站是教育信息化进程中的一项重要内容，在教学改革和教学环节中占据了极其重要的角色。本研究将“翻译理论”课程与网站紧密结合，根据课程网站的特点和设计原则，重点介绍了该课程网站结构体系和主要功能模块，实现了优质教学资源的网络共享，激发了学生学习的积极性和主动性，提高了学生的学习效率。

关键词：课程网站；在线测试；翻译教学；交互性

中图分类号：G434 文献标志码：B 文章编号：1673-8454（2014）06-0044-05

一、引言

随着互联网技术、通信技术以及现在高校校园网的大力发展，利用互联网技术支撑的网络教学越来越多。那些发布到网络上的优秀课程让更多的人进行学习交流，一方面减轻了老师的负担，另一方面学习者可以打破时间与空间的限制，只要有一台可以上网的计算机，就可以在任何地点、任何时间根据自己的学习计划进行学习。

“翻译理论”是一门对翻译实践进行系统总结的理论性课程，课程主要围绕每个时期中外代表翻译家的翻译理论展开，一方面对相关翻译理论进行简要的归纳和总结，另一方面辅之以相关翻译理论原著研读。旨在从翻译理论的视角出发，通过梳理翻译研究的理论脉络，提供丰富、可信、前沿的学术资料线索，使学生了解译学研究的基本问题、中西翻译理论，从而帮助他们系统地了解有关翻译研究的主要问题 ，并掌握翻译研究的基本方法，培养他们的理论素养，开拓他们的学术视野。

依据“翻译理论”的课程特色，设计开发与课堂教学相结合课程网站，一方面可以实现优质教学资源的逐渐形成与积累，另一方面给学生提供了一个自主学习的平台以及作为课后扩充知识的第二课堂，其次为教师提供了一个窗口来展示教学成果，为不同学校之间的学科交流提供了一个良好的平台。

二、课程网站系统分析

本课程网站建设的初衷一是与课程教学有关的内容的添加与更新，二是教师的教与学生的学，三是网络交互功能。教师可以将与当前教学有关的各类资源按教学计划上传到课程网站上，供学习者在课后或课中浏览与阅读。网站按需求划分了不同的栏目，如扩展资源栏目，在此栏目中教师可以经常更新扩展内容，减少学生在学习过程查找资源的迷茫性和随意性，正确合理地引导学生获得更多的内容，供学生在课后自主补充和扩展。网络交互功能主要以交流社区的形式体现，为教师和学生、学生和学生提供一个在线交流环境，学生可以将学习中遇到的问题及时反馈给教师，以便教师及时了解学生的学习情况，调整教学计划和进度，改进教学方法，学生之间可以互相交流、互相学习，共同进步。

1.课程本身需求分析

“翻译理论”是一门理论性较强的学科，其教学目标明确提出，要求学生及时了解国外翻译研究动态，系统地掌握翻译学理论。课程特色及教学目标要求课程内容要与国内外相关研究接轨，为学生提供最新的研究动态及学术讲座。

2.课程网站的功能性需求分析

本研究主要采用访谈法和老师与学生面对面的交流获取最直观的材料来支持网站设计。为了保证访谈内容的全面性，在访谈过程中全程录音，方便后期对访谈资料进行二次分析。

综合考虑老师和学生需求建议，课程网站具有以下功能：

（1）查看课程描述、教学动态、课程规划、教学课件；

（2）维护学生信息；

（3）下载教学录像、教学课件和课后练习题等；

（4）教师可以对教学录像、教学课件、考试试题、扩展资源进行动态更新；

（5）学生注册登录；

（6）注册用户可以进行在线交流、在线测试；

（7）展示教学成果，以照片、学生作业、课堂教学录像的方式向外界展示教学成果。

3.课程网站的非功能性需求分析

软件产品的需求可以分为功能性需求和非功能性需求，其中非功能性需求是常常被轻视，甚至被忽视的一个重要方面。

（1）系统性能

本课程所涉及的学生人数大约为80-120人左右，为确保系统有较好的性能，要求200人左右同时在线时系统响应达到以下标准：

①页面打开时间不超过5秒；

②登录及菜单打开响应时间不超过5秒；

③系统并发量达200人时内存开销不超过1G。

（2）系统易用性

易用性是以用户为中心，结合视觉、交互、情感等综合感受，使软件更简易、高效地适应用户的使用需求和习惯 。系统界面是用户对系统最直观的体验，系统界面设计包括页面风格、页面布局、菜单与工具栏、文字大小和帮助信息。

（3）系统安全性

在课程网站的开发设计时既要考虑信息资源的共享，更要注意信息的保护和安全，通过合理的权限分配防止资源的误操作。

4.网站用户分析

通过与授课教师交流，规划网站的用户主要有：管理员、教师、学生和访客。对于不同用户，设置不同的权限和功能。

（1）网站管理员权限

网站管理员是权限最高的用户，负责网站的管理工作，主要职责是维护和管理系统数据库，对任课教师和学员进行添加和删除。

（2）教师可以对教学录像、教学课件、考试试题、扩展资源进行动态更新，发布与自己教学有关的信息，组织在线测试。

（3）学生可通过论坛与教师交流信息，发帖或留言；也可以登录在线测试模块进行在线测试。

（4）访客可以浏览查看网站上没有设定访问权限的内容，进入讨论交流社区浏览讨论交流留下的过程性资料。

三、“翻译理论”课程网站的设计

1.内容模块设计

本课程网络主要由首页、课程简介、师资队伍、网络课程、在线测试、西方翻译名家讲堂、推荐书目、拓展资源、学生作品、交流讨论等模块组成，但考虑其主要用于学生自主学习，以及它的实用性和可行性特征，重点设计与实现的是课后练习、答疑以及交流讨论部分，其结构图如1所示。endprint

下面就其主要模块和功能进行详细介绍：

（1） 课程简介

课程简介主要从课程内容、课程目标以及课程特色等方面对该课进行了大体介绍，让学习者对课程的基本情况有一个充分的了解，进而提高了学习者的学习兴趣，在课程学习的时候能够充分调动其积极性和自主性。

（2） 师资队伍

师资队伍主要是对该课程的主讲人员进行了一一介绍，让学习者有老师可以教好，自己可以学好的信心。

（3） 网络课程

网络课程是以教学大纲为指导，在每节课里面呈现教师的课程讲义、课件以及相应练习题，让学生以教师的第一手资料，对每节课的内容进行自主学习之后，回答针对性的练习题，从而提高翻译能力，提升学习效率。

（4） 在线测试

这部分其实就是一个在线考试系统，试卷包括单选题、多选题、填空题、名词解释和简答题，旨在考核学生对翻译理论的基本概念、主要翻译理论家和翻译思想的理解。

学生根据老师要求，指定时间根据特定用户名和密码进入系统，对老师已经设置的考试题目进行作答，考试题目是随机出现，教师只需要在后台对题目和答案进行编辑即可，当学生提交试卷以后，系统根据教师给出的答案作出评分，大大地减少了教师的工作量，对于成绩管理和学生管理都起到了很大的作用，其模块内容如图2所示。

（5） 西方翻译名家讲堂

西方翻译名家讲堂模块为学生提供了诸多西方翻译理论名家研讨翻译理论的视频，还有名家简介部分，启发学生通过西方翻译理论的学习，更好地建构中国翻译理论。

（6） 推荐书目

推荐书目主要包含两方面内容，即翻译研究推荐书目和我国翻译研究与翻译教学分类书目选编。前者主要讲的是英文方面翻译的主要书目，后者主要是我国的一些翻译大家的参考书目，资料来自于百度。其中英文部分70余篇，为学生提供翻译理论研究的导航书目，让学生能够丰富知识，了解更多的翻译理论，同时调动他们课后学习的积极性。

（7） 拓展资源

主要分为翻译论文写作、翻译赏析和翻译理论研究资料三个部分，是翻译理论课程本身的延伸。翻译论文写作部分以笔者2009年在复旦大学出版社出版的《论文写作方法》为基础，为本科四年级学生进行翻译研究学术论文写作提供路线图。翻译赏析部分以八篇中外文学名著为例，对相关译文进行解析，使学生掌握汉英与英汉翻译技巧，进行译文赏析与批评；翻译理论研究资料是由教师整理，提供给学生50余篇翻译理论研究的经典学术论文供学生下载学习。

（8） 学生作品

学生作业模块分为课程论文与多媒体成果展示两部分，收录了该课程网站使用以来学生的相关学习成果，这个模块内容可以动态添加，为教师对学生进行过程性学习评价提供依据，激发学生的学习热情，在对比之下找出自己的不足，进而改进、完善，最后拿出更优秀的作品。

（9） 交流讨论

交流讨论模块主要是以留言板的形式提供一种异步学习交流平台，让学生在学习之余发表自己的感悟，提出自己的疑问，以便老师更加直观地了解课程学习近况，更好地解决学生在学习中遇到的疑惑，方便老师调整教学方法与教学进度；同学之间也可以交流学习心得，共同完成一项任务，达到协作学习的目标。

交流讨论不需要学生注册，直接可以发表帖子进行回复，但是鉴于有乱发帖或者故意捣乱的人存在，为了保持交流讨论安全有序地进行，特开设后台管理系统，管理员可以对留言进行审核，并且可以对一些精华帖子进行置顶，管理员可以直接在后台对每个人的留言进行回复和管理，极大地促进了师生的线下交流。

2.数据库设计

综合各种因素，本系统采用的是微软的Access 2003。究其原因，首先这只是一个课程网站，对其安全性并不需要过高的要求；其次，Access数据库存储方式单一，易于操作和管理，对管理员的要求较低；最重要的是本课程网站里面多次涉及到了数据库的调用和嵌套， Access是基于Windows操作系统下的集成开发环境，该环境集成了各种向导和生成器工具，极大地提高了开发人员的工作效率。

本课程网站主要涉及到三个数据库，他们各司其职，共同支持着网站的整体运营。

（1） yiuwekdsodksldfslwifds.mdb

这个数据库主要负责对整个网站内容管理系统数据的记录和处理，包括里面的内容管理、栏目管理等等。由于这个数据库位于根目录下的Database文件夹下，鉴于其安全性考虑，数据库名字以一些没有规则的字母组成，防止别人下载或改动。其主要表结构如图3所示。

其中，Admin表主要是对管理员用户名和登录情况进行管理；Article表主要是存储文章内容；ArticleClass表主要是对栏目进行管理。

（2） EXAM3.mdb

EXAM3.mdb是在线测试模块的数据库，位于根目录Bexam/data文件夹下，主要对在线测试的题目、答案、规则等进行管理，其主要表结构如图4所示。

其中Admin表主要记录管理员信息；Sclass表主要记录班级信息；t_tiku表主要记录题库信息；t_danxuan表主要记录单项选择题题目信息；t_duoxuan表主要记录多选题的题目信息；t_panduan表主要记录判断题题目信息；t_tiankong表主要记录填空题题目信息；t_wenda表主要记录问答题题目信息；Result表主要记录试题答案信息；t_cishu表主要记录学生信息；t_nandu表主要存储每一份试卷相应题目数量进行管理的信息。

（3） data.mdb

data.mdb是交流讨论模块的数据库，位于根目录communication/data文件夹下，主要负责该模块内容的存储以及相关信息的管理，其主要表结构如图5所示。endprint

其中，qwbmbook表主要记录留言板登录人员和留言的各种信息；qwbmbookset表主要是对留言板格式、条数等进行设置；qwbmuemdata表主要是对回复内容里面的表情进行存储和管理；qwbmxuer表主要记录管理员信息。

四、结语

本课程网站秉承“以教学大纲为轴心、以教学对象为中心”的原则，根据教学目标与教学内容进行设计，同时注意吸取翻译研究者、翻译教育家的实践经验，在内容编排、教学重点难点处理方面有较好的逻辑性、严密性、合理性和实用性，以保证翻译教学的顺利实施。另外，在课程网站设计时应充分考虑其在远程传输、交互操作等方面的特点，进行合理的功能结构及界面的设计。

课程网站是支撑课程资源共享和网络互动教学的具有开放性的网络教学平台。本课程网站基于动态网页系统，充分发挥内容管理系统的优势，将课程设计与网站紧密结合，从根本上摆脱了技术与内容之间的相互约束，合理定位技术开发者与内容提供者之间的角色，旨在更好地发挥课程网站的示范与辐射作用，带动其它课程建设，促进课程整体水平提高，促进优质教育资源共享，全面提高教育质量和人才培养工作水平。

参考文献：

[1]梁好翠.高校精品课程网站使用情况的调查与分析[J].高教论坛，2009（5）：81-83、87.

[2]高鹭.计算机基础课程网站的设计[J].科技资讯，2009（28）：169.

[3]周仲文，张景韶，冯立.基于Web2.0的精品课程网站设计与实现[J].实验科学与技术，2010（1）：77-79、96.

[4]赵彤洲，廖亚兰，明慧.基于B/S模式的通用精品课程网站设计[J].福建电脑，2010（3）：123、158.

[5]刘菲.网站在精品课程建设中的运用[J].中国水运（学术版），2006（7）：127-128.

[6]王舰.课程网站访问分析——以“管理信息系统”课程为例[J].中国远程教育，2007（4）：51-55.

[7]王震江，何英，吴绍兵.基于XML的精品课程网站设计与实现[J].昆明师范高等专科学校学报，2007，29（4）：102-104.

[8]王涛，裘国永，宋伟，宋世宏.基于CMS的精品课程网站建设研究与实践[J].现代教育技术，2011（6）：120-122.

[9]杨帅.课程网站及其参与性设计与开发[D].昆明.云南师范大学，2008.

[10]杨艳.Web网站设计开发的若干策略[J].西华师范大学学报（哲学社会科学版），2004（4）：140-142.

网站课程设计总结 篇4

课程设计是作为一门独立的课，进行考核的。根据本课程所学知识，针对“淘宝商城”大卖家，没有独立建站的，为其设计“独立电子商务网站建设实施方案”，方案须重点考虑可行性，有效性。该方案以小组为单位提交，每个小组必须按时提交才有成绩，根据分工情况、完成质量打分。

方案主题：“淘宝商城”大卖家xxx的电子商务网站

时间：2010年1月21日截止

考核：完成以下内容，根据完成情况给分，没有提交或不合格的需要重修，重考

完成内容：

1．小组项目分工及进度安排一份（参考“网站项目分工及进度安排.doc”）

2．建设实施方案一份(必须包括：可行性分析；成本预算；网站栏目内容规划；网站发布与推广等内容)（参考“参考_1电子商务网站建设方案模板.doc,参考_2网站项目开发方案模板.doc,参考_3服饰类B2C商城网站规划实施方案.doc”）

3．网站建设效果图若干（网页截图图片）

示例：淘宝商城大卖家：优衣库 http://uniqlo.taobao.com/

网站课程设计总结 篇5

《网站设计与制作》也是计算机各专业学生学习后续课程的基础，比如学习基于网络编程的动态网页设计技术，学生毕业后可从事网络软件的设计与开发，进行商务网站的设计与制作，同时也可以考取网页设计师、网络软件工程师等相关国家职业资格证书。开设该课程是复合我校关于“高素质、技能型人才”培养目标的需求的，通过该课程的教学，可以培养出一批优秀的、能够在一线工作岗位上从事网页设计与制作、网站规划、管理与维护工作的专业人才。基于该课程的主要工作岗位有：网站管理与维护人员、网页设计与编辑人员、网站策划人员及网页美工人员等。

二、课程教学思路与教学方法改进

学生如果要很好得完成网站制作，所需的的知识体系非常庞杂，其中包括网络基础知识，网页制作技术，平面设计和动画制作等基本要素。具体涉及到网页制作软件，图像处理软件，动画软件，数据库知识，脚本语言动态服务器编程技术等。教学内容比较多，知识点比较分散，而学时仅为48个学时，学习内容多而课时少。经过多年的教学活动的开展和经验总结后，我们总结出一套适合高职学生教学方法，那就是使用任务驱动式的教学方法。我们以前的教学设计思路是：讲授知识点———设计任务———监督学生完成———验收，现在的教学设计思路是这样的：实际工作任务导向———任务驱动———相关知识讲授。老师在此教学思路中的角色：给学生布置一项工作（实际工作任务导向）———将工作转变为一个任务（任务驱动）———通过任务引出知识点（知识学习）。学生在此教学思路中的角色：通过老师的引导，理解相关任务要求，继而产生强烈的学习相关知识的兴趣，在下一步的知识学习中就能很好地学习，掌握了相关知识后，马上运用于实践，完成老师布置的任务。通过该课程的教学，使学生最终能够自主开发一个完整的网站，毕业后能够直接从事企事业单位网站的开发设计与管理维护等工作。

三、课程体系内容重构

本课程性质是计算机系的基础必修课，教学对象是全系各专业的大一学生，因此教学内容定位于静态网页的制作，以Dreamweaver软件为主线，介绍静态网页设计和制作的基本技术,目前很多网页教材是基于网页三剑客的即Dreamweaver、photoshop和flash，然而当前课时条件和时间条件下，根本做不到三个软件都讲到位，事实上每个软件分开都可成为一门课程，而网页设计课程只能以网页制作软件Dreamweaver为主，其他软件为辅，并且其他软件制作的作品要与网页密切相关为了解决内容多学时少的矛盾，有利于教学的开展和培养学生的动手能力，为此我们对教学内容重新进行了重构，围绕Dreamweaver软件讲解网页制作的方法和技巧，只有在制作图像缩略图、切片、按钮、LOGO图片等时候，才辅助其他软件加工素材或者制作动画。教学内容分为9个模块:模块一、网页设计基础；模块二、页面的基本操作；模块三、简单网页的制作；模块四、网页的样式设计；模块五、实用HTML布局页面；模块六、实用DIV+CSS布局页面；模块七、制作多媒体页面；模块八、网页交互设计；模块九、网站的测试与管理。

四、总结

网站视觉设计总结 篇6

基本logo特征，符合logo设计基础（平面设计通用）显示器效果：清晰度，最小尺寸（因显示器分辨率而带来的，等同线下平面设计的印刷效果）

2―文字：

内容等级决定字体、字号大小、粗细；状态决定颜色（默认或者根据网站特殊统一）

3―广告、内容图片：

尺寸样式的定位，同一页面的和谐性，图片的优化，位置的节奏，大小对比，

网站视觉设计总结

。

 

4―icon：

品牌性，表达准确合理，设计手法（依据品牌性），一致性，作用：吸引，醒目，方便识别、理解、操作、记忆。

5―可点击（button)：

区别（不可点击），根据人的生活经验：厚度，可按，质感（实体联想），色彩（品牌性、统一性、对比性）；统一的样式大小（依据里面文字的内边距统一）

6―背景图片：

氛围效果营造，同产品的统一性，优化（品质大小，色彩信息，实现方案），

7―图文排版：

主图次文，图文节奏，空隙，模块化。

8―当前状态：

放大（形状），变色（反色、对比色、明度纯度区别色），链进链出后指定内容提示。

9―交互控件：

样式合理准确性（人对系统默认的认知和生活常规认知），状态（视觉表现样式和动作过程优化），创意，

10―loading：

内容关联性（loading前后的内容关联），无聊等待的乐趣，体积、面积优化，创意。

11―用户反馈_ 成功、出错、提示、无结果：

文案（明确、合理、人性化、创意），图形（明确、醒目、色彩的心理认知准确度）。

12―动画效果：

过程合理（模拟真实环境的合理化），连续，节奏感，用户日常动作表现，音效配合，创意。

13―首尾设计：

首（品牌宣传、自身特点、明确内容、气氛表达、创意。尾：呼应、节奏（与首），创意。

14―适应屏设计（全屏设计）：

最大最小屏幕的考虑（文字、图片的位置、折行效果）

15―固定尺寸的栅格设计：

合理的单元格（考虑黄金分割），单元格面积节奏，边距统一性

16―demo设计样稿：

对内容最多最少的考虑。

17―页面：

品牌性，基调元素一致性，复用性，节奏感、面积感，视觉第一吸引，引导浏览，点线面关系，素描原理（运用素描的基本规律来做页面）。

18―阅读：

背景对阅读（视力）的舒适度，内容与背景的对比舒适度。

其实还有很多设计的点比如交互设计，比如代码设计，我们可以展示给用户看到的这些综上所述，构成了用户体验设计的一个大过程，自己在做的很多时候其实也不是都能估计到每个点的，总结出来以帮助随时审视！

网站课程设计总结 篇7

随着数字化校园建设步伐的加快, 广大学生不断涌现出新的需求和期望。在互联网巨大的信息量的影响下, 学生很容易被激发了对其他学科领域的兴趣, 想要进行初步的了解甚至深入的学习。但面对各种渠道获得的琳琅满目鱼龙混杂的课程和讲座信息, 学习者难以在短时间内搜索和接收到准确的信息, 造成了一定程度上的资源浪费。

基于以上问题, 本研究以提供搜索便捷、使用方便、信息丰富、内容准确的课程和讲座信息为宗旨, 设计和开发一个课程信息的发布平台——蹭客网。本网站不仅可以拓宽同学的知识面, 营造更好的学习氛围, 而且还可以使高校的资源得到充分地利用, 弘扬不断求知的精神, 让学习和求知成为一种生活态度。

1系统功能与角色设计

本网站共支持3种用户身份:游客, 注册用户和系统管理员。不同身份拥有的权限如下:

本网站包括课程、讲座、TOP10、个人中心四大模块, 好包括如用户登录、站内搜索等基本功能, 网站的功能模块如下:

2前端设计与开发

前端设计包括四大模块, 分别为课程搜索、讲座搜索、TOP10、个人中心。用户登陆后进入网站主页, 即可直接对本网站进行浏览, 主页呈现的内容有最新推荐、四类课程中点击量最高的4个, 讲座点击量最高的6个, 个人信息, 个人课表, TOP10。在该页面中用户也可根据导航栏, 或者通过点击相关链接进行子页面的浏览。

管理员也可以在登陆界面点击“后台管理”字样进入后台管理系统, 对整个网站的信息进行课程分类、课程信息、讲座分类、讲座信息、用户信息、通知推送的增加、删除、修改、查询的功能。

3后台

系统由Dreamweaver CS5开发, 后台编程语言为PHP。客户端测试运行环境为Windows, 服务器端运行环境为Windows7, 装有apache2.2.8版本的Web服务器, 使用wamp集成环境开发, 即Windows 7 + Apache2.2.8 + Mysql5.0.51 + Php5.2.6。

本网站的数据库设计需要在中建立14个表:

admin表存储管理员的信息, 如果管理员到登录界面输入的用户名和密码与该表中的相符, 便可登录后台并进行信息的管理

user表存储用户的用户名、密码、昵称、性别、生日、头像等信息

book表存储课程用书的书名、出版社、ISBN、图片

course表存储课程名称、时间、属性、教师、课程用书等信息

course_attribution表存储课程分类名称, 通过外键与course连接

course_comment表显示课程评论的用户、时间、内容等信息

lecture表存储讲座名称、时间、地点、属性、讲师等信息

lecture_attribution表存储讲座分类名称, 通过外键与lecture连接

lecture_comment表显示讲座评论的用户、时间、内容等信息

friends表存储关注人、被关注人的ID, 用以显示好友关系

notice表存储系统推送给用户的通知的时间、题目、内容等信息

message表存储用户之间发送的消息的时间、内容、状态等信息

favorite_class表存储用户收藏的课程的用户ID和课程ID

favorite_lecture表存储用户收藏的讲座的用户ID和讲座ID

数据库搭建完成之后, 需要建立前端页面与后台服务器的连接, 连接名称为CONN.PHP。当需要对数据库进行访问时, 只需用命令就可以直接调用程序连接数据库。

4结语

本网站为个性化学习提供技术支持, 促进跨学科兴趣教育开展的实现, 解决在校学生查询非本专业课程的烦恼, 学生可以根据不同的分类和排序方式查询具体详细准确的课程信息。课程评价功能, 为用户提供课程信息反馈的平台。

网站内容贴近校内外人士需要, 可营造良好的学习氛围, 提高高校的影响力, 为社会学习者提供再学习的途径, 与倡导终生学习的社会氛围接洽, 营造了活到老学到老的社会环境, 让不会停止的学习的脚步成为一种文化, 让学校以及整个社会的不断求知的“蹭客”越来越多, 让学习和求知成为一种生活态度。

参考文献

[1]丁士锋.网页制作与网站建设实战大全[M].北京:清华大学出版社.2013.

网站课程设计总结 篇8

关键词：信息技术专题网站 学习资源

人类进入21世纪，科学技术日新月异，知识经济初见端倪。各国综合国力的竞争将主要体现在人才素质的竞争方面；人才的培养，关键在教育。由于未来社会对劳动者提出更高要求，使得教育的目标将发生本质性的变化，除了传统的学校教育外，继续教育和终身教育对于每个人在未来社会中的生存成为一种必需，劳动者的学习要求将体现为大众化，终身化的特点，要求教育的大覆盖面，多方式，全方位服务。保证任何人，任何时间，在任何地方接受所需的教育是未来教育的根本目标。专题网站是一种新型的教学与学习资源，对专题进行广泛、深入的研究学习，并以此培养学生的创新能力和实践能力，进而提高学生的综合素质。专题网站为信息技术课程的学习提供了更加广阔的学习空间与新型的学习资源，必将更加行之有效地促进学习。

一、专题网站的理论依据

建构主义学习理论认为知识不是通过教师传授得到的，而是学习者在一定的情境下，借助他人的帮助，利用必要的学习资料，通过意义建构方式而获得的。建构既是对新知识意义的建构，同时又包含对原有经验的改造和重组。而专题网站设计的初衷就是强调学生在虚拟的网上学习环境中，借助网站提供的教学资源，通过自身的探究活动和与其他学习者或帮助者的协作努力，完成对新知识的学习，达成教师的教学任务。由此可见，这是与建构主义的学习理论相符的。

二、专题网站设计原则

1．对象的特定性原则。专题网站不像综合性教育网站、网络资源库和网络课程等是面向普通大众，一旦专题确定，它就有特定的受众群，究竟为哪门学科、哪个层次的教师和学生使用，具强的针对性和明确性。

2．内容的整合性原则。专题网站与网络课程的最大差别在于网络课程的内容是严格按照课程标准，根据教科书知识点的逻辑顺序进行编排的，它仅仅局限于某一门学科。而专题学习网站的内容则是以某个专题为线索，集合与专题相关的各个学科的知识点，在广度和深度上都超过了单一学科的学习内容。它打破了传统的知识结构和顺序，在综合多门学科知识的基础上，重新组建有序的、符合学生认知规律和特点的知识模块，从而达到高度的整合。

3．功能的综合性原则。专题网站展示了与学习专题相关的结构化知识，满足特定层次、学科教师教学和学生学习的需要；提供了与学习专题相关的庞大资源库，便于教师和学生搜集和检索资料；构建了协作学的平台，有利于教师与学生、学生与学生之间围绕专题进行讨论协商；提供了在线评价体系，方便学生进行网上自我评价，这是综合性教育网站、网络资源库、网络课件等无法比拟的。

4教学设计原则。在专题网站的设计过程中要重视教学设计原则，即要注意分析学习者的特征、要分析教学目标和教学内容的结构、要设计符合学生认知心理的知识表现形式，设计能够有力地促进主动建构知识意义的学习策略。

5．合作原则。合作学习有利于高級认知能力以及合作精神的培养，而网络为合作学提供了理想的环境，因此，专题网站要充分发挥这一优势，提供协作学习和协同工作的工具和网络空间。

6．创新能力培养的原则。知识创新和信息获取的能力是当代素质教育的核心，专题网站应采取多种教学设计，体现学生的认知主体作用，使学生在学习过程中能进行积极的思考。而不是处于被动接受知识状态。在专题网站的设计过程中，我们要始终重视探究性主题学习模式或专题学习项目的设计，使学生在学习过程中能够更加行之有效地学习知识，来培养学生的创新能力和增强信息素养方面发挥应有的作用。

7．以丰富的学习资源为基础的原则。网站资源可以采取事先建设与学习者的不断需求上网补充相结合的方法以此来丰富学习资源。没有丰富的与专题相关的资源，学习者的自主学习就难以开展。

8．科学性原则。专题网站中所要表达的知识要具有科学性，网站内容行文要流畅与准确，符合知识的内在逻辑体系和学生的认知结构。设计能够促进学生主动建构知识意义的学习策略：设计能够实现自主学习、合作学习和自我评价的环境。

三、专题网站的设计步骤

1．网站的需求分析与功能定位。对专题网站的需求分析是设计和开发专题网站的基础和前提。首先应该广泛收集资料，对当前存在的专题网站进行仔细调查，分析优缺点和发展趋势，从而确定建立专题网站的可行性和必要性。其次对专题网站的功能定位要清楚。专题网站的功能定位主要体现在以下几个方面：一是建立一个资源库，方便教师和学生搜集资料。在信息技术课程专题网站的设计过程中，要建立对知识有针对性、系统性、丰富性的学习资源库，来满足不同的学习需求。二是提供协作交流讨论区。方便教师与学生、学生与学生之间的协商研讨。在信息技术课程专题网站的设计过程中，要为学习者之间提供有效、便捷的学习交流的平台，如聊天室、留言本等。三是根据专题构建系统完善的内容结构，便于教学和学生的自主学习。在信息技术课程专题网站的设计过程中，完善的内容结构对于学习者的有效学习是非常重要的，专题网站为学习者提供的是对知识在广度与深度的有效整合，为此我们要依据专题构建系统完善的内容结构，便于教学和学生的自主学习的有效开展。四是提供在线自评系统，便于及时检测反馈。在信息技术课程专题网站的设计过程

总之，网站提供了一种前所未有的、更为丰富、更为自由的教学平台和学习环境，网络环境下的教学，一个崭新的挑战，我力求抓住机遇，勇于探索，真正挖掘网络教学的无限潜能，发挥网络教学的无限魅力。

（作者单位：河北省武安市第一中学）

网站毕业设计实习总结 篇9

网络1003班100309100125赵海斌 通过面试我进入了海盐良友汽修有限责任公司成为了一名实习生。刚开始我就主动要求，接触多方面的工作。想借此来提高自己的实战经验，来弥补在大学期间所欠缺的。首先，通过不断的在实际操作与师傅们教学，使得我掌握了不少与人沟通的技巧,在师傅的精心培育和教导下，我通过自身的不断努力不管是与老客户回访还是新客户初步沟通，都取得了不错的进步和巨大的收获，不得不说我在判断理解客户的速度上大有长进。其次，我不得不提的就是社交了，这次毕业实习在社交这一方面真的是受益匪浅。初出茅庐的我本来就是属于内向性的对于人际交往这一块是有点少，带着点天真简单的想法，很多时候只是看到表面。这次毕业设计让我认识了很多人际交往上学问，学到很多为人处事。

总结对我们来说其实非常重要，但很多时候我们都没有主要到。时不时的对自己最近的情况进行总结可以让你认识到这段时间自己在做些什么，那些地方做的好需要去保持的，哪些地方做的不好需要去改进的，自己又从这段时间里获得了什么。如果能有这个习惯那么你会不断的进步。我在这段毕业实习的时间中可以总结以下几点：

一、实习目的重点锻炼了与他人沟通的能力，了解与陌生人的语言沟通，为日后与他人良好的沟通做下铺垫。实习期间，我通过电话跟各种各样的客户进行了沟通讲述，使我与人沟通的能力又长进了一大步。

其实在我个人看来是这次实习首先学到的也是在以后生活中非常重要的就是为人处事，怎么去跟身边的人家人朋友还有同事的等等人去交往，这点我感触很深。其实社会和学校还是有着非常大的差别的！在学校里我们的任务必须要好好学习，不断地充实自己，但是一旦踏入社会之后，我们便会发现社会并不是我们所想象的那么简单的，仅仅是学校里面所学习过的知识还是远远不够的，社会上需要我们不仅要具备专业知识，更重要的是要具备如何做人，如何与人交往。做人和做事同样重要。在这实习期间身边有很多形形色色的人，有一种就是一开始感觉这个人不错，挺友好很好接触，可是时间长了你就发现他的身上有很多的毛病，甚至有的时候让我看不顺眼，当然自己还是很友好的跟他相处只是自己心里知道这是不能深交的朋

友。还有一种就是从始至终都是对你好的，虽然他不想第一种人那样一开始你就关注到了他，但是他是发自内心的对你好不会去损你，我组上有两个同事对待我就跟自己家人一样，我平常也比较愿意去接近他们。自然的有一些人你一开始就会觉得他做人真的假，这也就不用提了因为他们的个性已经出卖了他。

整个公司就好比是一个社会的缩版。这里有不同性格的同事也有形形色色来往的客人，在和他们的交往过程中我学到了很多，学到很多为人处事。其实对我这种没有任何社会经验的人来说。为人处事真的很重要。很多时候需要人家说着很白才会明白他的意思，等到自己很直白的时候就已经撞墙了。以后上社会遇到的社交肯定会更多，各有各的性格和为人处事等这我去体会。不想连别人的双重意思的言语都听不出来。人际交往就是一个很大的学问这次实习也只是让我略懂一二，还需要在之后的生活中积累经验。社会是一个大染缸，形形色色的人都有，不公平的现象也会有。社会终究是社会，它不是校园，也不若校园里的一切那么简单明了，单纯透明。社会充斥了成人之间的明争暗斗，面对这些我们无力改变的状况，我们能做的，就是坚持自我，不随波逐流。

二、工作方面

我是在海盐良友汽修有限责任公司里面实习，在这里上班非常的充实而且愉快。因为这里的老员工和带我的师傅对我其实都是很照顾的，上班的时候也很轻松很随意。也有让我头疼的地方，那就是工作上的事了。在学校学的那些到实际工作的时候的作用不是很多，在学校学的只是一些基础，而且对于为人处事沟通这方面更没有什么。还好带我的师傅还是很和蔼的非常有耐心的指导我。在这里我主要是学习一些与人初步沟通的知识，当然也给老客户做一些回访的工作。刚开始的时候是有师傅带着我实习的，因为初来咋到实在是太多的不懂的地方了。在这个过程中我发现经验实在是太重要了。很多时候我会因为一些客户的问题纠结个半天也得不到答案，而师傅过来一看就知道问他出在哪里，有的时候我会问自己是不是自己方法出来问题为什么老是想不到关键去呢。不过后来在师傅那里得到了答案，做这一行最重要的就是工作经验，只要你工作经验够丰富你在工作的时候就会有很好的效率，因为工作久了见的多了自然而然的效率就有了。

因为做销售在积累经验这方面非常重要，在加上自己本来就懂得少，很多的东西一开始都是通过师傅的指导才得以解决的。于是我就准备了一本笔记本每天记录下碰到的问题和解决的方法，然后在日后不断的巩固。通过不断的在实际操作与师

傅们教学，使得我掌握了不少的沟通技巧,在师傅的精心培育和教导下，我通过自身的不断努力不管是与客户沟通技术上还是一些软件的应用上，都取得了不错的进步和巨大的收获，不得不说我在判断客户心里的速度上大有长进。在师傅的帮助下学到的东西非常多，非常的感谢他。在这工作我也很努力认真的去对待。在销售的过程中我发现自己的沟通能力真的是有待提高，所以需要好好锻炼。

三、存在的问题

几个月来，我虽然有努力的去做好自己的工作，但距离领导及个人的要求还有不小差距，如沟通水平、工作能力上还有待进一步提高，在新的环境下如何更好的与人交往等等，这些问题，我决心在今后的学习工作中努力加以改进和解决，使自己更加适应这个社会。

针对以上存在的不足和问题，在新的一年中我打算做好以下几点来弥补工作中的不足：

1、因为自己缺乏经验，很多问题而不能分清主次，还有些培训或是学习不能找到重点，随着实习工作的进行，我想我会逐渐积累经验的。

2、工作态度仍不够积极，在工作中仅仅能够完成布置的工作，在没有工作任务时虽能主动要求布置工作，但若没有工作做时可能就会松懈，不能做到主动学习，这主要还是因为懒惰在作怪，在今后我要努力克服惰性，没有工作任务时主动要求布置工作，没有布置工作时作到自主学习。

3、工作时仍需追求完美，在工作中，不允许丝毫的马虎，严谨认真是时刻要牢记的。

4、以实践带学习全方位提高自己的工作能力。在注重学习的同时狠抓实践，在实践中利用所学知识用知识指导实践全方位的提高自己的工作能力和工作水平。

5、踏实做好本职工作。面对新的挑战，我将以更加积极的学习工作态度更加热情的学习工作作风把自己的本职做好。

6、主动的去与别人交往，在各各不同的场合锻炼自己。

这次毕业实习对于即将毕业的我来说是一笔相当丰富的财富。对于刚出来混的自己来说这是非常重要的一段经历。时间真的是非常快，一不主要我就要毕业了，这三年来在学校里学到了很多的知识，肯定是终身受用的。但是，这次实习时间虽然没那么长久，但是在这个过程中学到的东西可以说不亚于这三年，这笔财富对于今后自己的发展可以说是尤为重要，因为这是第一次走上社会这个大家庭中去体验，让自己在学校学习到的东西发挥作用并且进一步的去巩固它让它更为的实用。更多的是去了解这个社会，了解这个社会上的人、事，去认识自己在这个社会在是什么地位，以后该如何给自己一个定位去进一步的发展自己。这段毕业前的实习对每个人来说都是一个新的起步。

以上是我对这次毕业实习工作的总结，这段初入社会的毕业实习时光让学到了很多很多，那些是课堂上不能得到的知识，我将永远不会忘记这段时光，这是我人生中新的一个阶段的开始。总结是为了寻找差距、修订目标，是为了今后更好的提高。通过不断的总结，不断的提高，我有信心在未来的工作中更好的完成任务。

赵海斌

网络1003班

网站课程设计总结 篇10

一、实训目的

《网页设计与网站制作》是电子商务专业实践性很强的课程，学生必须通过不断上机练习以及使用它来解决实际的问题，才能更好地掌握。因此，在本学期特设置此课程实训，集中一段时间使学生综合运用所学习的网页制作知识及以前所学习的计算机方面的知识，按照网站制作的流程，完成一个相对具体、完整的电子商务网站，全面巩固学生的知识，培养学生解决实际问题的能力，从而达到学以致用的目的。

二、实训要求

综合运用已学的知识，使用Dreamweaver、Photoshop、Flash等网页制作软件，制作一个网站，要求如下：

设计一个包含一个主页及至少30个不同页面的完整的电商网站或企业网站，主题自选，但要表达明确的主题思想，并完成网站的相关文字材料。

（一）网站设计要求 1.内容：

1)网站主题可以包括企业门户网站、电子商务网站、新闻旅游、个人网站、专业网站等方面的网站。网页内容要主题健康向上、有时代气息，内容充实、主题鲜明。以企业门户网站为例网站至少包括：主页、新闻多条、论坛和帖子多条、产品多个，并包含用户注册、登陆、留言板等页面。

2)主页上必须有Logo、网站导航、网站版权等信息。2.设计要求：

1)网页布局设计合理，文字、图片、动画等元素在网页中的运用适当。

2)各网页之间的设计风格具有联系性、一致性，符合设计原理。

3.技术要求：

网页中各种技术运用恰到好处，不为技术而技术。

1)网页中应包含表格、css技术和多媒体元素（例如背景音乐等）技术。

2)网页中含有CSS样式和行为技术（例如鼠标经过图像，“增大/收缩”效果等）。

3)站点中创建库文件、模板文件，并应用的网页中。4)部分页面可使用框架集。

5)部分网页（如主页）中运用div技术。6)用户注册登陆和留言板页面实用表单及控件。7)站点下的页面创建合理的站点内链接和外部链接。4.美工要求：

网页界面美观大方、引人入胜，色颜搭配合理，所有图片、动画与网站主题相符。

运用Photoshop、flash等工具进行特殊处理的元素在报告中进行 说明和展示，可作为亮点加分项。

5.创意要求：

网站要具有新意，参考同类的网站，但设计上要具有自己的特色。

注：

1)成果提交形式为电子版：以学号+姓名命名站点根文件夹，例如：20104140101张子蒙，子文件夹和文件组织合理，命名合理。

2)对网站互相抄袭或从他人网站抄袭者将给予扣分，完全抄袭者成绩为零分。

（二）书面材料

需要上交的材料包括《网站策划方案》和《企业网站设计与网站制作课程汇报》

1.网站策划方案：

2.《企业网站设计与网站制作课程汇报》

根据提供的模板撰写实训报告。实训报告要切实体现网站制作过程中思路和行动。报告内容主要包括一下几个模块：

设计思想

阐述网站设计思想，从网站内容及特点、网站定位、受众范围及特点分析、网站的设计风格等方面进行分析。

网站构架和站点分析

根据设计思想对站点进行分析。确定网站的基本框架，运用的网页元素，分析形成站点地图。

网页设计

阐述内容网站的开发工具、设计过程；网站的设计特点；网站中使用的网页元素及图像编辑软件等；网站中使用的，如动态元素、css样式、层、行为、框架集、库、模板、表单、引用的语言代码等。

网站截图 体会和收获 考核答辩记录

答辩问题：

（1）你的网站主题是什么，对用户想达到什么效果，你觉得达到效果了吗。网站共有**个网页，包含有**个首页+**个一级页面+**个二级页面。（2）在网站制作过程中，除了dreamweaver，你还使用到什么软件工具，利用这些工具实现了哪些功能。

（3）以下问题，选一作答

① 怎样避免你的网站内容被复制。② 怎样改变鼠标在浏览器中的样式。③ 如何把一个压缩文件供给用户下载。

④ 想在一张图片上做多个链接，如何实现。

⑤ 思考如何在首页中实现雪花漫天飞舞的效果。将答辩内容简写到答辩记录上，实训报告装订上交。

三、实训课时安排

14高职电商1班 15-16周 15#306

14高职电商2班 17-18周 15#306

四、考核方式

本学期成绩以作品和大作业形式进行考核：

成绩=平时成绩：20% + 网站作品成绩：40% +

五、实训项目

实训一 网站策划

一、实训目的 了解网站制作的流程

对要制作的网站进行定位和分析 搜集网站素材

二、实训内容

项目1 网站建设流程

书面材料：40%

内容：网站建设流程图

项目2 网站定位

实训内容：

确定你要制作的网站内容、所属类型、受众定位 实训要求：

以图文叙述的方式（word文档）描述你的网站设计思路和想法，分几个方面进行阐述。

项目3 网站地图

实训内容： 分析网站、制作网站地图 实训要求：

使用E-R图展示网站地图。

项目4 网站素材

实训内容： 搜集网站素材 实训要求：

（1）通过因特网搜集素材

（2）利用图像处理工具制作网站素材、处理素材

项目5 制作LOGO 实训内容： 制作网站LOGO 实训要求：

利用搜集的素材，使用PHOTOSHOP制作网站LOGO

三、实训方法与步骤 1.遵循要求，独立完成；

2.学生在整个过程中应自觉遵守纪律，服从指导教师的安排。

四、实训注意事项

1.实训态度认真、知识准备充分

2.对方法和技巧的使用难点，通过网络或书籍寻求解决方法

实训二 网页制作

一、实训目的

完成网站各网页的制作

二、实训内容

根据自己网站的内容和地图，运用Dreamweaver技术，分别制作各个页面。

项目1 网页布局

实训内容：

确定网站风格，布局页面版式 实训要求：

确定网站中网页的版式风格，使页面具有设计感，符合用户的常规审美标准。

项目2 色彩风格

实训内容： 确定网站色彩格调 实训要求：

网站最令人赏心悦目的东西，网站的主色调。这时候，你选择的网站主色调，就不能只是掺杂你个人的想法，要从浏览者和公司产品出发，选择最适宜的颜色。注意，假如这个颜色是多色调的，那就不能将颜色的反差拉的过大，这样，视觉的冲击效果会下降。你选择的颜色，可以是公司LOGO或者是公司宣传彩页的颜色，要是太过艳丽 的颜色，切忌不要大面积使用。

项目3 制作首页

实训内容： 制作Index（首页）实训要求：

网站首页的重要性。一个成功的网站，首先是其静态页面的设置，主要就是首页的设计。只要你的网站首页足够hold住全场，你的网站机会吸引更多的浏览者，哪怕只是简单的浏览，也对你的公司、产品有了了解。

项目4 导航栏

实训内容： 制作导航栏 实训要求：

网站的导航要有吸引力。导航条在网站中的作用不可小觑，在制作的时候，选择的导航条图片除了要精美，大小要适宜，还有就是在图片上能体现网站文化的字幅，展现网站的风采。

项目5 内页

实训内容：

创建一级页面和二级页面

实训要求：通过创建和使用库文件和模板文件，创建其中统一版式的子页面。

项目6 CSS 实训内容： CSS样式 实训要求：

CSS是Cascading Style Sheet的缩写，有些书上把它译为“层叠样式单”或“级联样式单”（下文简称“样式单”），它是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表（Cascading Stylesheet）。

采用CSS技术，对页面的布局、字体、颜色、背景和其它效果实现页面美化。

项目7 超链接

实训内容： 超级链接 实训要求：

网页制作中基本理能的超级链接就是在网页中以文字和图片的形式来作为链接对象，点击可以连接到一个你指定的网页当中去，在IE打开网页单击文字或其他链接时时，IE浏览器可以直接或者采取弹窗的方式连接到指定目标网页。

（1）给主页、内页、导航、库、模板等需要设置超级链接。（2）要求站点内页面可以互相访问及返回。（3）链接设置要准确，各种连接畅通。

项目8 行为

实训内容： 创建行为 实训要求：

使用行为，可以实现浏览者与网页之间的简单交互，从而以多种方式修改页面或引发某些任务的执行。

为页面元素添加行为，如弹出信息、打开浏览器窗口、改变文字或图片属性、变换图像、拖动AP元素等。

项目9 DIV 实训内容： DIV(层)实训要求：

（1）使用AP Div和Div标签布局网页（2）使用CSS样式控制DIV的样式和位置

三、实训仪器、设备

学生用机：WindowsXP 软件条件：Dreamweaver8中文版、Photoshop中文版、FlashMX中文版。

网络条件：与因特网连接的局域网。

四、实训方法与步骤 1.遵循要求，独立完成；

2.学生在整个过程中应自觉遵守纪律，服从指导教师的安排。

五、实训注意事项