推荐第1篇：《第二课+遨游网站》教学设计
四年级 下册 执教：郭东红
第二课 遨游网站
教学目标：
1、知识目标：使学生熟练使用 IE (Internet Explorer)浏览网页及网页中部分文字、图片、网页保存及网址的收藏方法和操作。
2、能力目标：
（1）培养学生自己在因特网上如何获取信息的能力。 （2）培养学生自己动手、动脑的能力。
（3）养成正确的用眼习惯，注意机房中的电磁辐射。
3、情感目标：引导学生进入虚拟的世界遨游，把握理论的指引与实际操作相结合，避免上网的盲目性，以及指引学生健康上网。教学重点：
文字、图片、网页保存及网址的收藏。 教学难点：
文字、图片、网页保存及网址的收藏的基本操作。 教学准备：
多媒体网络教室，CAI集件。
教学方法：
激发情趣——手脑并用——启发诱导——探讨提高 教学过程：
一、创设情景，引入新课。
用问题的模式来引入，新课如何保存文字、网页、图片及收藏网址。
二、师生互动，课堂探究。活动一：回到最近浏览过的网页
按〖后退〗按钮能再次浏览前面已经浏览过的网页，这种功能称为——〖导航〗。
（教师示范指导学生练习） 活动二：保存网页
1、保存网页中的部分文字。（组编作文） 选择文字 〖复制〗 〖粘贴〗 （教师示范指导学生练习）
2、保存网页中的图片。（拼图游戏）
选择图片，然后在图片上右击后选择〖图片另存为〗，最后选择路径
〖保存〗。
（教师示范指导学生练习）
3、保存网页
〖文件〗 〖另存为〗 〖保存〗 （教师示范指导学生练习） 活动三：收藏网址
〖收藏〗 〖添加到收藏夹〗 〖确定〗 （教师示范指导学生练习） 巩固提高
（1）试一试，下载文字、图片还有没有其它的方法？ （2）如何下载录像、动画、软件等更多的资源？ 探讨体会
（1）通过这一堂课的学习，你有什么收获？
（2）如果同学们在学习中碰到了一些问题，试着在Internet的帮助下解决它。
推荐第2篇：网站设计思想
网页设计思想
是网站中的一「页」，通常是HTML格式（文件扩展名为.html或.htm或.asp或.aspx或.php或.jsp等）。网页通常用图像档来提供图画。网页要使用网页浏览器来阅读。
简介
网页是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，您的网站就是由网页组成的。如果您只有域名和虚拟主机而没有制作任何网页的话，您的客户仍旧无法访问您的网站。
所谓网站(Website)，就是指在网际网路（因特网）上，根据一定的规则，使用HTML等工具制作的用於展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务
什么是网页?
现在在你眼前，出现在显示器上的这个 " 东西 " ，就是一个网页。网页实际是一个文件，它存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（ URL ）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。
构成网页的元素:
文字与图片是构成一个网页的两个最基本的元素。你可以简单的理解为：文字，就是网页的内容，图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。
在网页上点击鼠标右键，选择菜单中的 " 查看源文件 " ，就可以通过记事本看到网页的实际内容。可以看到，网页实际上只是一个纯文本文件，它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面，于是就得到你现在所看到的画面。 为什么在源文件看不到任何图片？ 网页文件中存放的只是图片的链接位置，而图片文件与网页文件是互相独立存放的，甚至可以不在同一台计算机上。
网页的类型.
通常我们看到的网页，都是以 htm 或 html 后缀结尾的文件，俗称 HTML文件。不同的后缀，分别代表不同类型的网页文件，例如以 CGI、ASP、PHP、JSP 甚至其他更多。
网页的分类
网页有多种分类,我们笼统意义上的分类是动态和静态的页面,原则上讲静态页面多通过网站设计软件来进行重新设计和更改,相对的比较滞后，当然现在有网站管理系统，也可以生成静态页面~我们称这种静态页面为伪静态。动态页面通过网页脚本与语言自动处理自动更新的页面，比方说贴吧，他就是通过网站服务器运行程序，自动处理信息，按照流程更新网页。
关于网页：
当你每次上网时，都会在历史纪录里留下纪录，保存在C盘主要文件的一个文档里，删除时只要右键删除就可以了。 [编辑本段]网页设计
网页设计--------网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为"网络商标"，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。企业网站设计显得极为重要，下面是一些网站设计中应注意的原则。
一、明确建立网站的目标和用户需求
Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此我们必须明确设计站点的目的和用户需求，从而做出切实可行的设计计划。我们会根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，以"消费者（customer)"为中心，而不是以"美术"为中心进行设计规划。
在设计规划时我们会考虑：
建设网站的目的是什么？
为谁提供服务和产品？
企业能提供什么样的产品和服务？
网站的目的消费者和受众的特点是什么？
企业产品和服务适合什么样的表现方式（风格）？
二、网页设计总体方案主题鲜明
在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。
Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。
为了做到主题鲜明突出，要点明确，我们将按照客户的要求，以简单明确的语言和画面体现站点的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。
Web站点主页应具备的基本成分包括： 页头：准确无误地标识你的站点和企业标志； Email地址：用来接收用户垂询； 联系信息：如普通邮件地址或电话； 版权信息：声明版权所有者等。
充分利用已有信息，如客户手册．公共关系文档．技术手册和数据库等。 网页设计的要点
网页设计的两大要点是：整体风格和色彩搭配。
一、确定网站的整体风格
网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。
风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个"整体形象"包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网站给人们留下的不同感受。
在这里，我提供给大家一些参考经验：
1．将你的标志logo，尽可能的放在每个页面上最突出的位置。
2．突出你的标准色彩。
3．总结一句能反映贵站精髓的宣传标语！
4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！
二、网页色彩的搭配
无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。
关于色彩的原理有许多，在此我们不可能一一阐述，大家可以看看相关设计书籍，有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。
1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。
2．用两种色彩。先选定一种色彩，然后选择它的对比色。
3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。
在网页配色中，还要切记一些误区：
1．不要将所有颜色都用到，尽量控制在三至五种色彩以内。
2．背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。
三、网页设计的工具
1.dreamweaver,用与编辑HTML、ASP、JSP、PHP时的辅助工具
2.Frontpage 跟dreamweaver一样，不过个人感觉还是dreamweaver好。
3.FLASH 网页需要画面流动时的首选择
4.PS图象处理软件，一般网页都需要有图片相搭配，PS是款很强大的工具。
5.FW跟PS一样都是图象处理软件，但FW偏向与对网页的处理。[个人喜欢PS]
网站设计成功要素
设计一个网站，应该考虑下列九条基本因素，这些因素对网站的成功与否有着重要影响。
1.整体布局
网站主页就好象是宣传栏或者店面--对访问者产生第一印象，都希望尽量给人留下好的印象，不是吗？
一般来说，好的网站应该给人有这样的感觉：
干净整洁；
条理清楚；
专业水准；
引人入胜。
网页应该力求抓住而不是淹没浏览者的注意力，过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从--离开是最好的选择，就象一些商店，播放震耳欲聋的发烧音乐，你要做的唯一决定就是离开那里，越快越好。
2.信息
无论商业站点还是个人主页，你必须给人们提供有一定价值的内容才能留住访问者，因为我们人类总是惟利是图，第一个问题总是："对我有什么用处？"
所以你必须提供某些有价值的东西，当然并不是说必须提供某些免费的物品--免费书籍、免费入场券、免费度假等，这些"有价值的东西"可以是：
信息；
娱乐；
劝告；
对一些问题的帮助；
提供志趣相投者联络的机会；
链接到有用的网页，等等。
如果你经营的是企业网站，需要提供关于产品或服务的信息：
容易理解；
容易查询；
容易订货。
3.速度
我们都知道，页面下载速度是网站留住访问者的关键因素，如果20-30秒还不能打开一个网页，一般人就会没有耐心。至少应该确保主页速度尽可能快，最好不要用大的图片。
应该时时提醒自己，网站首页就象一个广告牌。当开车经过一个广告牌时，没有时间阅读上面的详细说明，也不可能赞赏其复杂的图案，广告标志从眼前一闪而过，必须在一瞬间给人留下印象。
网**问者也是"一闪而过"，保证你的首页简单而快速。网上有许多关于如何增加速度的文章--检查下载速度，放弃一切显著减慢主页速度的资料。
4.图形和版面设计
图形和版面设计关系到对主页的第一印象，图象应集中反映主页所期望传达的主要信息。
如果有系列商业站点，你不必让过分显眼的动画出现在首页--但如果你的网站是游戏站点，动画将是必不可少的一部分内容。
图片是影响网页下载速度的重要原因，根据经验，把每页全部内容控制在30K左右可以保证比较理想的下载时间。图象在6-8K之间为宜，每增加2K会延长1秒钟的下载时间。
颜色也是影响网页的重要因素，不同的颜色对人的感觉有不同的影响，例如：
红色和橙色使人兴奋并使得心跳加速；
**使人联想到阳光，是一种快活的颜色；
考虑到你希望对浏览者产生什么影响，请为网页选择合适的颜色。
阅读西方格式文本时，眼睛从左上方开始，逐行浏览到达由下方，插入图象时不要忘记这种特性。任何具有方向性的图片应该放置在网页中对眼睛最重要的地方，如果在左上角放置一幅小鸟的图片，鸟嘴应该放在把浏览者目光引向页面中部的地方，而不是把视线引走。
这种思路可以用于所有图片：
面部应该"看"网页的中部；
汽车的"停靠"面向网页中部；
道路、领带等等图片的放置都应该在有助于吸引目光从左向右、从上向下移动。
一般总是把网站导航条放置在页面左边，也是出于这种考虑--不断地出现在浏览者的视野之中。
5.文字的可读性
我们仍然用广告牌的比喻来说明，文字要在广告牌上突出，周围应该留有足够的空间。也许你曾到过一些网站，要么拥挤不堪的文字觉得好象只有把脑袋钻进去才能阅读，要么深色的背景给人的感觉好象处于非常狭窄的空间里，而且让人的心情感觉很压抑。某些背景色的令人阅读困难；紫色、橙色和红色让人眼花缭乱。
文字的颜色也很重要，不同的浏览器有不同的显示效果，有些在你的浏览器上很漂亮的颜色在其他浏览器上可能无法显示。
参考报纸的编排方式，为方便或快速阅读将你的内容分栏设计，甚至两栏也要比一满页的视觉效果要好。
另一种能够提高文字可读性的因素是你所选择的字体，通用的字体(Arial, Times New Roman, Garamond and Courier)最易阅读，特殊字体用于标题效果较好，但是不适合正文（试想浏览整页的 Gothic, Script, Westminster, or Cloister会是怎样的感受）。因为阅读费力，你的眼睛很快就会疲劳，不得不转移到其他页面。
明白我的意思了吗？
6.网页标题的可读性
必须尽量使你的网页易于阅读，除了分栏之外（将页面纵向分割），也需要利用标题和副标题将文档分段。
为所有标题和副标题设置同一字体，并将标题字体加大一号，所有标题和副标题都采用粗体，这样便于识别标题（字体加大加粗）和副标题（粗体，与正文字体大小相同），使浏览者一眼就可以看到要点，以便找出并继续阅读有兴趣的内容。标题的重要性可见一斑，要认真写好每个标题！
也可以将整句采用粗体或用不同的颜色突出某些内容，不过不要用难以阅读的颜色。
7.导航
由于人们习惯于从作到右、从上到下阅读，所以主要的导航条应放置在页面左边，对于较长页面来说，在最底部设置一个简单导航也很有必要（只要两项就够了：主页|页面顶部）。
确定一种你满意的模式之后，最好将这种模式应用到同一网站的每个页面，这样，浏览者就知道如何寻找信息。
8.保护个人信息声明和客户推荐信
对于商业网站来讲，最重要的事情之一是确保潜在客户的信心，你应该明确地告诉人们，如何对其兴趣、爱好，尤其个人**保密，很有必要专门用一个页面详细陈述你的保护个人信息声明，包括对访问者的email地址保密、如何接受定单、如何汇总信息、汇总这些信息的目的、谁可以看到这些信息等基本内容。
访问者也想知道你的产品或服务现有客户的反映，所以如果能引用与你关系融洽的客户对你的积极评价，对你的可信度将很有帮助。
不要害怕向顾客索取推荐信--人们都愿意自己的意见有价值。
你可以把客户的推荐信另设计为一个网页，作为对客户提供推荐信的回报，在这里链接到客户的网站--这也是一种"双赢"。
9.词语
一个网站如果只有漂亮的外观而词语错误连篇、语法混乱，同样是失败的，对于网站所有者和负责人将产生很坏的影响，人们会用许多贬义词来评价你：粗心大意、懒惰、外行、没水平等等。
你愿意把自己辛苦挣来的钱花在一个连自己的网站都马马虎虎的人吗？
你可以按照上述步骤改进你的网站制作技巧；
你可以请人对你的工作进行校对、编辑；
你也可以请人为你制作网页；
总之，上述步骤在很多方面对你会有所帮助，不要因为对某些步骤的疏忽而影响你的网站的整体效果。
保存网页的技巧
我们在上网过程中遇到精彩的文章、图片、flash常常会把它们保存下来已备日后查看。
保存网页的基本方法就是用浏览器带的保存功能。点击浏览器的菜单文件->另存为，输入文件名，保存类型可以选择 网页，全部(*.htm;*.html) Web 档案，单个文件(*.mht) 文本文件(*.txt) 。
保存网页的过程中常见的问题：网页不能保存、保存失败，有些网页禁止了鼠标右键，不能复制。采用浏览器自带的"另存为"保存网页的时候，有时进度条前进速度非常缓慢，最后提示"保存网页失败"，这中情况主要是由于网速慢或对方的服务器忙导致有部分文件不能下载引起的。网页采用脚本禁止了"Ctrl+v"和右键菜单功能，有些网页不仅禁止使用右键菜单功能，而且禁止使用了鼠标拉选文字的功能。
除了采用浏览器自带的"另存为"保存网页之外还可以通过下列方法来保存网页，可以有效解决网页不能复制、保存失败等问题。
1、将网页保存为图片。如果想要完整保存页面，通过屏幕拷贝的方式将网页保存为图片不失为一种很好的方法，这特别适合做设计的人员，需要看的是网页的整体。
2、保存部分有用内容。事实上我们保存网页时往往是仅需保存网页中的正文部分，整个网页内容一大堆，正文也就一小部分。一种办法就是用"拷贝"、"粘贴"的方法将正文复制到word然后保存。你想象过只要点一下鼠标即可完成保存你需要的正文部分，不用你手工"拷贝"、"粘贴"呢？
现在保存网页也讲人工智能，智能化的网页保存工具网童就实现了这样的功能，他能够自动识别并提取网页正文内容，在浏览器中点击鼠标右键，选择"网童，取网页正文"，网页正文在一个新的窗口中显示可编辑、保存。还可以一键将网页保存为word文件，保存的是干干净净的网页正文，而且还包括下一页，省去很多的复制、粘贴操作。
3、批量保存网页内容。要想批量保存网页内容那只能采用第三方工具了，浏览器本身不提供这种功能。最常见的就是下载工具了，如网际快车、迅雷，建立一个网页下载列表然后后下载工具下载。这种方法只能下载链接指向的html文件，不能下载关联的图片等文件。第二种方法就是网络爬虫，这种工具可以把自动抓取网页及其相关链接的文件。
上面这两种方法都有一个问题就是只要是指向的链接都取，不能区分是否有用。批量保存网页内容最好的方法就是采用智能型的网页保存工具--网童。事实上我们保存网页经常只需要网页的正文内容，保存工具应当自动的智能化的识别网页正文内容，然后自动提取这些信息。网童不但可以批量保存网页而且自动提取正文内容并把网页内容汇编在一起。
如果你经常需要保存网页或者你对网页技术不是非常熟悉建议采用专门的网页保存工具，傻瓜式的一键搞定。
提升网页可用性的方法
权威研究结果表明：人们在线的阅读习惯和平时的阅读习惯是完全不一样的。访问者通常是在非常随意的状态下快速浏览你
的网页的，他们急于获取真实的、实用的，并且是有价值的信息。如果他们不能及时地获取所需信息，那么，他们将离开你
的网页。
下面的3点方法将会给你带来帮助，它会让你为你的访问者提供所需信息，指出提升网页可用性的方法。
1.精简的文本描述
你所写的文章必须围绕一个主题，这可以方便访问者快速获取主旨信息和中心思想。好好想想如何把文章改得精简得体以便
于访问者阅读。这里告诉你一个可行的办法，尽量把一段文章在3-4行之内叙述完整，然后再另起一行写下面一段。
2.便于快速浏览的文本
网络用户一般不会在线精读文本内容，他们通常是快速浏览。因此，应该尽量使用简短、醒目的文本。举个例子来说，可以
通过超链接的形式将重要的信息从页面中分离出来，这样做会使得这段重要信息显得非常醒目。将一个段落以重点列表的形
式表示也是一种非常可行的方法。学会在你的重点词组前方加一个起强调作用的圆点。还有一点，学会在页面中使用副标题
，当你浏览网页时，将重点挑选出来，并将它们写在标题标签内，"标题2"和"标题3"的效果最好，但是"标题1"标签的
效果也会相当不错，这样做会可以给整个页面的信息分出层次，以帮助阅读者在简单地浏览页面之后快速地获取所需信息。
3.必须要客观公正
这里要提到的"客观公正"指的是：在你的网页上放上与你网页内容相关的链接，让访问者做出**的选择：是继续留在你
的网页上，还是去别的网页上寻找信息。这对于你--网页的所有者来说，并不是一件坏事；因为你可以为访问者指明确切
的方向。
好好按照上面说的把你的网页改进一下。我相信，网页的可用性一定会大大提升；同时，你的访问者也会非常感激你，并且
会很愿意与你进行往来。
[编辑本段]教你快速成长为一名厉害的网页设计师
笔者曾经是一个网页设计的菜鸟，经过自己不断的摸索和实践，现在已经可以独立制作一个完整的静态站点，并且给学校的N(N＞5)不是一个完全意义上的Web Designer（网页设计师），但是完成一些要求不是很专业、不是十分完美的站点已经是小事儿了（嘿嘿，是不是有自吹自擂之嫌），自己心里已经是小有成就感了，所以自封为准Web Designer！
自认为成长过程还算快，所以把本人的经历向大家介绍一下，给那些有志于此的朋友们一些参考意见。
循序渐进学知识
先学一学HTML，找本自己能看懂的教材，浏览为主，不用记住所有的概念，只要记住使用原理就行了，这一阶段，估计三天就够了；然后用两天时间学CSS，方法同上；进而再花些时间了解一下JavaScript。
然后就可以用记事本尝试写几个网页，记住这时千万不要用那些可视化工具，比如FrontPage、Dreamweaver（那些以后再学）。
有一个提高自己"写网页"的捷径，就是上各大网站，把网页保存下来（什么？你说你不会保存网页？就是"文件→另存为"），然后打开保存下来的网页，点击右键→查看源文件，看看人家的网页是怎么写的，然后模仿他们的写法，不断规范自己的代码。嘿嘿，这个方法不错吧。先好好模仿一下吧。
接下来该学一下Fireworks了。建议一开始就到网上找些实例教程，这些实例教程一般都介绍得很详细，跟着它一步一步做下来，每学会一个实例就掌握了几项操作，而且也有了自己的作品，很有成就感的，长期积累下来对自己的提高很有帮助。学Fireworks主要是学图片处理，比如加一些效果，还有很重要的就是切图，这对于初学者是很重要的。
这时还可以结合Dreamweaver进行学习，你就可以体会到Dreamweaver和Fireworks的无缝集成了。利用这些工具多做几个网页，你就可以达到一定水平了。
要是想让你的网页多一些炫目的效果，建议你学一下Flash，难度并不大，而且要是前面的JavaScript基础打得好的话，学到Flash中Acti**cript时，你会有一种似曾相识的感觉，因为这两种语法几乎是一模一样的。
到这时，相信你就可以真正领会到"网页三剑客"的威力了。
在实践中不断提高
要是每天能拿出两个小时来学习，完成以上这些学习估计只要20天就差不多了。要是天赋高的话（比如说像我这样的，呵呵)，那需要的时间就更少了。接下来该实习了，找个地方锻炼一下自己，比如可以去一些公司干干兼职，或是给自己的单位设计一下主页等。
最好是能进入一个正规的开发团队，你就会学会如何以团队合作的方式开发网站，特别是怎样和程序组合作，把页面与后台程序数据库配合起来。可能你会担心自己是新手，人家会嫌弃你，没关系，只要努力去找，总会有机会的。
到此，你就基本可以称作是一个"准Web Designer"了，不过要从根本上提高自己，最好去学学美术，这是当一个网页设计师的基本功。
笔者刚开始做网页纯粹是自娱自乐，但在这个过程中，我逐渐开始深深喜欢上了这项工作。这个学习过程是人生的一笔宝贵财富，至少我是这么认为的。 [编辑本段]网站设计65条原则
01 明确内容
如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑网站的内容，包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。
02 抓住用户
如果用户不能够迅速地进入你的网站，或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。
03 优化内容
内容是核心。大约在两年以前，企业网站就像一本广告册子，更槽糕的是，网站使用了大量的图片，似乎要几个世纪才能下载完。比如某网站在设计的某些方面是成功的，但是内容太贪乏，并且要花很长时间才能找到所要的东西，因此不能算是一个成功的网站。
04 快速下载
没有什么比要花很长时间下载页面更槽糕的了。作为一条经验，一个标准的网页应不大于60K，通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。
05 网站升级
时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。
06 坚持基本原则
即使你不懂HTML语言，你只需购买一个有版权的所见即所得的网页设计工具，如Adobe PageMill 或 Microsoft FrontPage Expre，当然现在则是Dreamweaver啦，就可以创建一个看起来很合理的网站。但是，在设计时，这些软件包虽然不需要HTML，却使网站速度下降。为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案，用Notepad制作网页。
07 学习HTML
用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。
08 用笔画一个网站的框架
圣人云：笔比剑更强大。在用计算机之前，用笔画一个网站的框架，显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。
09 "在计算机上永远也找不到好的方案"。-专家忠告
10 网站地图
许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。
11 "睁大你的眼睛，留意所有的事情。对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素，确保你的设计是围绕站点浏览进行的。" -专家忠告
12 点击规则
听说过3次点击规则吗？对于小型网站，在你的主页上，没有任何一条信息，需要点击次数超过3次的。对于大型网站，使用导航和工具条来改善操作。
13 特殊字体的应用
虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有最新版的浏览器才支持CSS。
14 "使用切合实际的简便的命名规则。" -专家忠告
15 检查错别字
好的拼写是人们一生中重要的技能。但是遗憾的是，许多设计者都缺少这种技能。确保你拼写正确，并且格外注意平常容易误写的错别字。
16 避免长文本页面
在一个站点上有许多只有文本的页面，是令人乏味的，且也浪费Web的潜力。如果你有大量的基于文本的文档，应当以Adobe Acrobat格式的文件形式来放置，以便你的访问者能离线阅读。
17 不要使用卷滚条
人们厌恶在网上使用卷滚条。某站是一个典型的设计很差的网站。它基于一个浮动的架构，为了阅读所有的文本，浏览者不得不使用卷滚条。
18 专家最喜爱的Web设计工具
1.Adobe Photoshop
2.Macromedia Flash
3.Adobe Illustrator
4.Adobe ImageRead
5.Macromedia Dreamweaver
6.Macromedia Fireworks
7.Allaire Homesites
8.Microsoft Notepad
9.Macromedia Director
10.Lightwave
11.Macromedia Freehand
12．其它：Adobe Acrobat Exchange，Allaire ColdFusion,BBEdit,HTML Validator等。
19 网站介绍
你应当有一个很清晰的网站介绍，告诉访问者你的网站能够提供些什么，以便访问者能找到想要的东西。但是，许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。
20 "网站一旦发布，网站设计的优点和缺陷全都公布于世。没有什么方法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到更多的东西。" -专家忠告
21 闪烁让人头痛
通过使用标识可以吸引访问者对你的主页特殊部分的注意，但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站，就少用此方法。
22 背景颜色
背景颜色也会产生一些问题，可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本，另外还应当坚持使用通用字体。
23 向前和向后按钮
应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页**问网站的任何部分。
24 专家忠告 ："坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习。"
25 点击记数器
不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务，而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义，它们很容易被做假，浏览者也不想看广告。如果你显示你的网站是多么受欢迎，你最好提供一个链接，显示访问日志。
26 不要用框架
与记数器一样，框架在网页上越来越流行。在大多数网站上，在屏幕的左边有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是，搜索引擎常常被框架混淆，从而不能列出你的网站。
27 去掉图像
在浏览器中即使去掉了图像功能，也要保证访问者能够在你的网站上获得满意的效果。对于那些使用ISDN连接并且关掉了图像功能的访问者，还能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字，而不是图像来满足访问者的需要。
28 重复使用图像
一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会。在创建商标时，在网页上多次使用同样的图像是一个好的方法，并且一旦它们被装入，以后重新载入就会很快。
29 避免使用过大的图像
不要使用横跨整个屏幕的图像。避免访问者向右滚动屏幕。占75%的屏幕宽度是一个好的建议。
30 专家忠告："避免使用炫耀的技巧。"
31 选择使用Flash动画
许多使用比较慢的计算机的访问者发现动画图标很容易耗尽系统资源，使网站的操作变得很困难，因此，应该给用户一个跳过使用Flash动画的选择。
32 尽量少使用Flash插件
虽然许多Web设计者认为Flash功能很强大，并且Netscape5.0将支持Flash，在使用时不必再下载任何插件。 但是，最好还是取消使用Flash做各接口的想法。
33 让用户先预览小图像
如果不得不放置大的图像在网站上，就最好使用Thumbnails软件，把图像的缩小版本的预览效果显示出来，这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。
34 动画与内容应有机结合
确保动画和内容有关联。它们应和网页浑然一体，而不是干巴巴的。动画并不只是Macromedia Director等制作的东西的简单堆积。
35 慎用声音
声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢，同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣，但是多次以后肯定会很烦人。使用声音前，应该仔细考虑声音将会给你带来什么。
36 少用Java 和AxtiveX
在网页上应尽量少使用Java 和AxtiveX。因为并不是每一种浏览器都需要使用它，只有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac在处理Java时也存在问题，过分地使用Java，会使Mac崩溃。
37 设计成功的网站
蓝色理想
七色鸟
ChinaUI
5D多媒体
38 慎用插件
在Web设计中，如果依赖于一些特别的插件，会减少网站的吸引力。如果访问者没有所要求的插件，将不得不到其它站点去下载，这样访问者有可能就不会返回了。
39 使用著名的插件
如果网站上有声音或视频，要保证使用者通过使用某个知名的插件，能够听到或看到。许多站点使用QuickTime、RealPlay和 Shockwave插件。因为，许多访问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。
40 使用先进技术
跟上新的技术。Web技术的进步绝不会停止，所以应花一些时间来研究新产品和开发技术。
41 自己创建图像和声音
使用你自己创建的或从某个商业网站上下载的图像和声音。在制作商业网站时，应该花足够的资金来创建图形，以增强公司的宣传。
42 专家忠告- "无论是游戏、图像、动画还是电影，想想你喜欢的设计是怎样的，这将激发你的创作灵感，使你创作出新的和更好的网站。"
43平台的兼容性
要为用户着想，必须最少在一台PC 和一台Mac机上测试你的网站，看看兼容性如何。
44 用软件分析工具找错
使用软件分析工具检查HTML。软件分析工具Doctor HTML能够帮助检查HTML中的任何问题。如果你有许多网页需要检查，可选用软件分析工具。
45 避免错误链接
网站中可能与其它一些有用的站点作了链接。但是，如果在你的网页上有链接，一定要经常检查它们，保证链接有效。链接的网站可能很多，但不要链接到与你的内容无关的网站上。
46 给观众成熟的东西
如果网站没有完成，就不要发送到Web上。所有好的网站都是在幕后完成之后再发布的。
47 在搜索引擎上登记网站
任何一个人发现你的网站的机会都很少，除非你把你的网站在主要的搜索引擎上进行登记。
48 设计一个留言板
浏览者愿意把时间花在好的网站上，所以最好有一个留言本，这能激励访问者再次回到你的网站，还有助于扩充网站内容。
49 测试网站
在你的网站正式发布之前，必须进行有用的测试。在设计网站时要使用最新的软件，但是不要忘了人们并不会使用最新的浏览器，所以要照顾到以前的浏览器。在上载网站时还要测试所有的链接和导航工具条。
50 专家忠告-"尽你所能反复测试所设计的网站，直到你不能发现新的东西为止。"
51 演示即将发布的网站
在网站正式运行之前，让人演示它。演示中人们会告诉你所设计的网站是否容易使用。
52 动画点缀
网页上的动画最多只用一个
53 专家忠告-"倾斜的按钮看起来不会太好，最好不要使用。"
54 内容组织
在开始创建新的网页前，仔细考虑网站内容的组织。决定好想让访问者浏览的内容，然后设计导航系统。
55 "空白万岁"
注意留空白。不要用图像、文本和不必要的动画GIFs来充斥网页，即使有足够的空间，在设计时也应该避免使用。
56 利用空白去吸引注意力。
为了吸引眼球，Web设计者使用各种方法，比如：闪烁、旋转等，但是利用空白会吸引更多的注意力。"-专家忠告
57 图像压缩
为了保持小的图像，可以使用类似GIF向导的程序，它能自动对图像进行压缩。 先声明图像的大小,在图像显示之前最好能详细说明图像大小属性，可以在IMG标签中保存这个属性。这可以使网页显得很流畅，因为浏览器可以在图像被下载之前在屏幕上显示整个网页。
58 设计一个失败的网站,从中找出原因,提高自己的鉴别能力。
59 用户注册
如果能知道谁浏览了网站以及是怎样浏览网站的，那么就能得到大量有用的信息。但是，要求访问者在浏览网站之前进行注册，这样做是要冒风险的，因为这将赶走一批不愿意注册的人。获得信息的另一种方法是进行有奖竞猜或金钱奖励，让用户能主动填一些信息反馈表。
60 使网站具有交互功能
在网站上提供一些回答问题的工具，使得访问者能从网站上获得交互的信息。
61 图片更新
尽可能经常更换网站上的图片，人们更愿意点击的是图片而不是文本。
62 在网站上提供游戏
游戏是很好的交互工具，它是使访问者能再次光顾网站的好方法。
63 挑选工具软件
仔细选择Web设计工具。保证使用自己最想要的、自我感觉最好的软件。
64 使用最新版本的软件
尽量使用Web设计软件的最新版本，还应当能被授权进行免费或便宜的升级。
网站与网页的关系
网站是由网页集合而成的，而大家通过浏览器所看到的画面就是网页，网页说具体了是一个html文件，浏览器是是用来解读这份文件的。也可以这样说：网页是有许多html文件集合而成。至于要多少网页集合在一起才能称作网站，这可就没有规定了，即使只有一个网页也能被称为网站。
推荐第3篇：网站设计合同书
信誉通面向政府和面向用户两套网站设计服务合同
合约编号：
甲方：
乙方 ：
签约日期：签约地点：
根据《中华人民共和国合同法》、《中华人民共和国著作权法》及其他相关法律法规，甲、乙双方在平等互利、诚实信用的原则上，经双方友好协商签订此合同（以下简称“本合同”）
一，合作事宜
合作事宜：甲方委托乙方全面负责甲方“ 信誉通面向政府和面向用户两套网站整理创意设计”的设计工作。
乙方根据本合同的约定向甲方提供服务，甲方根据本合同的约定向乙方支付各项费用。
二，工作内容、工作成果及交付
（一）信誉通整站风格设计：1.基于b方案出具信誉通整站风格设计，（设计文档、模板素材） 2.制作首页+二级栏目（1个）+三级栏目（1个）
3.制作5个链接组件或动画。
（二）手机客户端设计 1.主体风格设计\\制作
2.二级页面设计\\制作（1个）+三级页面设计\\制作(1个)
3.Icon和动画设计\\制作（5个）
4.用户体验研究
工作成果：甲方最终确认的，可以正常交付开发的和测试的信誉通整站风格设计、手机客户端设计, 详细请见附件《设计项目清单》和含可编辑源文件光盘2套。
设计的时间
1.乙方需在 12个工作日内设计出甲方的面向政府和面向用户两套网站主体部分视觉稿并提交甲方审核。
2.设计完成的时间为 56 个工作日(由甲方原因耽误的时间，完稿时间应顺延)。
（三）工作成果的交付：
乙方根据甲方项目负责人对成果验收合格后，最终确认的设计稿向甲方提交上述工作结果。
乙方依据本合同约定内容提供或完成的工作成果交付于甲方，甲方虽未签字确认，但其实际上已经使用该工作成果的，应视为甲方已经验收了乙方交付的工作成果，并应向乙方支付本合同约定之款项。
三、本合同金额：
人民币：玖萬伍仟元整即RMB：95000.00元
本合同金额不包括附件以外的、具体需要另外向第三方购买的其他费用。
四、付款方式和时间
付款时间：
1.甲方需在本合同签订之日起5个工作日内将委托设计全部金额的40％，即人民币叁萬捌仟元整，即RMB： ￥38000.00付给乙方（乙方收到甲方的款项后作为设计的开始时间）。
2.乙方向甲方最终交付工作成果之日起 5个工作日内，甲方应将本合约书余款向乙方一次性支付完毕，计人民币伍萬柒仟元整，即RMB：57000.00付给乙方。
付款方式：现金或电汇（确认后乙方开具收据）
户名：
开户行：
帐号：
五、双方的权利和责任
（一）甲乙双方共同权利和义务
1、本合同执行期间，甲乙双方应委派专人进行工作对接和项目沟通工作，积极进行定期或不定期交流，以保证双方工作的顺利进行；
2、本合同未涉及的工作内容，如甲方需委托乙方完成，双方需经具体合作事宜及增加费用商议，并另外签订相关合同；
3、甲、乙方均应保证各自向对方提供的文件资料及作品是真实、准确、合法的及不侵害任何第三方的权益。
（二）甲方的权利和义务
1、为便于工作的顺利开展，甲方应根据乙方的合理要求提供与项目相关的各种必需资料等文件，并确保所提供文件的准确性，以保证乙方掌握有关设计要素，能有效完成工作内容；
2、对乙方提交的设计方案稿等工作内容，甲方有提出书面修改意见的权利和义务，但该意见或建议不得违反法律法规和公序良俗；
3、对乙方提交的计划和设计内容，甲方应在收到乙方设计内容的5个工作日内完成审核、提出相关意见或签字确认工作，甲方不按规定时间内完成审核确认，视为甲方无异议地验收，并应向乙方支付相应款项，因甲方延期审核或确认而导致的工作延误或延迟付款均由甲方负责；
4、当甲方向乙方支付全部合同款项后，甲方将享有乙方所提供的策划、创意和设计方案所有版权的权利，即本合同项下作品的著作权归甲方所有，乙方享有署名权。甲方必须按合同规定按期支付应付款项。逾期每日将加收以合同总款的2%。
5、甲方授权________作为甲方与乙方接洽的项目代表，________在本合同履行过程中所签署的文件，视为甲方向乙方签署的文件，并与本合同具有同等法律效力。
（三）乙方的权利和义务
1、乙方 会 由担任甲方项目的主创；
2、乙方以收到甲方首笔合同金额的日期为乙方正式工作开始日期，乙方每一阶段工作的起始日期均由甲方完成上一阶段相关工作内容确认手续之次日起计；
3、乙方对甲方所提供关于本合同推广项目的经营、业务、产品及技术等相关的文件、信息、图纸及软件等资料负有保密义务和责任，并应采取一切合理和恰当的措施避免甲方资料的泄露、复制、滥用及被无关人员接触和了解；
4、乙方应根据甲方的书面意见进行修改、调整，直至甲方签字确认后方可定稿；
5、对甲方要求乙方完成非本合同约定范围的工作内容，乙方有权拒绝或要求甲方增加相关费用；对甲方要求乙方完成的违反法律、法规、规章和公序良俗的工作内容，乙方有权拒绝；
6、乙方依据甲方确认单提交的有关工作成果（电子文件），甲方实际上已经使用的，应视为甲方已无异议地验收了乙方交付的工作成果；
7、在不泄露甲方机密的前提下，乙方可将该合同的工作成果用于非营利性的发表、展示和展览。
8、乙方在履行本合同过程中需使用第三方作品的，乙方应事先向甲方说明并取得甲方的同意，需支付给第三方的著作权使用费由甲方承担；
9、乙方保证向甲方提供的作品及工作成果是真实、准确、合法的，且不侵害任何第三方的权益。若因任何第三方就乙方提供的作品及工作成果主张权利，所产生的一切责任由乙方承担，造成甲方损失的，由乙方赔偿。
六、不可抗力
如一方因不可抗力而不能履行本合同义务，该方应自事发之日起 3个工作日内书面通知对方，并提供有关证据。双方都应采取有效措施将损失降至最低。
七、通知和送达
任何一方向另一方发出通知或其他传达，应以特快专递、人手交递或传真形式发往另一方下列地址。通知被视为送达的日期约定如下：
1．以传真、电邮形式或人手交递发出的，以通知抵达对方传真机（计算机系统）或工作人员之日为送达日。
2．以特快专递形式发出的，自发出之日起第三日为送达日。
3．双方通讯地址：本合同甲、乙双方的明示地址为通讯地址。如有变动，应提前15日书面通知对方，否则须承担未能收到对方送达物的不利后果。
八、争议的解决
1．就本合同条款的解释和履行发生争议时，双方应及时协商解决。
2．如果协商不成，任何一方都可向当地仲裁委员会申请仲裁。仲裁费用，包括因此而支出的律师费等，均由败诉方承担。
九、合同的变更和终止
1．合同的变更：因不可抗力，甲、乙双方协商并双方书面同意后可修改或变更本合同。
2．合同的终止：乙方依照本合同完成甲方委托，甲方依照本合同支付完全部款项，并未发生任何第三方的责任追究或索赔时，本合同自然终止；
十、违约责任
本合同为须全面履行的不可分割之整体，任何一方违反本合同任一约定即构成违约。
如因一方违约导致本合同履行不能或提前终止，违约方应向非违约方支付相当于本合同甲方应付款总额 20%的违约金，并赔偿非违约方的经济损失，但赔偿金额以不超过本合同甲方应付款总额为限。本合同关于违约金和赔偿金的约定是累加的，并不互相排斥，可同时适用。
十一、合同生效及其它事宜
本合同自签字盖章之日起生效；本合同一式 贰 份，甲乙双方各执 壹 份，自签字、盖章之日起生效，具有同等法律效力；
本合同未尽事宜，双方可另行协商，签订补充合同。补充合同与本合同具有同等法律效力。
甲方（盖章）：乙方：
甲方代表签名：乙方代表签名：
地址：地址：
电话：电话：
电子邮件：
传真：
日期：
电子邮件：日期：
推荐第4篇：教学设计：10课 睁大眼睛看网站
初中信息技术八年级下册 第10课 睁大眼睛看网站 教学设计
一、教学目标：
（一）知识与技能：
1．学会辨别网页的布局元素。
2．知道各种网页版面布局的特点，根据需要适当运用。
（二）过程与方法：
通过学生自主学习和合作探究，培养学生运用信息技术解决实际问题的能力。
（三）情感态度与价值观：
让学生在自主学习中培养其成就感；通过师生的相互交流和团队的协作学习，培养学生养成严谨的学习态度和团结协作的精神。
二、教学的重点和难点：
认识网页布局的样式
三、教学准备：多媒体网络控制系统、足量的电脑
四、教学方法：讲授法 提问法 讨论法 协作法
五、教学安排：1课时
六、教学过程：
（一）引言
提问：大家在小学时，已经接触过网页，谁能说一说网页上运用了哪些元素？ 学生讨论，并请个别同学回答。
（二）讲授新课 1．认识网页的布局元素
刚才我们回顾了网页的知识，下面我打开一个网站，请一位同学上来指出主页上都有哪些元素。
学生代表上台演示，其余学生观察。 “他做的对吗？谁有补充？” （培养学生主动学习的能力）
网页上有许多丰富的文字、图片、声音、动画等基本元素，他们的存在丰富了网页的信息。
2．网页版面布局的样式？（重点）
我们来看我们的课本，内容距页边总有一定的距离，而且内容排列也非常有序。这样的目的是为了使课本的内容看起来井井有条、主次分明。 在网页中进行版面布局的原因和课本的布局是类似的。 下面我们来一起看几种常见的网页布局类型。
不同的版面它的用途是不同的。一般情况下，常用的有国字型、左右框架型、标题正文型等。
任务：请大家运用刚才的知识，去网上看一看其他的网站。
推荐第5篇：《树立网站整体风格》教学设计
《树立网站整体风格》教学设计
盐城市南洋中学 王健
【教材分析】
《树立网站整体风格》是高中选修教材《网络技术应用》（教科版）第四章第2节的内容。网站风格是抽象的，是站点的整体形象给浏览者的综合感受，这个整体形象往往从网站标志、标准色彩、标准字体等元素中体现出来。通过对经典案例的解读，将抽象的内容形象化，让学生自己去总结发现设计中的规律与应该注意的问题，并通过适当实践，激发学生的创作热情，使学生初步了解如何去树立网站的整体风格，并为以后的继续学习和实践提供指导。 【学情分析】
本案例的对象为高一年级第二学期的学生，前面已经学习了网站的规划、网站设计中的栏目的设置与版面设计，对美有一定欣赏和鉴赏能力，但对从哪些方面去树立网站的整体风格，还缺乏整体的认识。FrontPage2000操作虽然上学期学过一点，但并不熟练。 【教学目标】 知识与技能：
1、了解体现网站整体风格的要素。
2、了解网站Logo设计的常见方法和设计中应该注意的问题。
3、了解色彩的感觉，能根据主题的需要设计标准色彩。
4、了解字体的特点，能根据主题的需要设计标准字体。知道使用特殊字体时应注意的问题。 过程与方法：
通过对案例的解读，让学生自已去总结发现设计中的规律与应该注意的问题。 情感、态度与价值观目标：
提升学生的创新思维与审美能力。
【教学重点、难点】对如何树立网站的整体风格形成一个整体的认识 【教学准备】
资源：主题网站、教师展示课件
工具：FrontPage2000软件、A Logo 3.10、IIS 【教学策略】
本课中首先通过与优秀网站的对比，分析学生作品中的不足之处，然后在完善这个作品过程中，引导学生从网站标志、标准色彩、标准字体方面树立网站的整体风格。通过自身的实践，体验到网站设计的乐趣。 【教学过程】
一、创设情境，引入课题
1、请同学们欣赏几张网页，同时思考一下这些网页具有怎样的风格？
第 1 页
我们发现较好的网站往往都具有其独特的风格，有的活泼可爱、有的清新秀丽、有的温文尔雅、有的执着热情 „„ ，那么如何来树立网站的整体风格呢，这就是我们今天这节课所要共同探讨的问题。
2、展示几个学生作品，分析存在不足： 学生：颜色搭配不舒服
字体杂乱 „„
教师：网站的整体风格是属于外观的设计，色彩与字体肯定是属于风格的一部分，那还有什么跟网站的风格有关呢？
设计意图：通过几张风格迥异、视觉冲击力比较强的网页，引起学生的兴趣，继而旗帜鲜明地提出本节课的课题——树立网站整体风格。并通过一个具体问题的提出，激发学生的求知欲与解决实际问题的渴望。
二、网站标志（Logo）
小游戏：（快速播放一组网页截图），比一比，记一记，看谁记得多，并思考你是怎么知道这些网站的名称的？（部分截图如下）
设计意图：在快速播放的一组网页中，要想知道网站的名称，学生们很自然地会关注到网站的标志。从而引出树立网站整体风格的第一步就是要设计出一个好的网站标志。
第 2 页 同学们看看你们的主题网站里有没有Logo的设计？那怎么来设计呢？
网站标志就如同企业的商标一样，看到它就应该能够联想到你的网站。我们先来参考一下那么著名的网站，看看他们的网站标志是怎么设计的吧。
1、百度网站的Logo，采用了图文结合的设计。“百度”一词源于宋朝词人辛弃疾的诗句“众里寻他千百度”，“熊掌”图标的灵感来源于“猎人巡迹熊爪”，都有搜寻的意思，跟百度的搜索理念是相符合的。而且每逢重大节日的时候，百度还会邀请一些创意大师对Logo进行修改，既烘托了节日的气氛，更具有一定的艺术性和趣味性。
这类Logo的设计方法是选用与网站主题有关的，并具有代表性的人或物，用它们作为设计蓝本，加以卡通化和艺术化设计出来的。
2、中国银行、奔驰汽车企业网站的Logo，其采用的是本专业的有代表性的物品。
3、谷歌、中国雅虎、搜狗、联想等网站的Logo，采用将自己网站的中文或者英文名称作为网站标志的设计方法。这是最常用也是最简单的一种设计方法，将自己的名称采用不同的字体、字母的变形与组合，可以很容易地制作出自己的标志。
设计意图：通过对几个知名网站的Logo的解读，使学生了解网站Logo设计通常采用的几种方法，从而为学生的下一步实践提供指导。以及在解读的过程中，注意指明一些Logo设计的成功所在，引导学生发现其规律。
提问：一个设计成功的Logo往往具备哪些特点呢？请讨论回答。 学生活动：讨论一个设计成功的Logo往往具有哪些特点。 总结：
1、能够契合网站的主题
2、符合大众的审美习惯、清楚易记。
3、体现一定的创意，设计美观，有艺术价值
设计意图：通过前面对几个案例的解读，学生已经发现了一些网站标志设计的规律，对网站标志具有了初步的鉴赏能力，因此让学生自己去归纳总结出设计优秀的LOGO往往所具备的一些特点，然后教师再进行进一步的总结，使学生对“网站标志”从初步的感知上升到理论的认识，并
第 3 页 为下一步的实践提供指导。
在了解了Logo设计的理念和常见方法之后，同学们一定也想自已实践一下了吧，下面请同学们为各自的主题网站设计一个符合它主题的Logo吧：
学生活动1：为主题网站设计Logo ⑴小组讨论，对要设计的Logo进行规划。
⑵利用 “A Logo 3.10”软件提供的模板进行辅助设计。
设计意图：此时的学生一定跃跃欲试，有自己实践创作的渴望。通过这一实践让学生初步了解设计的过程，体验创作所带来的成就感。通过A Logo提供的模板，学生只需几个简单的步骤就能创作出漂亮的Logo，降低了初次设计的难度。
三、标准色彩
标准色彩就是你网站中所使用的主要色彩，生活中每种色彩都有自己的语言，代表了一定的含义，我们先来测试一下，同学们对色彩的理解吧：
红 联想到火、太阳，代表热情、喜悦、庆典。 绿 清新、健康、环保、是生命的象征。 橙 青春、欢乐、时尚，有动感。
蓝 联想到天空、大海等，给人以宁静、信任的感觉。 紫 有点可爱，优雅，是一种女性化的色彩。 白 代表干净、纯洁、简单、公正 „„ 黒 庄重、肃穆、神秘。 设计意图：初步了解色彩的语言。
设计网站的时候一般要选用多种颜色进行搭配，合理的颜色搭配，不但可以产生良好的视觉效果，而且还能更好的烘托主题。
网页1：中国法律法规网信息系统。以蓝色和白色为主，红色是国徽，具有象征意义，切合网站的主题，强调权威与真实。
网页2：新浪网：大块的橙色图片、按钮，感觉页面轻快时尚，白色的背景，蓝色的文字，使的阅读的时候眼睛非常舒适，符合新闻类网站的风格。
设计意图：通过对两张网页其色彩设计的解读，引导学生发现其设计中存在的规律及应该注意的问题。
提问：那么我们在色彩的使用上要注意些什么呢？请同学们讨论回答。
第 4 页 学生讨论：讨论在色彩的使用上应该注意的问题。 总结：
1、设计网站的标准色彩，但一般不要超过3种
2、总体协调，局部对比
3、结合主题需要选择合适的色彩
设计意图：适时归纳，总结规律。为学生的下一步实践提供指导。
再来看看我们的主题网站，你认为应该使用什么样的色彩比较好呢？自已尝试着搭配一下。 学生活动2：调整主题网站中页面的色彩
⑴在FrontPage2000中打开主题网站中主页（index.htm）。
⑵尝试为其进行色彩的设计（网页背景、表格背景、单元格背景、文字的颜色）。
设计意图：考虑到学生对FrontPage2000的操作不是很熟练，因此在设计这一实践时，尽量避免复杂的操作步骤，并在实践前将具体的操作步骤稍有演示，避免学生因技术的障碍而影响了设计的发挥。
三、标准字体
标准字体是网站中所采用的主要字体，中文字体有很多，它们都有各自的特点：
黑体字：凝重 宋体字：端庄 隶书：飘逸 楷体：淡雅 仿宋体：专业 广告体：精美 手写体：亲切随意 一般网页里默认的字体是宋体。
提出问题：如果设计网站时使用了特别的字体，而浏览者电脑中却没有安装这种字体，会有问题吗？如果有问题该怎么办呢？
教师：在服务端编辑“环境保护”网站主页中的字体，学生端通过IE浏览器观察并讨论。 小结：设计网站的标准字体应注意的问题。
1、根据网站内涵，选择贴切的字体。
2、使用统一的标准字体，特别的字体最好采用图片的形式。学生活动3：调整主题网站中的字体。
⑴继续在FrontPage中调整字体，使其符合网站风格。 ⑵完善作品后，小组评选出一个代表作。
⑶按要求上传小组代表作并在线进行作品自评与互评。
五、课堂小结
今天这一节课，我们主要从网站标志、标准色彩以及标准字体等方面探讨了如何树立网站的整体风格这一问题。网站风格一旦确立，网站中所有页面都要采用这风格。当然一个好的网站不仅要有一个好的风格。更要有丰富内容，所以还需同学们广泛地搜集素材。相信大家只要多努力、多实践，我们一定能设计出优秀的主题网站。
第 5 页
推荐第6篇：数学教学网站
数学教学网站大全
数学123 中国数学在线 海天数学网 广东中山市中学数学网
中数网 奥数网 港中数学苑 草中数学 中小学数学教学资源网
数学１１０ 中学数学在线 大榕树高中数学
初中数学乐园 数学动力网 数学456资源网 悠悠数学资源网 中学数学网 初中数学网 初中数学动力网 小学数学试卷网 中学数学交流园地 t数学网站 数学教学网 永动时空高中数学网
数理天地 新课程新数学新思路
数学天地 中学数理化 高中数学辅导 德若普课程辅助设计
梦想数学 数学专题资源网 小学数学网 北京市小学数学网 天津小学数学教研 双语教育研究 小学数学天地 小胡数学 人教社小数教育论坛
黎小数学报
数学E网 我形我数 港中数学网 小学数学专业网 小数园地 小学数学网 小学数学教学网 数学教育教学资源中心 曾老师数学资料网
哈尔滨一中数学组 快乐数学 苏科版初中数学网站
管丽霞中学数学教学网
数学思维 数学家教网 品茗轩-小数教师之家 开泉涤尘中学数学天地
高中数学资源共享网 轻松数学网 高中数学课件网 嘉善数学教学 新课程初中数学工作室
学勉数学网 数学教育联盟 王宏荣-->>数来数去 草中数学 衢州二中数学教研组
数学百分网 凤山数苑 数学家教网
小学数学奥林匹克 焦作市中小学教师继续教育
小学数学竞赛之窗 小奥在线 福建省小数教育研究会 3A奥数网 扬州开发区教育
小学数学爱好者 捷凯数奥 小学数学专业网 小奥在线 小数教师之家 国娟小数网 林悦齐教育网志 3A教育论坛 小学数学网论坛 富阳市教研室
苏外小学数学教科研
数学教师绎站 初中数学教艺网 小数教研网 满分数学网 数学驿站 网络数学实验室 数学小家 数学探索 促膝长谈 高中数学教师之家 初中数学题库 数海荡舟 数学专业报 数学教育网 高老师工作室 罗湖区小学数学教研网奥数网 溧阳教育信息网 南通小学数学 天津教研网-数学 小学数学拾音网 和风论坛 黑龙江小学数学论坛 陕西安康市红旗小学
扬州市施桥中心小学 深圳市南山实验学校
勾股数学
初中数学课程整合研究网
淮安市小学数学教研网 吴江市芦墟镇二小
数学天地 奥数网 浦阳第三小学 初中数学辅导 鲁勰教育网 河南省基础教育教研网 龙游西门小学教育网 初中数学园地 初中数学教艺网 博士家园 初中数学网 初中数学网 初中数学教育教学网
Maths家园 数学教育网论坛 温州实验中学数学组 扬州教科研网 即墨市教研室 学生大下载中心 高中数学网 人教社高中数学论坛 上海市育才中学 蚌埠二中 贵州省贵阳市六中 上海崇明中学数学组 月之梦在线-高等数学 考研数学网-高等数学 数理几何研究中心[E]
微积分拾阶 趣味数学__数学110 中小学教育资源网 高中数学教与学 数学教案试卷网 数学教育网
抚顺教育网-数学 初中数学教师之家 初中数学小屋 夏敏敏数码工作室 人教社初中数学论坛 黄梅县初中数学网 厦门双十中学初中数学 江苏教育出版社 福建中数教育 数学时空 杨梅高中数学小栈[台] 浙江省诸暨市草塔中学 中坜高中数学科[台] 秀州中学数学组 中学数学杂志 高等数学-搜狐教育
博士家园 基础学科频道 廖亦德线性代数专业网
脑力激荡 数学之家 初中数学网 无锡小学数学教研网 潜老师数学工作室
杭州中学数学网 数学爱好者的乐园 孙老师初中数学 3A教育论坛 数学驿站论坛 北京丰台二中数学组 吴江市实验初级中学
高中数学空间 广州市中学数学之窗 熊晓东教育实验室 天津教研网 长顺民中数学教研网 大直高中数学教学网[台]
人教社高中数学 21世纪数学网 天大网络学院(高等数学) 高等数学网络课程 高校数学中心 数学家教网 初中数学资源 我爱数学 数学快车 衢州数学网
瑞安教育资源网网 卢清莲教育教学工作室
初中数学 杨浦教育论坛 初中数学教研网 绍兴县初中数学网 深圳中学亚迪学校 广东中山市高中数学网 大连教育网教研天地
寻论网
高中数学-嘉兴教育网 丰台二中高中数学组 杭州第十四中学 绍兴县教研室 几何学中心[E] 高等数学教学资源 全国大学生数学建模竞赛
数学用表 数字乐园-趣味数学
趣味数学 数学教研论文 数学教学艺术 展飞数学 数学教育网
中国数学会概率统计学会
高中数学网志 教师在线第一站 人教社小学数学 天河区小学数学教研网
无锡小学数学教研 紫梦园小学数学课件
小数驿站网 建德市小学数学网 小数教研网 小学数学教学 小学数学活动天地 上海市江苏路第五小学 小学数学课程与教学 华博士小学数学热线网
五莲小学数学网 杭州拱墅小学数学教研网
初中数学网网 江门教育信息网 初中数学 周夜飞初中数学苑 张振兴初中数学园地 中学资源网论坛 黄岩中学物理组 中国基础教育网 宁波高中数学教研网 中山市东升高中数学网
番禺中学数学组 高等数学世界 21世纪数学-趣味数学
戴老师在线 综合教育资源网 富阳数学教研网 杜斌斌老师专栏 马儿的个人主页 武昌中学数学 江苏省建湖县镇北中学高中数学世界 金洪恩高中数学课件 福清三中校园网学科站中学数学月刊 微积分网络教学系统 保良局陆庆涛小学
刘兴喜牧民工作室 阿维数学在线 初中数学资源网 付老师教学工作室 初中数学社区 宝安初中数学教研室 溧阳教育—中学数学
海天数学园 我行我数论坛 浙江新昌中学数学组 北航精品课-高等数学
离散数学导学 趣味数学-潜老师教学工作初中:魅力数学 迈达威中学教学资源库
初中数学研究 震扬数学园 中学数学论坛 山西省实验中学 湖南教育出版社数学频道
高中数学网 中数网论坛 山西省实验中学 吉林大学高等数学答疑网
人教网趣味数学
推荐第7篇：《网页设计与网站建设》教学总结
《网页设计与网站建设》教学总结
本学期11网络1班的网络程序设计基础课程采用的是人民邮电出版社的
《动态网页设计与制作——CSS+JavaScript》吴以欣 陈小宁主编。这本教材总体还是比较适合于高职学生。在实际教学中我广泛选择利用其他较适宜的教学资源，注重入门练习。作为教学的补充，我将一些资源和教师多年教学积累整理成课件发给学生。现将一个学期的教学情况总结如下：
一、老师给与学生合理的引导，更要加强自身的素质修养，提高自己的知识水准。
在整个教学过程中，在教学过程中自己还缺少更高的艺术修养和艺术创造能力，所以还要不断的学习；另外就是技术上还需要完善，也需要和有经验的老师多交流，多沟通。相信只有站在一定的高度去看整个项目的实现，会更通俗易懂也更有说服力，所以也不能说都是学生的原因，归结起来还是要提高自己的知识水平和业务素质！
二、了解学生，加强考核。
针对全体学生来说，聪明程度相当，但学习兴趣层次不同，大部分学生只愿意听后选择性的接受，而没有知识的创新利用，或者是没有下去自学，巩固知识，单一的只是听和做。有的同学，上完课后根本就直接把书丢在一边置之不理。综合学生的学习态度问题，个人认为还需要加强考核制度，从严制学，宽进严出，严肃考风！
三、教学内容心得
1.网页制作要简洁大方。网站在设计过程中以简洁大方为主，配合合理的颜色搭配和主题内容的诠释，给访问者赏心悦目的感觉；而避免过多的动画和帧的过多运用，以及不明确的导航，杂乱的颜色，没有主题的胡编乱造。
2.网站风格要统一。所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，要统一风格，贯穿全站。这样子读者看起来舒服、顺畅，也会对你的网站留下一个“很专业”的印象。知识运用中要大量配合合理的模板、CSS样式的运用而避免在网页中反复的字体样式重定义、颜色的胡乱运用，参差不齐给人杂乱的感觉。
3.网站布局合理。避免一些“拿来主义”，一些学生为了设计方便，拿网上流行的模版做网页，做出的网页几乎是千篇1律，没有特色，虽然完成了网页的制
作，毕竟不是出自个人之手，知识缺乏进一步巩固，且让浏览者产生厌倦。另外导航清晰化，能引领浏览者阅读网页，思路一定要清晰，避免交叉链接。
4.网站容量要小。虽然网页更加美观可以吸引浏览者，但是图片，动画容量大会影响浏览速度，所以一定要注意网络容量问题。图片尽量压缩，多采用单一色，或者简单的颜色；动画要尽量简洁实用，用最少的帧做出最漂亮实用的动画，给网页增色。
但是总体来说，通过整个学期网页制作的学习，学生已经了解了网页制作所需要的基本技术，也掌握了网页制作的基本技能。但由于时间紧迫，知识点多，一些重点难点问题还需要勤加练习，比如：静态网页中的布局和CSS 的定义；动态网页中对象的综合运用等等。当然也存在着遗憾，不少学生反映，学习爱好更多的是动画的制作即 Flash的学习，而我们只是笼统的讲解，不能完全满足学生的求知欲！当然针对网页制作来说，还需要加强学生的配色观念以及审美观的培养，以及动态网页的实现技术的把握，在很多方面还需要老师和学生们进一步配合，共同学习和实战，以达到知识运用的一定高度！
推荐第8篇：高中信息技术网站设计与制作教学设计
高中信息技术网站设计与制作教学设计
【教学分析】
一、教材分析
本教学内容为高中信息技术选修模块《网络技术应用》的重要部分，通过学习，学生能够根据任务需求，选择恰当的工具分析网页。在本章中，通过对一些网页的分析，让学生了解构成网页的各种要素，并了解万维网的基本架构，理解网页的作用。通过教学要学生了解并掌握网站的策划构思的过程，掌握素材收集整理的基本方法，学会最基本的网页制作工具软件的使用。
二、学生分析
学生是教学活动的主体，充分了解学生，是取得良好教学效果的必要条件。通过对学生平时上机情况的观察以及课下和学生的谈话交流，我了解到的学生的主要情况是：
1、高一年级学生经过初中阶段的学习，能够较好地运用搜索引擎、Word、PowerPoint 等常用信息技术工具。
2、具备了基本的网络水平。
3、已具备了初步的小组协作探究能力。
三、教学目标
1、知识目标：了解万维网的基本架构，理解网页的作用，掌握网页元素和网页构件的使用，学会使用常用的网页制作工具。
2、能力目标：通过网页作品的欣赏培养学生搜索、下载、处理和应用信息的能力，培养学生对信息技术的实践应用能力、协作能力和创新能力。通过本课的学习可以培养学生的辩证思维和发散思维的能力、逻辑思维能力及语言表达能力。
3、情感态度价值观目标：培养学生独立思考、自主学习、合作讨论的能力，通过自己探究问题，进一步树立学生学习信息技术的自信，提高学生学习网页制作的兴趣。
四、教学重、难点 1、网页设计的基本流程 2、网页的版面设计 3、网页的色彩搭配 【教学策略】
设计教法，培养学生的学习兴趣、培养学生分析问题、解决问题、综合运用信息技术的能力。 设计教学方案，为层次稍低一点的学生创造学习的空间，并能使基础较好的学生有知识拓展的空间。
【教学设计理念】
以学生为中心，以任务为载体，以操作为手段，以发现为宗旨，以感悟为目的。 【教学方法】
根据学生的特征，结合他们的认知水平，本节课采用以任务驱动法为主，以讲授法、演示法、讨论法为辅的教学方法。结合任务调动学生的自主探究和合作交流。
【课前准备】
分析教学内容，制订教学方案。采集教学过程中所要用到的文件。制作教学课件。
1、自制PowerPoint演示课件
2、多媒体电子网络教室（教师机、学生机、投影仪）
3、制作作品的各种素材。
【教学过程】 引入
打开几个不同类型的优秀网站，让学生欣赏，指出各网站的设计风格、整体规划、素材的运用、颜色的运用等特点，引发学生兴趣。这些网站都可以在我们的手中做出来。
新授
一、建立站点。
教师演示站点的建立。学生自主完成建立站点
教师结合学生演示,强调创建站点类型、站点保存位置及名称。
学生活动：学生尝试利用FrontPage创建站点，演示操作创建站点的过程和方法。
二、网站的设计
结构设计、版面设计、交互设计。
三、网页的制作
1、表格的建立。
2、强调“表格属性”窗口的设置，并请学生示范操作。
3、添加网页元素
4、进一步巩固消化网页元素——动画文件的添加方法。
5、教师根据学生实际操作状况，针对性地请学生进行操作示范，并归纳小结图片和动画文件的不同添加方法。
四、网页的保存
1、通过确定保存网页文件的文件名index.htm，引出首页的概念及默认文件名的含义。
2、特别指出图片和动画文件的保存方法，突出站点中images文件夹的作用。
五、小结
选取学生作品展开自评与互评，教师引导学生小结网站实现的基本过程。
六、作业
分小组完成，设计制作一简单小网站。 【教学反思】
经过实践操作，制作一个小型网站，完整的完成了网站的设计，全面的掌握了网站当中的各个元素以及它们的各自特点，能够比较灵活的根据自己需求进行规划与设计。达到了既定的教学效果。如果想要突破或者有所超越，课余可以继续做一些更有规模的中型网站，体验过程。总体来说，教学效果比较好。
推荐第9篇：淘宝网站LOGO设计
淘宝网站LOGO设计
设计要求：
一，LOGO设计名称：“棂枫”（刚申请注册）网址：lf1314.taobao.com
二，该LOGO可以应用于服装服饰等25类！
三，主要围绕“棂枫”两个字进行设计，两字可连体加天使抽像图，有创意，唯美，大方，女性！可参考如图：
不是蝴蝶哦！！天使也是侧身，双手谢在胸口祈祷的样子！
四，中标者需提交完整矢量图（CDR）
五，加名片和传单效果图优先中标哦！在此先谢谢大家啦，标金不多！
知识产权的说明 注：设计的是天使
1、所设计的作品须是原创，Logo未在国家商标局注册过，未侵犯他人著作权；如有侵犯他人著作权，由设计者承担所有法律责任及相应损失。
2、如中标设计方必须提供以上所要求的设计作品完整方案。
3、中标的设计作品，我方支付设计制作费后，即拥有该作品知识产权,包括但不仅于著作权、使用权和发布权等，有权对设计作品进行修改、组合和应用。
4、设计作品我司一经采用，我司与设计者需签署版权协议，所有权、修改权和使用权均归我司所有,设计者不得在其他任何地方使用该设计作品。
5、设计者所设计LOGO我司将用于商标局注册，如不符合商标局要求，需要修改时请设计者帮助修改。
推荐第10篇：网站设计实习心得实习心得
本次实习我主要负责的是网站框架的主页部分的设计与制作，我利用面向对象的方法将主页分成了五个模块，每个模块对应于一个子页面，并通过超链接将该模块与对应的子页面链接起来。主页是整个网站的基础，它既要内容充实丰富以致于不空洞，又要有一定的扩展空间以便于动态更新，因此主页在整个网站制作上占有至关重要的地位。在这个过程中主要涉及的是网页制作方面的知识，以及页面的排版与美化。
关于餐饮娱乐页面的制作就比主页简单一个，它是对主页上的一个模块的详细展示。这个页面我查阅了相关资料，利用了网上了部分图片，对武汉市的餐饮娱乐方面进行了具体的介绍。涉及到的相关技术与主页的制作一样。
另外，我还制作了地图导航页面的部分功能，主要是根据ArcGIS Server从入门到精通上
第八章的内容做的。在这个过程中，我发现很多功能比如放大缩小、漫游查询等都是以前编程实现过的，而现在这些功能直接封装在模版网页里面了，这样利用模版网页就会节省很多时间。虽然最后地图导航部分采用的是温亚威同学制作的页面，但是我还是学到了不少知识，学会了简单地图类网页的制作以及模版网页的制作方法。起码现在能够制作一幅简单的武汉电子地图了。
旅游景点页面的制作我采用了与餐饮娱乐页面的制作一样的版式和结构。不过最后还是觉得太单调了，最终采纳了温亚威同学的页面。关于对武汉市的简介页面，我也查阅了很多资料，进行了相应的设计。
在这次实习的过程中，刚开始觉得无从下手，去图书馆借阅了好多资料，发现代码看的是一头雾水。后来通过查看参考网站上的源代码，渐渐懂得了一些，开始制作的时候就有了一些思路。看来仅仅看书上的代码是不够的，还是要通过实践才能发现问题，解决问题。总之，本次实习，我学到了很多课堂上根本学不到的东西，发现了学习和交流的重要性和必要性，深感到只靠一个人的力量是不够的，只有大家互相交流，集思广益，才能更好地促进学习。在实习时，感觉到自己的基础知识还不够扎实，温故而知新，不仅巩固了所学的知识，还扩展了新的知识，例如学到了不少ASP.NET的知识。希望以后能够有更多这样的实习。
第11篇：毕业设计任务书《网站设计》
毕业设计任务书---《网站设计》
一、教学目的
毕业设计是毕业教学中的一项重要内容，是完成教学计划达到教学目标的重要环节，是教学计划中综合性较强的实践教学环节，它对帮助学生全面牢固地掌握课内教学内容、培养学生的实践和实际动手能力、提高学生全面素质具有很重要的意义。网页设计的教学计划要求学生通过学习熟练掌握网站建设和网页制作技术，掌握网页设计的技术与网站建设的思路，因此，毕业设计环节就占有更加重要的地位。
本毕业设计应达到以下教学目的：
1、使学生对于网络信息及网络信息发布有更加深入的理解
2、提高学生在实际操作中收集信息、对信息进行价值判断、进行信息整理、信息加工的能力
3、提高学生的网页设计与制作能力
4、使学生进一步掌握网络信息发布的原理，及网络信息发布所需的软件、硬件条件
5、使学生掌握利用软硬件资源发布一个具体网站的操作过程
二、设计的总体目标：
（一）设计目标及要求
1、•必须选择某企业或公司作为自己网站设计的对象。比如手机网站、汽车网站、图书网站等。
2、充分收集、整理网站设计必需的企业资料。
如：企业简介、服务承诺、经营状况、产品分类、•产品性能规格介绍、、图片资料等。
3、必须有自主设计的网站标志Logo（图标），企业动态图片资料，•交互式
1 表单等。
4、网站设计必须包含足够的信息量。
·主页面信息量在８０～１００KB之间
·次级页面设计２～３层，每层信息量不低于30KB•（或按情况适当浮动）
5、符合“三次单击”原则，•即网站的任何信息都应在最多三次单击后找到。
6、网页版面设计要求简洁、主色调显明，•视觉效果良好
7、次级页面至少有一个采用框架网页设计，其余网页公共表头或表尾采用共享边框设计。
8、•主页面上至少有６个以上的次级栏目超链接设置和多个相关资料友好链接处。
9、主页面上必须有动态时间显示、版权申明、联系方式等。
10、设计者可充分发挥自己的专长，应用所学知识，大胆创新、尝试、设计出具有新潮创意的网站。很好地将网站“提供信息、•娱乐观众和销售产品”这三类基本内容统一起来，•从而实现网站设计的目标。
三、毕业设计内容
（一）网站设计策划
１、确定网站设计的目标、网站定位（确定主题）。
２、明确网站要提供和发布的信息类别。
３、确定网站名称及网站虚拟域名。
（二）网站总体设计
１、网站风格定位、网站的图标设计。
２、网站主色调及视觉效果设计。
３、网页基本要素设计。
４、网页布局及版面设计、栏目设计。
５、网站导航图设计。
６、网页层次设计（创建系统图表）。
７、网站文件有效保存设计（合理设置文件夹）
（三）网站分步设计
１、主页的设计制作
2 ·页面设计
·页面图片设计制作
·页面文档设计排版
·超链接设计
·表单设计
·动态图标、文字、层的设计、flash动画设计
·其他相关信息设计
２、次级页面设计
·页面结构设计（框架网页、共享边框）、flash动画设计
·超链接及信息项表设计
·与主页协调的风格设计
·次级页面图片、文档的布局设计
（四）网站数据库及网站管理设计
例如做手机网站时，创建一个数据库，该库中有手机品牌、型号、手机、价格、手机图片、手机其它参数等信息，制作动态网页提供给用户查看。还可以做一个论坛或留言板让用户留言的数据库及相关网页。
（五）网站其它功能设计 比如网站计数器等。
四、毕业设计要求
1、每3位学生为一组独立制作一个完整网站，设计中各个环节都要求学生自己动手（也可1个学生或者两个学生完成）
2、确定的网站主题应大小适中、内容健康、具有时代气息
3、网站提供的信息应与网站主题相符合
4、网站结构应层次分明，内容重点突出，二级网页不少于4个，网站结构不少于4层，总网页文件数不少于25个
5、网站LOGO与网页风格应该协调一致
6、页面设计难度适中，要求网站应易于维护，要求学生掌握使用1-2种网站维护工具
7、对毕业设计进行总结，撰写毕业设计报告把设计的网站相关文件提交给老师，毕业设计报告以A4纸打印好提交。
8、毕业设计时间为6周。
五、毕业设计报告（文档）
毕业设计报告是毕业设计工作的总结和提高，毕业设计报告应该反映出作者在毕业设计过程中所做的主要工作及取得的主要成果，以及作者在毕业设计过程中的心得体会。 毕业设计报告主要内容
毕业设计报告的写作方法是多种多样的，并没有一个固定的格式，对于本毕业设计，应该包括以下几个主要部分：
1、网站的主题说明
2、网站的总体规划与网站的结构框图
3、网站LOGO说明
4、各级网页设计说明（网站配色、导航设计、各级网页风格统一）
5、典型网页的设计过程、步骤与样例
6、网站发布过程说明
7、网站维护操作步骤
8、网页提出对网站的改进意见
9、网站网址（如果发布到Internet网站上，需要提供网站网址）
10、将网站的1-3级页面打印存档
11、资料来源。12.心得体会
13.报告后应附参考文献
14.毕业设计报告所要求的格式参见学院的通知，要求毕业设计报告文字、有关网页打印，装订成册
六、毕业设计的纪律要求
1、每3人组成1组：每组有一个组长（组长负责每天清点人数，把设计的进程汇总一下，也可1个学生独立完成）
2、按时完成每天交给的任务，按课表上机，其他时间在班级或图书馆查资料
七、毕业设计的时间安排
1、第1天，布置毕业设计任务，明确分组负责人和联系办法，讲解毕业设计的方法和步骤，如何查找相关的软件，收集资料，编写设计方案（或设计计划书）。
2、第1周，每人提交一份计划书，汇报对该网站设计的设想，明确每人负责的具体任务，并进入实质性操作阶段。
3、第2-4周设计过程的完成并进行运行测试。每天组长汇总情况、问题和进度一次，各人随时可通过电话、ICQ或E-mail联系。
4、第
5、6周，进行毕业设计报告的撰写和修改。
指导教师：xx 5
第12篇：网站设计分析报告
网站设计分析报告
一、网站的设计目标：《Hi购网》是用于实现为有需求商家聚集足够消费者，并使消费者得以更低折扣购买商品的平台。
二、网站的主题：《Hi购网》是设计一个网上团体购平台，并进行商品展示和销售管理。
三、网站的CI设计:
1.《Hi购网》取“Hi”和“High”的同音，所以LOGO设计成一个跃起的简易的人物形象。2.《Hi购网》是以“团购”为题材的网站，所以网站的整体形象以热情的橙色为主调 ，以白色为底并用暗红色最为点缀色。3.整个网站主题采用宋体字。4.《Hi购网》的口号是：“上Hi购，放心high！”
四、网站的风格：《Hi购网》的设计风格是给人一种热情红火的感觉。
五、网站的功能需求:前台包含的模块有：
注册，登录，修改会员信息，查看订单，取消订单，确认收货，申请退货； 后台包含的模块有:订单管理，会员管理。每个功能模块的具体描述:注册,添加新用户将用户信息添加到数据库；登录，登录到相应会员的主页面；修改会员信息，对会员注册的信息进行修改并将修改后的结果添加到数据库；查看订单:查看订单信息和处理情况；取消订单，在订单发货前可以对订单进行取消操作；确认收货，会员确认收货后订单情况显示“已完成”；申请退货，会员确认收货30天内可以进行退货申请；订单管理，管理员可以对订单进行删除修改等操作；会员管理，管理员可以对会员进行删除等操作。
六、网站的运行环境和开发环境：运行环境windows，开发环境：VS。
七、网站的其他设计要求需求分析:
1.《Hi购网》界面要求主要遵循简洁清晰又不失美观并易于用户操作的宗旨。
2.安全要求主要包括：用户可以浏览，选购商品但没有对商品进行修改和删除的权限；管理员登陆后台系统后才能对商品，会员，订单等信息实现管理。
3.用户注册登陆后才能进行商品的购买，管理员要对用户的身份进行验证。
八、网站的目录结构
九、网站的设计进度及时间安排
第13篇：网站设计大赛方案
网站设计大赛方案
为展示我院近年来教育改革与发展的成就，增强网站设计相互交流，配合“大雁型”人才培养模式，提高学生实践技能，培养企业实用人才，为此举办特滨州职业学院网站设计大赛，实施方案如下。
一、主办和承办单位
本次大赛由网络中心牵头，党委（院长）办公室、学工处共同承办。
二、活动时间
2007年10月1日至2007年11月1日，具体评选时间另行通知。
三、活动主题
迎接奥运，关注祖国；发展学院，展现自我。
四、参赛对象
全体滨州职业学院学生。允许多人合作完成一件作品，作品可以以合作者或工作室类型署名。
五、作品内容要求
1.内容实用
网站内容主题明确，鲜明活泼，健康向上，信息量大，具有文化内涵和时代气息。
2.功能强大
网站包括信息动态、公告栏、论坛或留言板及其他互动性信息等，能在传达部署工作、组织开展活动、交流沟通信息等方面发挥实际作用。
3.页面美观
网站页面设计庄重大方，形式新颖，创意独特，颜色协调；合理运用多种形式表现主题，栏目内容图文并茂，文字排版合适，视觉效果好。页面的规划合理、美观、易扩充。
4.制作规范
网页制作规范，栏目分类清晰，信息归类科学，内容丰富详实，网站导航明确，链接无误，便于使用。
5.特色鲜明
具有鲜明特色，内容突出原创，网站页面设计有新意（Logo、Banner的设计有内涵、有创意），能够体现出学院的特色与内涵。
特别注意：如使用可能产生版权纠纷的文字、图形、设计风格等，责任自负。
六、作品技术要求
网站设计分成两部分，并且是统一的，前台设计属于静态网页，后台设计属于数据库开发。网站设计要求主题突出，内容健康；结构清晰、规范；色彩使用搭配合理、美观；网站后台管理规范等。具体内容如下：
静态网页要求：
1．主题突出，布局合理、结构清晰、规范。
2．色彩搭配合理、美观，设计新颖，有创意。
3．技术运用全面，技术含量高。
4．导航美观、醒目、转换方便、自然流畅（人机操作界面流畅）。
5．网页中有自制的动态效果。
6．网页中涉及的所有“路径”必须使用“相对路径”。
7．网页不少于6个，深度至少包括二级页面。显示分辨率以800*600或1024*768状态为准。
8．Logo、Banner适当。
9．基本内容必须包括文字、图形、图像、声音效果、动态效果等多媒体要素。
动态网页要求：
1．能够实现后台对前台的管理；
2．用户权限设计；
3．数据库设计合理；
4．要求功能实现齐全；
5．安全性高；
6．代码冗余度小。
七、参赛方法
由个人或团队到团委报名参赛，报名截止日期10月20日，联系人：周鑫（图书办公楼107）；设计网站于10月25日前报送网络中心技术科，联系人：麻文利（图书办公楼309）。
各系要积极组织参赛。参赛作品数量不限。有条件的系部可以先期举办比赛，进行选拔。大赛优秀作品将上传至学院专用服务器上，供大家参考、学习和使用。
八、评审办法
评委由7-9人组成，网站设计人员现场演示，由评委现场打分，评出一二三等奖。
九、奖项设臵
网站评比根据参评网站得分情况排次，设一等奖2名，二等奖4名，三等奖8名，优秀奖若干。获奖人员颁发证书和纪念品。
附：网站评分标准
二〇〇七年九月二十九日
滨州职业学院网站设计大赛评分标准
一、内容(10分)：
1、内容健康，积极向上；
2、符合国家政策和有关法律要求；
3、符合题意；
4、详细而充实；
5、能够清晰表达设计意图。
二、结构(10分)：
1、结构清楚合理；
2、整体结构有一定的连贯性；
3、每一页都有返回首页的标志；
4、没有空链接；
5、没有错误链接；
6、便与浏览查找。
三、版面与视觉感受(10分)：
1、网站整体风格一致；
2、没有乱码和错位；
3、没有错误的表格；
4、按纽图片的制作美观实用；
5、色彩协调；
6、页面美观。
四、创意(20分)：
1、页面具有个人设计风格，具有观赏性；
2、内容有创意。
五、技术应用：（40）
1、Html ：超级连接 图片 表格 表单
2、VBscript/javascript ：对象 事件 特效应用
3、C ：字体 文本 边框 定位 滤镜
4、数据库 ：ADO Acce / Sql
5、内臵对象 ：application seion request response server
6、Fso ：文件的检索 建立 增加 修改 删除 目录操作
7、XML ：dtd xsl 数据库
8、动态网页技术：ASP、ASP.NET、PHP、JSP
六、其他要求 （10）
1、word格式说明文档一份
清楚表述网站的整体设计意图及其功能
列举网站设计中使用的技术
列举每个网页文件的名称及其功能
描述网站正确运行所需要的环境以及参数设臵
2、所有文件打包成RAR压缩包
3、文件名称格式，姓名学号.RAR 例如：张三2006422001.Rar
4、以附件形式发送到bzvcwlzx@126.com 邮件主题表明 “网站设计大赛参赛作品”
第14篇：文科类网站设计课程教学模式探究论文
在学生踏入大学校门的一瞬间，他们的生活轨迹和高中时代便大不一样了。在这里，同学拥有权利去选择听喜欢的课程，老师有时间和精力把每一节课讲得丰富多彩，同时让学生快速吸收运用。
因此，理想的授课方式，是大学老师应该去思索的事情。对于不同的课程，老师的授课方式也应不同。例如，笔者所教授的基于互联网的数据库及程序设计课来说，本门课程主要是给非计算机专业学生讲解数据库的应用、程序和页面的设计等，通过一学期的学习学生可以自己完成一个简单网站。而对于非计算机专业学生来说，程序语言是复杂的，还有许多应该注意的条条框框。学生们希望自己很快学以致用，因此老师最好能够先把主体讲清楚，构造出一个对于知识大体认知的一个框架，再去填写其他的细节。老师也需要激发同学的趣味性，这样的激发趣味性的方法就有很多，例如，把原本运行出来的矩形改成心形，一定会激发很多女生的兴趣，把类似的程序转化成贪吃蛇这一类游戏，相信很多男生也会对于计算机语言情有独钟。
这或许是程序设计的另一种魅力。同时，老师和同学们也要做好交流沟通，在课下可以让学生试着编一下趣味的小程序，在获得趣味性的同时，也能够熟练运用所学的知识。另外，对于老师来说也可以把考试题设计成以游戏为载体，来考察学生对于所学知识的运用，这样不失趣味性，也可以做到与时俱进。老师上课应该准备好思路，最好能用探讨的形式来替代枯燥的理论说教过程，让学生在感受网页设计魅力所在的同时还能够吸收计算机的相关知识，这是一件很好的事情。教学过程对于学生来说是向未知领域的探索过程，教师授课则起到类似向导的作用，由此引发学生去思考。如果教师把什么问题都讲得“明明白白”，没有疑问，课堂上也从不提问，学生也没有问题可问，这不利于教学内容的理解和把握。
表面上没有问题，但实际上学生不一定理解和把握，问题可能还多着呢。因此，在授课时需要注意设置疑问并经常提问。通过提问和解答，师生共同探讨解决问题的答案，有利于学生拓宽视野，对问题的认识由浅入深、由片面到全面、由低级向高级的发展，实现认识上的飞跃。一些程序设计很有难度，在2个课时的听课时间内，学生很难做到完全不溜号，不走神。在这种情况下，老师的板书就很关键，学生溜号之后看到刚才讲过的部分，中间还能衔接上。如果老师仅用PPT讲解，那么如果学生溜号之后不知道老师讲过多少页，这样根本谈不上思维的连续性。所以，老师要将程序运行过程写在板书上，板书一定要尽量写得工整，思维不要有跳跃，要连续一些，把重要的思维方法都体现在板书上，这样学生接受起来会更容易一些。另外，老师还应该调动学生的兴趣爱好，多例举生活中具体的例子，把抽象的程序分析具体化，让学生知道程序的运行及应用，从而激发学习计算机相关技术的信心与热情。一定要让学生养成预习的好习惯，因为网页设计课在课堂上接受起来并不容易，为了保证学生们的听课效率和听课质量，预习阶段是重中之重，也是必不可少的。预习的方式有很多种，可以告诉学生提前看一下有关内容，也可以留给学生一些简单的思考题在课前以作业的形式交上来，以达到预习的效果。
课后的时候，老师最好把自己上课所讲的例题，整理好做成PPT的形式，并且发送给学生，以便于学生的及时复习。当今信息时代，我们使用的通讯工具日新月异，过去人们使用的手机只有打电话、发信息的功能，上网只能依靠PC机终端，但近几年来随着智能手机在我国的普及，使用手机上网的大学生与日俱增，几乎现在每一个大学生都拥有一台智能手机，通过智能手机连接移动互联网。与电脑这样的PC终端相比，手机携带更加方便，可以实现随时随地上网功能，不受到时间和地点的限制。基于智能手机的方便快捷，大学生越来越青睐于使用微信、微博这些新媒体，可以说微信已成为大学生手机上的必备应用，新媒体时代呼之欲出。在新媒体时代，应用新媒体加强教学建设成为了校园文化建设的一个新兴课题。
老师可以组织学生建立一个学习微信群，让所有的同学加入进来，有不会的问题及时讨论，及时发布课后作业，以便于和学生的交流沟通。这些工作对于老师和学生之间都起着一种相互促进、相辅相成的作用。大学的课堂是教会学生如何做人做事，如何做学问的地方。老师要给学生创造的良好课堂，与学生共同作用，形成精彩丰富的大学课堂。综上，老师需要激发同学生的趣味性，在获得趣味性的同时，也能够熟练运用所学的知识。教师上课时准备好思路，最好能用探讨的形式来替代枯燥的理论说教过程。老师要将程序运行过程写在板书上，把重要的思维方法都体现在板书上，这样学生接受起来会更容易一些。可以组织学生建立一个学习微信群，让所有的同学加入进来，有不会的问题及时讨论，及时发布课后作业，以便于和学生的交流沟通。
第15篇：《唐宋名家诗词》专题学习网站的教学设计
《唐宋名家诗词》专题学习网站的教学设计
1张汶，1林帝浣，2张海鸥
1中山大学现代教育技术研究所，2中山大学中文系，广州，510275 [摘要]专题学习网站是近年来兴起的一种新型的网络学习资源。本文依据教学设计原则，结合唐宋名家诗词知识特点，对《唐宋名家诗词》专题学习网站进行了教学设计，详细说明了如何通过分析学习目标选择恰当的教学策略。
[关键词] 唐宋名家诗词
专题学习网站
教学设计
Instructional Design for Special Website of Learning The Famous Tang Song Poems
1ZhangWen, 1LinDiHuan, 2ZhangHaiOu 1Educational Technology Institute of Sun Yat-Sen University, 2Department of Chinese Language and
Literature, GuangZhou, 510275 【Abstract】Special Learning website is one of new sources of learning solution from network in recently years.According to the principle of instructional design, based on the characters of Tang Song Poem, this paper described the instructional design for special Website of learning The Famous Tang Song Poems and explained how to choose the right teaching strategy by analyzing the learning object.【Keyword】Tang Song Poem, Special Learning Website , Instructional Design
专题学习网站是指在内容上围绕某门课程或与多门课程密切相关的某一项或多项学习专题，具有网址，能面向社会开放的网站。《唐宋名家诗词》专题学习网站是中山大学《诗词鉴赏》课程中主要的知识单元，也涉及历史、文学艺术文学欣赏等学科课程中的大量知识，能够为学习者通过网络学习唐宋名家诗词、提高鉴赏能力提供方便，也可以供教师进行查询和检测。
1 学习目标分析
1.1 本专题学习网站的建设背景 古今中外各体诗词历史悠久，唐宋诗词更是人类文化遗产中备受珍爱的文学精品，诗词鉴赏也是非常传统的阅读方式之一。然而随着历史的推移，大众读者和它们的距离越来越远，阅读障碍越来越大。虽然自二十世纪八十年代起，“鉴赏辞典”风行一时，至今仍然是大众阅读古典诗词的重要工具，但是这一切都只是以作者——文本——读者的方式来实现的。
随着计算机互联网络的普及，以文本阅读为大众阅读唯一方式的时代必将终结，文学鉴赏必须进入网络领域。本专题学习网站利用计算机多媒体技术和网络技术，改革传统的教学模式和阅读鉴赏方式，为学习者提供唐宋诗词鉴赏学习的新领域。从教育技术的角度来说，《唐宋名家诗词》专题学习网站也是信息技术与课程整合的实践与探索。
1.2 学习对象
1 本网站主要面向在校本科生、公共选修课学生、大专生，远程教育学生，也兼顾不同年龄、不同层次、不同需求的诗词爱好者。
1.3 学习内容
本网站学习内容分为专题知识和拓展资源。唐宋诗词是中国传统文化艺术的瑰宝，是人类文化的宝贵财富。唐宋时代的诗人们既创造和完善了诗、词的各种艺术形式，同时也为后人留下了丰富多彩的诗词作品。唐诗传世的数量大约有诗人3000左右，诗作55000首左右。唐宋词传世的数量大约有词人1600余家，词作22000多首。在如此浩如烟海的唐宋诗词中，本网站精选名家名作，不求繁富，但求精深，且具有较高学术性。
学习内容的重点是文本阅读；难点是艺术审美鉴赏。
1.4 学习目标
本学习网站以扩大阅读量、提高鉴赏修养为基本目标。按照布卢姆的教学目标分类体系，把教学目标划分为知识、理解、分析等三个层次。
2 教学策略的选择
专题学习网站不同于网络课程，它的各部分学习内容之间没有很强的内在逻辑性；专题学习网站也不同于一般的商业网站，信息量大，包罗万象。但是专题学习网站又包含了网络课程和商业网站的某些特征，它具有明确的主题，资源丰富，功能强大。学习者还可以根据自身特点，设立不同的学习目标，选择不同的学习起点和学习路径，进行真正的自主学习。
2.1 网站结构及功能
本网站的一级栏目包括：信息发布，唐诗导读，唐宋词导读，拓展资源，站内资源，练习测试，交流天地。
信息发布。发布网站最新更新，学科发展动态及学术会议消息。
唐诗导读和唐宋词导读。这两个栏目是网站知识内容的核心，即专题知识，精选56位名家的564篇作品，可以说是精品中的精品，\"诗中的诗\"（闻一多语）。提供作品文本和注释，并且对作品进行略带专题深度的导读。
拓展资源。提供丰富的与专题知识密切相关的学习资源是专题学习网站的一个特色。该栏目设立“研究文献”、“诗词常识”、“作家小传”、“相关网站”和“参考书目”。“研究文献”提供有关学术论著文本及学术论文目录索引。学习诗词鉴赏往往先从诗词常识入手，“诗词常识”栏目对新诗和旧体诗词进行比较，厘清新、旧体诗歌的各种体例，并简明扼要地讲解旧体诗词格律。“相关网站”提供国学网等知名度较高、具有一定权威性的学术网站链接，以便学习者追踪最新的学术动态。学习者通过拓展资源可以拓宽学习视野和范围。
站内资源。本网站媒体素材有文本、图片、音频、视频、动画等多种形式，分布在近千个页面中，为了方便学习者了解与查找，按照不同的媒体类型或内容，设计了“名篇诵读”、“在线导读”、“视频欣赏”、“FLASH MV”等栏目。
练习测试。专题学习网站采取的是自主学习的形式，教师不能象在传统的课堂上那样，及时了解学生的学习进度和学习效果，但是网站提供了学习者可以自行巩固和检测学习效果的练习测试题，分为分类测试题和综合测试题，题型为单选题、多选题及主观题。提供了正确或参考答案，方便学习者进行学习评价。
交流天地。依据协作学习思想设计，学习者不但可以和学习者进行探讨，还可以和专家学者进行交流，使学习中遇到的疑难问题得到及时有效的解答。学习者还可以提交自己的诗词习作，专家学者定期对其中的精品进行点评。在这些互动过程中，学习者不但可以加深对知识的理解，还可以锻炼分析问题的能力，培养一定的写作能力，不断提高自身的艺术鉴赏力和艺术修养。
2.2 教学媒体的选择
2 为了更好地解决学习的重点和难点问题，充分利用计算机多媒体的特点，参照选择媒体的基本原则，根据教学目标的具体要求，结合各种媒体的功能，在媒体选择方面进行了如下设计：
作品、注释、作家小传、导读等内容采用文本形式。 为了使学习者更好地理解作品，本网站提供了一定数量的图片和视频资源，这些形象直观的多媒体资源展现了当时的自然或人文景观，对于学习者体会作品意境，感悟作家情怀起到了一定的促进作用。
学习唐宋诗词一定不能少了吟讼。本网站提供80多首作品诵读，收录于“名篇诵读”栏目，这些音频资源全部由擅长朗诵的课程主讲教授及中文系研究生、本科生录制，颇具学院派风格。
网站还提供了50多首作品讲解的视频录象，将名牌大学专家教授声情并茂生动精彩的导读推向广阔的读者群，使学习者既有坐在大学教室里听讲的感觉，又有效地克服了远程教育的弊端，缩短了教师和学习者之间的距离，对于创设情景，激发学习热情，产生共鸣，加深理解，提高学习质量有一定的帮助。
不少诗词爱好者为作品谱写了动人的音乐，于是出现了歌唱形式的唐宋诗词作品，使作品更加朗朗上口，广为流传。值得一提的是，在互联网已成为人类生活一部分的今天，这些唐宋诗词音乐作品又被配以精美的网络动画画面，本网站引用了一些FLASH MV作品，学习者从中感受到的是学习唐宋诗词轻松愉悦的一面。
3 网站教学设计特色
3.1充分利用多媒体技术和网页制作技术为学习者提供丰富的学习资源和多种学习路径。专题学习网站中的资源形式多样，容量大，而且采用立体化的网状结构进行组织，彻底改变了传统教材形式单
一、线性结构的特点，学习者可以从多个入口切入学习内容。例如，可以在“李白作品列表”页面点击“作家小传”，了解作家生平，也可以由作品列表页面进入某一首作品页面，通过“作者：李白”链接到“作家小传”页面。又例如，可以按照进入“苏轼作品列表”页面，也可以按照首页——唐宋词导读——柳永，进入“柳永作品列表”页面，在“年代相近作者”列表中，通过“苏轼”链接到“苏轼作品列表”页面，更为简捷的方法是在“站内查找”框内输入“苏轼”，选择“查找方式”为“按作家”，点击 “查找” 就可以了。
3.2较为强大的站内查找功能。资源丰富类型多样的特点要求专题学习网站具有较为强大的站内查找功能。《唐宋名家诗词》网站提供较为全面的查找方式，对于专题知识，可以进行站内全文查找，也可以根据作家、作品、作家年代、姓氏笔画等方式查找。
综上所述，在进行的设计时，既要充分认识到学习对象的特征，制订合适的学习目标，还要合理选择媒体，更要科学地组织网站的结构和功能。只有这样，才能使《唐宋名家诗词》专题学习网站具有诗词基础知识、唐宋诗词精选的结构化展示，整合相关扩展性的学习资源，开设交流、讨论、答疑的空间，提供学习者进行自我评测和搜索查询的工具，成为学习者学习唐宋诗词基本知识，提高鉴赏能力的良好平台，尽快进入古典文学网络学习鉴赏的领域，实现信息技术和课程的有机整合。
第16篇：中山医学院教学网站介绍
一、有关网上学习资源
1.中山医学院网站：http://basicmed.sysu.edu.cn/
2.中山医学院自主学习的平台：http://zom.sysu.edu.cn/ZZXX/Default.aspx 3.生理学精品课程网：http://jpkc.sysu.edu.cn/shengli/mpg/shenbao/index.htm 4.人体解剖学精品课程网：http://jpkc.sysu.edu.cn/2005/renjie/
5.人体寄生虫学精品课程网：http://jpkc.sysu.edu.cn/jishengchong/index.htm 6.药理学精品课程网：http://jpkc.sysu.edu.cn/2005/yaolixue/index.htm 7.基础医学实验教学中心网站：http://202.116.111.224/ 8.临床技能中心网站：http://zom.sysu.edu.cn/msc/ 9.分子医学实验教学资源库：http://202.116.111.224/fzyx/ 10.大学英语学习的平台：http://202.116.102.10/waiwen/index.htm 11.外语教研培训中心：
http://basicmed.sysu.edu.cn/department/foreign-languages/gb/ 12.中山大学数字化学习的平台：http://elearning.sysu.edu.cn/webapps/logi
第17篇：对外汉语教学网站介绍
对外汉语教学网站介绍
1、Hanban.edu.cn国家汉语国际推广领导小组办公室
2、Hanyuedu.com中国对外汉语教师资格考试网
可购书，有论坛
3、Chisa.edu.cn神州学人——对外汉语
4、Myechinese,org对外汉语教学网 （电视大学）
5、521hanyu.blogdriver,com
对外汉语网
考研信息、考题
6、Duiwaihanyu.com对外汉语教师网
培训
7、Tcfl.anyp.cn对外汉语信息交流网
考研、资格证书、信息
8、Bbs.yiage.com对外汉语论坛
教学、考研、考博、动态、教师招聘
9、Teacherol.com/html/abroadchinese
中国教师在线对外汉语信息、教师招聘
第18篇：大学生网站设计竞赛策划书
更多精彩范文点击主页搜索
大学生网站设计竞赛策划书
来山
课 件 w w 5 K J.o m 5 网站设计竞赛策划书
一、比赛时间
总时间：2010年10月20日-2010年12月10日。
报名时间：10月20日-10月29日。
上交作品时间：11月29日前。
初赛时间：12月01日。
决赛时间：12月10日
决赛地点：国际会议中心
1
更多精彩范文点击主页搜索
二、主办及承办单位
主办：广东药学院教务处、学生处
承办：医药信息工程学院
协办：现代教育技术中心
三、比赛内容及规则
1、比赛内容：
本次网站程序设计竞赛的主题是“广东药学院精品课程”网站建设。（详见附件）
2、比赛规则
（1）报名要求：
1、本次竞赛采取参赛者自由组合，并以小组报名的方式参赛；
2
更多精彩范文点击主页搜索
2、参赛小组成员在2人以上、4人以下，每人只能报名参加一个参赛
小组；
3、在报名时，参赛者必须按报名表要求填写完整的信息。
（2）比赛方式：
本次竞赛分初赛和决赛，通过初赛者方可进入决赛。
A．初赛：
由校内多媒体，平面美工，网络应用方面相关的老师组成评委组评选，符合要求的作品且得分在前12名的可通过初赛。
B．决赛：
由校内多媒体，平面美工，网络应用方面相关的老师以及经验丰富的同学组成评委组评选，决赛现场每支参赛队伍有7分钟对自己的作品进行介绍与演示和3分钟评委老师提问时间，以得分排名选出获奖名单。
3
更多精彩范文点击主页搜索
四、具体工作步骤
（一）前期准备：
本次大赛组委会主要由医药信息工程学院团委科技部和学生会技术部组成。科技部负责活动宣传与展开，技术部负责宣传资料的准备和整理参赛作品。科技部要在11月29日前联系好评委老师，并做好参赛资料汇总。技术部要在11月07日前把宣传资料都准备好。
（二）活动实施：
活动流程具体时间安排：
10.19
准备宣传资料：海报，通知、报名表+传单。 （技术部）
4
更多精彩范文点击主页搜索
10.20
派发比赛通知到各二级学院团委，各二级团委派发宣传单和报名表到到各班级。 （科技部）
10.20
以Q群等方式宣传。 （科技部）
打印海报，报名表，传单。 （生活部）
10.21
5
更多精彩范文点击主页搜索
现场派表（二饭门前）。 （科技部、宣传部）
10.26/27
收报名表（二饭门前）。 （科技部、宣传部）
10.28-11.28
联系参赛队伍，跟进作品制作进度。 （科技部、技术部）
11.29
6
更多精彩范文点击主页搜索
收作品。 （科技部、技术部）
12.01
初赛。 （科技部、技术部）
12.05
决赛：
布置现场，主持； （文化部）
调试设备，技术支持； （技术部）
礼仪接待； （女生部）
7
更多精彩范文点击主页搜索
维护秩序； （纪检部）
准备物资； （生活部）
统筹全局。 （科技部）
12.05
评选，颁奖。
赛后评选出一等奖1名，二等奖2名，三等奖3名，优秀奖5名，优秀美工奖1名，最佳台风奖1名。
五、活动负责人及工作人员名单及联系方式
活动负责老师：
医药信息工程学院团委书记 温x：1357x0288
8
更多精彩范文点击主页搜索
主要工作人员：
医药信息工程学院学生会副主席 陈x150x2463（61x63）
医药信息工程学院团委科技部：廖x1501x7642（67x42）
彭海珍134302x736（61x36）
医药信息工程学院学生会技术部：吴xx13x7077（61x077）
钟国俊134x03221（613x21）
决赛评委名单：（待定）
六、评分标准
参赛选手将完成作品介绍、作品演示、现场答辩三部分，大赛评委将在现场答辩过程中对进入决赛的参赛作品综合评分，从而决出最后结果。
9
更多精彩范文点击主页搜索
技术30分
（1）结构清晰，布局合理，页面内容清晰明了。
（2）网站的功能模块和内容模块齐全。
（3）充分利用多媒体技术。
（4）页面兼容性：在各种浏览器各种分辨率下是否能正常运行。
10
更多精彩范文点击主页搜索
（5）前台登陆与后台管理操作快捷简单。
（6）内容可扩充性：添加一个栏目或更新内容时是否方便。
（7）导航明确，浏览方便，查找快捷，有必要的交互功能。
美工30分
（1）页面美观，风格统一，色彩协调。
（2）美工设计：页面的美工设计含量。
11
更多精彩范文点击主页搜索
（3）个人设计创意丰富，页面大方得体。
（4）动静搭配合理，动而不乱，静而不僵。
（5）页面与视觉感受良好。
内容30分
（1）主题鲜明，以精品课程网站功能需要为基础。
12
更多精彩范文点击主页搜索
（2）内容切合要求，有先进性，时代感。
（3）网站内容充实，对用户的吸引力。
（4）重点内容突出。
台风10分
介绍作品时大方得体，表述自然流利。
七、经费预算
13
更多精彩范文点击主页搜索
需要物品
单价(元)
数量
价格
备注
海报
14
更多精彩范文点击主页搜索
40
400
横幅
90
2
15
更多精彩范文点击主页搜索
180
宣传单+报名表
0.1
500+500
100
16
更多精彩范文点击主页搜索
邀请函
50
150
奖状、证书等
17 更多精彩范文点击主页搜索
若干
150
现场布置物资
及设备
若干
18
更多精彩范文点击主页搜索
200
气球，彩带，网线，
视频音频线等
礼品
100
19
更多精彩范文点击主页搜索
现场有奖问答
纯净水
60
120
评委老师及嘉宾
工作餐
20
更多精彩范文点击主页搜索
200
评委老师
酬金
200
21
评委老师
合计
注：学生奖金方案由主办方统一制定，不需要在该预算中体现。22
更多精彩范文点击主页搜索
更多精彩范文点击主页搜索
八、其他
如若发现获奖作品有违规现象，如拷贝，套改他人作品等，大赛组委会将取消作品的参赛资格。
医药信息工程学院（盖章）
2010年10月19日
附：精品课程网站设计竞赛参赛作品具体要求
一、竞赛主题及目标
本次网站程序设计竞赛的主题是“广东药学院精品课程”网站建设。精品课程是具有一流教师队伍、一流教学内容、一流教学方法、一流教材、一流教学管理等特点的示范性课程。精品课程网站的建设目的，是为了实现优质教学资源的广泛共享。
广东药学院精品课程网站作为学校网站的重要组成部分之一，从课23
更多精彩范文点击主页搜索
程建设的角度展现了我校的水平和风貌。该网站的建立，将为省级精品课程的申报提供一个方便快捷展示平台，为校级精品课程的评选提供了一个方便途径；同时也为师生提供了一个开放的学习的平台，促进优质教学资源共享。
二、网站功能要求
1.总体要求：
a)主题鲜明，以精品课程网站功能需要为基础，重点内容突出。
b)结构清晰，布局合理，整体结构连贯性好；导航明确，浏览方便，查找快捷，有必要的交互功能。
c)友好实用，对外发布的学校工作信息具备方便、安全、准确的特点，充分体现网络的协作性、交互性等优良特色
d)页面美观，风格统一，色彩协调，充分利用多媒体技术。
e)利用数据库技术，页面宽度1002px，高度不限。
2.网站模块：
24
更多精彩范文点击主页搜索
a）功能模块包括：通知公告、制度建设、下载专区、省级精品课程申报、校级精品课程评选、站内搜索。
b)内容模块包括：国家级精品课程、省级精品课程、校级精品课程
3.各模块具体说明：
a)“通知公告”模块：发布学校精品课程相关的通知、评审公示等。
b)“制度建设”模块：内容包括精品课程的各种规章制度、指标体系。
c)“下载专区”模块：提供精品课程有关的材料、工具、表格等下载。
d)“省级精品课程申报”模块：该模块是整个网站对外的最重要功能之一，需要在网站首页最显眼的位置中体现，方便省级精品课程申报时评审专家查阅。每年省级精品课程申报约有10门左右。
e)“校级精品课程评选”模块：该模块用于每年校级精品课程网站评选时，提供参评精品课程的网站链接给评审专家在线查阅。通过用25
更多精彩范文点击主页搜索
户名和密码登陆的模式：评选专家登陆后可以看到所有参评网站的链接，可以在线评分，自动计分，提交后生成表格，下载打印成纸质版签名。在后台，管理员可以修改参评课程链接，预设评选专家们登陆的用户名和密码，修改评审指标，查看所有专家评分以及结果统计。每年均进行一次校级精品课程评审，故应分年度设计，并考虑评选结束后的数据归档问题。
f)“站内搜索”模块：搜索站内资源。
g)“国家级精品课程”模块：展示我校的国家级精品课程，目前有1门。要求点击课程名称链接能进入相应的精品课程网站。
h)“省级精品课程”模块：展示我校的省级精品课程，目前有5门，以后会继续增加。要求点击课程名称链接能进入相应的精品课程网站。
i)“校级精品课程”模块：展示我校的校级精品课程，目前有30门，每年将新增6门左右。要求点击课程名称链接能进入相应的精品课程网站。
三、参赛作品提交
26
更多精彩范文点击主页搜索
提交的参赛作品必须附有完整的作品，所有网页必须上交网站源码、设计文件、网站建设规划与网站功能或使用说明及电子版报名表。
作品统一由负责的工作人员收集，然后转交给负责老师进行下一步的评选。
负责老师：
易x 邓x 蔡x 罗x 许x
温巧x 联系电话：处。
来山
27
联系地址：x信息工程学院学生1357xx0288 更多精彩范文点击主页搜索
课 件 w w 5 K J.o m 5
28
第19篇：网站设计大专生的自我鉴定
下面好范文的小编为大家整理了以下这一份非常优秀的自我鉴定范文，仅供大家参考。
回顾大学三年，通过良师的教导和自身的刻苦学习，我已初步掌握如何运用英语知识进行一般商务活动，也养成了认真对待 生活和社会实践生活的好习惯，有渴望，有追求，有成功也有失败，我孜孜不倦，不断地挑战自我，充实自己，为实现人生的价值打下坚实的基础。
在思想品德上，本人有良好道德修养，并有坚定的政治方向，我积极地向党组织靠拢，使我对我们党有可更为深刻的认识。参加了\"市直和中央，ｙjbys.ｃｏｍ省属驻梅单位2004年度入党积极分子培训班\"的培训。本人遵纪守法，爱护公共财产，关心和帮助他人，并以务实求真的精神热心参与学校的公益宣传和爱国活动。
在学习上，我圆满地完成本专业课程。并具备了较强的英语听读写能力。对OFFICE办公和其它流行能熟练操作，并在因特网上开辟了自己个人空间。平时我还涉猎了大量文学、心理、营销等课外知识。相信在以后理论与实际结合当中，能有更大提高!
在生活上，我崇尚质朴的生活，并养成良好的生活习惯和正派的作风。此外，对时间观念性十分重视。由于平易近人待人友好，所以一直以来与人相处甚是融洽。敢于拼搏刻苦耐劳将伴随我迎接未来新挑战。有广泛爱好的我特别擅长于网页设计和网站管理与维护方面。于2010年10月份开始完成第一个中型网站的设计，2010年12月底完成了大型综合网站的策划与修改工作，2011年3月份开始了第三个网站的设计工作。身为学生的我在修好学业的同时也注重于社会实践。本着学以致用，实践结合理论发挥。
在工作上，我通过加入院学通社与合唱团，ｙｊｂｙs.com 不但锻炼自己的组织交际能力，还深刻地感受到团队合作的精神及凝聚力。更加认真负责对待团队的任务，并以此为荣!
作为积极乐观新时代青年，我不会因为自己的大专文凭而失去自信，反而我会更加迫切要求自己充实充实再充实。完善自我石我未来目标。且我相信:用心一定能赢得精彩!
第20篇：行业网站的设计心得
行业网站的设计心得
很多设计师认为做好了企业网站就一定能够做好行业网站的设计，其实对设计来说行业网站和企业网站的设计截然不同，对整个网站的创意、风格、整体框架布局、文字编排、图片的合理利用，空间的合理安排上面等…有着许多诸多的要求，需要考虑的面更广，面对的问题也会更多。对于一名优秀的网站设计师来说不能绝不能放过任何一点小细节，本篇文章简述的是设计师在做行业网站时所需考虑的一些问题。
一、网站风格/创意
风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。整体形象包括站点的版面布局，色彩，字体，浏览方式等…。如：我们觉得迪斯尼是生动活泼的而IBM则是专业严肃的。每一个网站都会给人们留下的不同感受。这里我们需要做到的是根据网站的定位做出网站特有的风格。除此我们还需要在风格同一上需要把握一下，其实这个风格的统一和传统的印刷出版物没什么区别。你网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，都要统一风格，贯穿全站。这样子用户看起来舒服、顺畅，会对你的网站留下一个“很专业”的印象。而企业网站设计师往往就缺乏这一点，没有全局意思。
创意，所谓创意就是不拘一格？某些设计师在做创意的时候大费周章，做出来确实不可否认很有创意、很别致，但往往对于行业网站的客户为什么不能接受呢？此时不要太责怪客户的不识货，应该反思，抓住客户的需求。其实做行业网站不需要很多大的创意，也不要浪费过多的时间去追求如何个性、如何好看，我们只需要一点小小的创意贯穿全站，也许会使网站更生动更具有吸引力、更有思想，比如企业网站管理程序(http://www.daodoc.com/)就是一个很好的案例，它把领先的SEO融入到网站中，使它脱颖而出。
二、网站LOGO
Logo顾名思义就是站点的标志图案，logo最重要的就是用图形化的方式传递网站的定位和经营理念、同时便于人们识别。网站logo的设计过程中一般有以下三种思路：1.直接以网站网址作为logo。2.根据网站提供的产品/服务特点展开logo设计。3.以传递网站运营商的经营理念为特色。如：企业网站建设网logo(www.daodoc.com)
三、视觉流程
人们在阅读某种信息时，视觉总有一种自然的流动习惯，先看什么，后看什么，再看什么。在心理学的研究表明，一般的浏览习惯是从上到下、从左到右，在一个平面上，上松下稳而压抑。同样，平面的左松右稳。所以平面的视觉影响力上方强于下方，左侧强于右侧。这样平面的上部和中上部被称为“最佳视域”，也就是最优选的地方。在网页设计中一些突出或推荐的信息通常都放在这个位置。当然这种视觉流程只是一种感觉并非一种固定的公式，只要符合人们的心理顺序和逻辑顺序，就可以更为灵活地运用，在网页设计中，灵活而合理地运用直接影响到传达信息的准确与有效性。
四、网页框架与布局
网页布局大致可分为“国”字型、拐角型、“T”字型、“L”字型、综合框架型、Flash型、变化型，在这里就不做一一论述了。其实在我们在做设计的时候并没有过多的去考虑什么形式，比如我们在一张纸看到一个圆形的东西，很容易可以联想到它像太阳，而有些人则联想到月亮等等…这都是一种形式比喻，最重要的是抓住客户的需求，把握网站的定位做处合理的框架布局。 1． 分辨率
网页的整体宽度可分为三种设置形式：百分比、象素、象素+百分比。通常在网站建设中以象素形式最为常用，行业网站也不列外。我们在设计网页的时候必定会考虑到分辨率的问题，科技发展到现在我们通常用的是1024*768和800*600的分辨率，现在网络上很多都是用到778个象素的宽度，在800的分辨率下面往往使整个网页很压抑，有种不透气的感觉，其实这个宽度是指在800*600的分辨率上网页的最宽宽度，不代表最佳视觉，不妨试试760~770的象素，不管在1024还是800的分辨率下都可以达到较佳的视觉效果。 2． 合理广告
在目前一些网站的广告（弹出广告、浮动广告、大广告、banner广告、通栏广告等等…）让人觉得很烦琐，更本就不愿意来看，有时连你这个网站都不上了，这样一来网站受到了严重的影响、广告也没达到广告的目的。这些问题都是我们在设计网站之前需要考虑、需要规划的内容之一。
浮动广告有两种，第一种是在网页两边空余的地方可以上下浮动的广告，第二种是满屏幕到处随机移动的广告。建议能使用第一种的情况下尽量使用第一种，不可避免第二种情况时尽量在数量上控制最多一个就好。如果数量过多会直接影响到用户的心理、防挨到用户浏览信息,适得其反。首页广告不宜过多适中即可。如在注册或者某个购买步骤的页面上最好不要出现过多的其他无关的内容让用户分心，避免客户流失等…
3．空间的合理利用
很多的网页都具有一个特点，用一个字来形容，那就是“塞”，它将各种各样的信息如文字、图片、动画等不加考虑的塞到页面上，有多少挤多少，不加以规范，导致浏览时会遇到很多的不方便，主要就是页面主次不分，喧宾夺主，要不就是没有重点，没有很好的归类，整体就像各大杂烩。让人难以找到需要的东西。有的则是一片空白失去平衡，也可以用个“散”字来形容。
并非要把整个页面塞满了才不觉得空，也并非让整个页面空旷才不觉得满，只要合理的安排、有机的组合，使页面达到平衡，既使在一边的部分大面积留空，同样不会让人感到空，相反这样会给人留下广阔的思考空间，给人回味又达到了视觉效果。 4．文字编排
在网页设计中，字体的处理与颜色、版式、图形化等其他设计元素的处理一样非常关键。 4.1文字图形化
文字图形化就是将文字用图片的形式来表现，这种形式在页面的子栏目里面最为常用，因为它具有突出，同时又美化了页面，使页面更加人性化加强了视觉效果。是文字无法达到的。对于通用性的网站弊端就是扩展性不强。 4.2强调文字
如果将个别文字作为页面的诉求重点，则可以通过加粗、加下划线、加大号字体、加指示性符号、倾斜字体、改变字体颜色等手段有意识地强化文字的视觉效果，使其在页面整体中显得出众而夺目。这些方法实际上都是运用了对比的法则。如果在更新频率低的情况下也可以使用文字图形化。
