unit1教学设计首页

unit1教学设计首页（精选10篇）

unit1教学设计首页 第1篇

网站首页设计，需开宗明义突出主题.开宗明义，无论是对于一篇文章、一场会议或一部

unit1教学设计首页 第2篇

YOBO要为你解决以下问题：

想听歌却不知道听什么歌;发现音乐

工作忙碌后再也没空去找歌;自动发现音乐

对着搜索引擎不知道搜什么歌;发现潜在的(用户喜欢的)音乐

挖掘排行榜外那些鲜为人知的好歌!发现个性化的音乐

通过以上YOBO的自我介绍，我们明白YOBO的宗旨就是帮助用户方便、容易的发现那些潜在的适合自己的音乐，从而使用户：

轻松享受音乐体验

只听爱听的音乐

用个性化音乐装扮自己

二、关于YOBO的首页

首先要说明的一点，这个首页是主要针对从未访问过YOBO的用户，如果是登陆会员访问首页缺省url，将跳转到登录用户的专门页面。

因此，这个页面承载的任务应该是：

1、该新用户对网站产生兴趣并快速使用上手;

2、为老用户提供登陆快捷入口。

如图所示，该页面第一屏的焦点是一个硕大的搜索框，黑白反差的UI将用户注意力直接拉到搜索。这是YOBO为用户预设的最主要的一条访问路径：

任意一个兴趣点->由兴趣点开始听音乐->在音乐试听记录中发现用户喜好->满足用户需求->附加服务->迭代。

所以这个搜索入口是与百度极不相同的，百度解决的是把内容交给用户的问题，而YOBO解决的是用户要什么的问题。通过百度的入口，用户到达的是直接目标点，快速满足需求并离开，下次重复。而通过YOBO的入口，用户只能到达阶段性目标，在阶段性目标会有下一阶段的用户引导。

这个流程设计很有层次性，把入口降低。同时在界面上，也让这个入口权重极高，起到帮助用户选择，诱导用户少选择不选择的作用。

(所有的烦恼都是选择太多)

在这个权重之下，是一个叫做心理测试的服务。这是预设的第二重要的用户路径，和搜索入口一样，最终这条路都将引导用户走向注册，同时用户是乐意注册的，因为注册可以让他享受到的愉快体验更好的延续下去，很自然。

这是友播的LOGO，虽然在以上的首页设计中，用户不太容易关注到这个LOGO的细节，但我仍然忍不住要对这个LOGO发表异议。

1、没有中文名如何帮助用户记忆网站名字?

2、没有域名如何帮助用户记忆网站地址?

3、没有说明如何帮助用户了解这是干嘛的网站?

第三点尤其是放到外站做链接时让人很茫然，

接下来是第二屏，到了这一步，可能新用户该走的已经走了，该被第一屏截流的已经截流了，如果用户能拉到这里来，那么说明这个用户有可能是非常典型的门户用户，不拉不快;另一种可能是用户对这个网站了解的还不够，还要多看一看。

因此，在这个位置，YOBO的三个版块分别是：介绍YOBO，介绍YOBO，分类索引。

从预设的用户流程上讲，这个设计非常之好(我很希望能拿到这个数据来验证啊)。但从诉求表达的程度来讲，还有优化余地。

我在第一张图上已经列出了，站在功能介绍和用户反馈的两个方面对产品进行宣传诉求的要点。

很显然，YOBO的这个设计并没有表达出应该表达出的内容，这两个版块甚至让人不知所谓，用户来到这个位置，会去对一个“YOBO客服产生兴趣”，这么快就要小工具放博客了?而热门音乐与歌手的访问路径，放到搜索旁边比做在这里更清晰，更有效果。

右侧蓝图的宣传比较靠谱(当然还是没有我第一张图那个目的更明确)，但字迹不清晰，另外用语过于书面化，不够直接而有效。造成的结果就是用户看不清，看不懂。

三、小结

YOBO在国内新音乐网站中，我个人是认为最有特色的，定位最清晰，交互最亲切。

从数据上看，YOBO的用户活跃度是很高的，

(仅供参考)

可能存在的问题有：

1、YOBO这个首页没有考虑网吧用户，预设的模式是针对于拥有固定PC的用户。

这与1ting等网站方向完全不一样，1ting的做法是，我先给你大量的选择，让你听，同时你不用登录也可以使用一些很实用的网站功能(临时列表)。最后我也做一些推荐，但也就是做做而已。

可以看到，1ting的门坎比YOBO低得多，但1ting能达到的深度不如YOBO。

我们可以预设一个网吧用户的模型，细想一下，他们在看到YOBO时，该怎么去使用呢?

2、YOBO的核心价值在于推荐(发现)引擎的准确性，如果不准怎么办。以我个人为例，我明明喜欢舞曲(非DJ)，测出来我喜欢缓慢的萨克斯那是我极其讨厌的音乐类型。

不准是肯定的，一个简单的测试不可能准，准确来自于大量的用户数据挖掘，我是在豆瓣用了一年，看了数百部电影后才得到靠谱的内容推荐的。

实际上，大部分推荐类引擎的效果都在将准不准之间，用户得到的是有总比没有好的效果，这一点，和模仿last.fm的songtaste一样。

剖析网站首页形象设计 第3篇

今天的我们享受着网络带来的高效、便捷、优惠等诸多好处:你可以轻敲键盘就搜索到任何你需要的信息;随时随地看你喜欢的电视节目;足不出户便可买到任何你想买的东西;轻松交到各行各业的朋友;远在千万里之外也可以和家人面对面聊天;爸妈可以和任意人一桌打麻将;外出前再也不用排长龙队买票;连出门打车都可以预订等等。我们的衣食住行每一样都在逐步淘汰旧的方式,不断适应着新的网络模式。

随着互联网的飞速发展,网页设计成了热门行业,在竞争激烈的今天,拥有一技之长是安身立命的根本,很多学校为了适应社会岗位需求逐步开设网页设计与制作等专业,由于网络信息量越来越多,网民的审美不断提升,对网站美工要求越来越高,逐渐促使网站建设前台美工和后台程序的分家,使网站建设更加专业化、系统化。在网站建设逐渐细分的大趋势下,探讨网站首页形象设计是非常有必要的。

关于网站首页形象设计我将从网站定位,LOGO设计,首页整体形式、色调、风格设计,广告条设计等方面,逐步分析、介绍网站首页策划、创意、设计整个过程:

1 网站定位

作为一名专业的网页设计师,会接触到各行各业的网站案例,设计师不可能对每种行业都了解,有的甚至分不清两款看似相同的产品之间究竟有什么区别,所以在做网页设计以前首先我们要了解客户,通过与客户沟通交流、市场调研等手段掌握客户的诉求,了解消费者或者受众的年龄、地区、需求等,给网站做出准确定位。最大程度的甚至是超出客户想象的呈现出针对性的设计方案。

1)与客户沟通交流:与客户及时的沟通,很好的交流,可以最快地了解客户的诉求,例如:客户想做一个什么样的网站;网站的主要卖点在哪里;网站栏目包含哪些;审美风格有无意向参考;网站功能基本需求是什么;有无特殊要求或禁忌等都可第一时间了解。通过交流也可以解决隔行如隔山的难题,了解主推产品性能及特点。

2)市场调研:在和客户有了初步交流以后,我们开始做市场调研,主要是参考国内优秀同类行业网站及地区优秀同类行业网站,通过多个网站参考和对比,综合优点剔除缺点,可以策划出我们的网站导航菜单内容,及首页内容板块。

3)消费人群:消费人群就是你的产品要卖给谁?网站给谁看?掌握受众群体的年龄、地区范围、需求等,才能设计出有针对性的网站首页,所以了解受众是非常必要的。

4)定位:定位对于整个首页设计来说起到决定性作用,所以定位一定要内容准确、条理清晰、针对性强、优势明显。结合以上工作对网站首页从以下几个方面进行定位:确定导航菜单栏目内容及下拉子菜单内容;确定首页放置哪些板块,包括板块内容、前后位置、占用空间等;网站风格定位:目前常用的网站风格有欧美风、日韩风、中东风。

欧美风格网站简洁大气、内容明了,比较适合做门户类网站或者企业集团性质网站,近年来比较流行;日韩风是一种比较亲民可爱或者炫酷的个性化风格,比较适合做儿童教育、女性、个人、游戏等个性类的网站;中东风是一般是外贸性质的网站。

2 网站LOGO设计

根据定位我们要设计一个适合的网站LOGO,网站LOGO设计属于标志设计的范畴,但又不同于普通标志设计,主要分以下两种设计形式:

1)图文LOGO设计

图文LOGO就是图形标志与网站名称相结合的设计,从门户网站到企业网站应用性较为广泛。企业网站主要是图文LO-GO,因为网站设计从属于企业品牌推广设计,尤其是一些比较大的企业,企业品牌推广设计是一个套系,设计分类很全面,小到手提袋、名片等,中到员工服装、指示系统,大到车体设计、大门设计、楼体设计等都得体现标志设计的统一性,网站设计也不例外,例如:中粮集团、肯德基、可口可乐、贝因美等企业均是采用图文LOGO,无论在任何时间或地点看到企业有关信息,图形标志和企业名称标准字体永远都是规范组合。

门户网站也常用图文LOGO,像一些名称特别或比较容易产生形象联想的门户网站用得较多,例如:途牛旅游网、去哪儿旅游网、阿里巴巴等门户网站均是采用图文LOGO。

2)字体LOGO设计

字体LOGO设计主要是指以网站名称或域名为主的字体设计,在名称字体基础之上,根据其字形特点、字面含义、象征联想等做出相应适合的设计,举一些我们常见的实例,比如:hao123、百度、淘宝、天猫、新浪、搜狐等门户网站LOGO均属于字体设计,字体设计的优点是识别性高、功用性强、个性独特,形式有中文、英文、数字,混合设计等多种组合,并且可根据节日的变化而添加不同的图形元素,可塑性强,现在一般用于门户网站,也是未来LOGO发展的新趋势。

根据网站性质、LOGO设计形状的不同选择适合的色调及特效表现形式。

3 首页整体形式、色调、风格设计

1)版式设计

首页板块众多,版式设计要分清主次,调理清晰。版式设计首要考虑板块功能性,按重要程度确定其在首页中的具体位置,一般遵循重要内容靠前靠左,次要内容靠后靠右的原则,比如LOGO、导航菜单要放在最上方,符合人的阅读习惯。主要的内容板块占用空间要大,比如企业形象广告条、企业产品等。次要的内容占用空间小,可以采用平行展示、缩进隐藏式导航节省首页空间。

设计美观性要辅助功能性,实现整体形象完美统一,根据美观需要,在设计的时候我们在板块设计形式上要产生变化,常用表现形式包括:纯图片、视频、图片切换、纯文本、图文结合、图表等,在版式设计中要运用自如。

2)色调、风格设计

网站首页形象设计要与网站LOGO设计风格及色调相统一。首先选定首页主色2-3种,一般以LOGO主色做主要参考;其次辅助色2-3种,辅助色要选用和主色同一色调的颜色,只是在明度、纯度上发生一些变化;再次,选用对比色1-2种,让画面在视觉上有节奏和韵律。风格设计的原则就是:色调大的统一,小的变化,既严谨、规范又不失创意。

4 广告条设计

广告条大体分为网站形象广告条设计和商业广告条设计两种,网站形象广告条非常重要,位置仅次于LOGO及菜单导航。一般为通栏设计,占用面积较广。一个网站除了LOGO以外,形象广告给人留下的印象最为深刻,好的设计可以紧紧抓住用户的眼球,增加用户在网页停留时间,提高点击率,并且吸引用户继续浏览。广告条设计属于平面广告设计的范畴,我们主要考虑以下几种因素:

1)图片选用要清晰美观,构图合理,体现网站主要卖点;

2)文案要精心策划,朗朗上口,与图片内容相符合;

3)图文版式大胆创新,颜色搭配新鲜独特,整体具有强烈的形式美感。

最后,我们还要补充细节,寻找不足,然后将页面远近对比进行整体调整,直到首页完美统一。

5 结束语

综上所述,好的网站首页形象设计不仅仅是合理排版、添加漂亮颜色那么简单,这是一项包含了网站定位、栏目策划、版式设计、LOGO设计、色彩风格设计、平面广告设计等的综合类系统设计,首页整体要具备较高的艺术审美,板块设计主次分明,菜单栏目要值得推敲,时刻以客户需求为主,美观性永远要与功能性相统一,网站首页设计做到这些才称之为形象设计。网站首页形象设计对于整个网站建设起到非常重要的作用,重视首页才能抓用户,领航网站设计的未来。

网站首页设计与编排艺术探析 第4篇

问题的提出

互联网在现代社会发挥了难以想象的重要作用，被称作是人类最伟大的几大发明之一，其本质是信息的共享和快速传递。新闻网站作为向人们传达即时信息的一个重要网站门类在互联网领域独占一席之地，全球的互联网使用者每天在网站上浏览和发布大量的新闻内容。随着无线传输协议的发展和确立，通过支持WAP的终端设备浏览新闻网站获取信息的用户也与日俱增。伴随着网民的增加，大众对新闻网站首页的设计与编排艺术的要求变得越来越高，突出的表现在很多新闻网站的首页浏览率和停留时间都相对较短，并且许多对二级页面的访问也不是通过首页抵达的。那么新闻网站首页的设计与编排艺术究竟应从哪些方面考虑，又该如何进行具体的操作呢？为此本文就这两个问题展开了论述。

新闻网站首页的设计与编排艺术应该考虑的因素

先谈一下新闻网站首页的设计与编排艺术应该考虑哪些因素，也就是说有哪些因素影响和制约了新闻网站首页的设计与编排。新闻网站的首页设计和编排其实和一个产品的设计和包装差不多，网页浏览者浏览首页就像消费者在市场购买产品一样，如果一件产品的外形设计或包装面目可憎，那么消费者可能就会憎而远之；如果包装和设计能和消费者在某个点上形成共鸣，那么才会有购买的可能。本文认为有以下几个主要因素影响和制约着新闻网站首页的编排和设计艺术。

（一）新闻网站自身的市场定位。

新闻网站自身的市场定位对新闻网站首页的设计和编排起着重要的作用。新闻网站自身的市场定位包括新闻网站内容的定位、新闻网站形象的定位、新闻网站品牌的定位以及新闻网站质量的定位等。新闻的内容类别有很多，如政治新闻、经济新闻、军事新闻、娱乐新闻等，不同内容的新闻网站其首页的设计及编排应该有很大的差别，比如政治新闻类新闻网站的设计及编排应该大方得体，色彩的运用和图片的选择应该符合正统的要求。新闻网站的形象定位包括其传达信息的真实准确性以及和浏览者互动能力及互动准则的设计。新闻网站品牌的定位包括其知名度的定位和营销力度的定位等内容，新闻网站自身定位的不同，也即是其要表达和树立的形象的不同，它直接决定了其首页设计与编排的艺术风格不同，新闻网站首页的设计与编排艺术是为其市场定位服务的。

（二）新闻网站应明确目标受众的心理特点和浏览行为

新闻网站的市场定位确定以后，其首页的设计与编排艺术第二位要考虑的就是目标受众的心理特点和浏览行为，并根据目标受众的这些特征来决定诸如色彩、导航、框架、多媒体使用等首页的编排与设计艺术。比如军事新闻网站其首页设计应该考虑军事爱好者的心理特点和其在浏览网站首页时的浏览行为特征，然后来决定色彩的使用、图片和多媒体的使用以及文本文字的艺术编排方法与设计，这样才能做到有的放矢，对症下药，切实提高浏览者的满足感和其点击率。

新闻网站首页的设计与编排具体方法

在明确了新聞网站自身的市场定位和目标受众的心理特点和浏览行为之后，紧接着就是采取针对性的措施，确立与其自身市场定位相一致的形象和对目标受众的投其所好。具体来说可以从以下几个方面来彰显与展示新闻网站首页的设计与编排艺术。

（一）首页模块框架的划分要符合受众的浏览习惯

对于涉及众多模块的大型综合性新闻网站来说，其首页模块框架的划分尤为重要，不然会给浏览者明显的堆砌感和杂乱无章的感觉，使浏览者产生一种很不好的感觉。新闻网站模块框架的划分设计中存在着这样一种倾向，那就是为技术而技术，设计者对浏览者的浏览行为或者浏览习惯了解不多甚至一点都不了解，于是花很大力气放在了单纯的技术的研究上，采用最为时髦的设计技术并为之付出了艰辛而漫长的劳动，而点击率和其他相关统计量依然得不到显著提升。笔者认为设计者应在导航模块的设计上下功夫，要让浏览者进退自如，要让浏览者知道自己身处何方，不要让浏览者迷失在设计者所设计的迷宫之中。

（二）文本文字的处理

网站内容从构成上来分，也就是文本文字和图片多媒体两类，因此文本文字的设计适当与否直接影响着新闻网站首页的艺术效果，进而影响其点击率和相关统计数字。文本文字的处理包括文本文字的字体、字号、颜色、形状、效果等属性的选择和应用，文本文字搭配的如何，关键要看其每一个模块的颜色是否和其背景色、网站格调等相关因素相协调，就像书法家的作品一样，并不是每一个字都写好了，整幅作品的质量就自然而然的上去了，它需要书法家在下笔之前先打好腹稿，先对整幅作品的框架进行预先的设计，这样才能合理安排每一个字甚至每一笔画该如何操作。新闻网站首页的文本文字的处理也应该如此，设计者应该在熟悉网站基本风格的前提下，娴熟地选择和使用文本文字的各种属性，来提升整个首页设计与编排的艺术性，从而提升其商业效果。

（三）图片、视频及多媒体的处理

图片、视频和多媒体是构成网站内容的基本素材，是居文本文字之后的第二个重要因素。图片、视频和多媒体在传达信息和表达方式上相对文本文字有很大的优越性，比如更快的表达速度、更丰富的表达内容、更艺术化的表达效果等，因此受到了新闻网站首页的青睐和推崇，得到了大规模的使用。然而，问题也恰恰出在这里，很多网站并不是疏忽或者使用的不够，而是过度使用和滥用现象严重，很多新闻网站的首页使用了过多的图片、视频和多媒体，虽然提高了网站的丰富性，但也出现了各种各样的问题，比如有的网站由于过多的网络传输负荷导致首页打开过慢，这样浏览者很有可能因为失去耐心而提前关闭，进而浏览其他网站，这样就失去了客户资源；还有的新闻网站过度使用图片视频和多媒体，导致新闻和一些主要内容被淹没在图片、视频和多媒体的海洋当中，增加了客户寻找目标信息的难度。设计与编排合理的新闻网站首页应该对图片、视频和多媒体的使用保持一个适当的比例，以不伤害文本文字主要新闻内容为一个最低限度。

（四）首页色彩色调的运用

新闻网站首页色彩色调的使用首先应该和网站的定位及浏览者客户群的特征而定，其次要讲究艺术性。所谓色彩色调运用的艺术性是指网站通过色彩色调的运用向浏览者传达的基本信息和基本感触，就像室内的装潢一样，黄色的色彩色调给人的感觉就是温暖温馨，而白色则给人清洁清净的感觉，绿色则给人环保宜人的感觉。新闻网站在设计与编排首页的时候，色彩色调的运用不但是其树立形象增加美感的手段，也是给浏览者一个好的印象的不可不考虑的一个重要的途径和方法。

（五）广告的安排要适当

广告是新闻网站创收的一个重要组成部分，绝大多数的新闻网站依靠广告进行创收也无可非议，但现在的新闻网站特别是在首页挂靠的广告过度，已经影响到了浏览者顺利浏览新闻网站内容的地步。据一些媒体调查，有80%的被调查者被问及对目前新闻网站的最大的不满的问题时，回答就是广告太多，过多的弹窗和广告的弹出严重影响了网站首页的打开速度，也影响了相关链接的打开速度。因此，在新闻网站首页的设计与编排的过程中，对广告的挂靠要保持一个适度的比例，应以不影响浏览者正常的浏览为最低底线。

新闻网站首页是网站的门面，其设计和编排艺术值得新闻网站经营者的深思熟虑。新闻网站的市场定位和其目标客户群的浏览行为特征是决定其首页设计和编排艺术的重要因素，而在具体的设计和操作层面上，需要考虑的重要内容有首页模块及框架的设计、文本文字的处理、图片、视频、多媒体的处理以及色彩色调的运用和广告挂靠限度。

| 作者单位：陕西科技大学

企业网站如何设计首页? 第5篇

企业网站,不比于门户，也不比于个人网站,企业的网站,一般都是有限的几个页面，再加上现在的企业领导，很多都不太注重于网络这一块，因为他们一向认为是以传统渠道来做的，因此，企业网站的设计，在网络推广里面，永远退后一步。虽然现在有远识的企业领导开始着重这一块了，但是总的来说，还是有点微不足道。

前段时候，因为接触了一家做深圳复印的公司，因此和他的闲聊，所以写下此文，探讨一下，关于企业网站如何来设计首页。

第一点原则：首页应该以文字为主。

除了正常的UI和用户体验外，企业网站的首页没有必要把FLASH，视频以及复杂的炫目的效果全弄在首页。这样明显影响了蜘蛛对首页的爬程。

第二点原则：活动的首页

正常情况来说，蜘蛛首入进入的是就是首页。如果永远一成不变的内容，蜘蛛不喜欢，来了几次，都没有新鲜的血液可吸，它也就懒得来了，

我的网站，之前设计的首页，因为基本上都是图片等等，有动态的东西。因此他说深圳复印这个关键的排名，已经没了。之后，因此参考了一下我的建议，把首页的一个图片部份，换成新闻更新列表。昨天告诉我，深圳复印这个关键字上来了。

第三点原则：界面的结构清晰。

所谓的DIV+CSS。这个是老调重提了，也没有什么好说的，天底下的人都知道。DIV+CSS我个人认为最关键是的给蜘蛛以清晰的条理性，也就是说可以指引蜘蛛在你的网站中不至于迷路。

第四点：常规属性的设计

比如TITLE，KEYWORDS等等。这些很多网络上的高手，都说了这些关键字的比例是多少，其实，我倒是不觉得你不一定要去要按这个标准来设计。这里我暂且提一个80/20的理论，我想用到企业网站首页的设计定位，应该是适用的。

比如，你的网站活动的部份。应该就是80%，固定的部份，应该是20%左右。

制作网站首页教案设计 第6篇

制作网站首页教案设计

广东省云浮市郁南县平台镇初级中学

黄伟兴

教学课题：制作网站首页 教学背景：

网站首页是网站的“脸面”，学生通过学习设计网站首页，一方面培养他们为提高作品吸引力、展现自我而积极思考、探究、尝试的意识和态度，另一方面通过学习各种基本网页设计技术，亲历网页制作的一般过程，更好地为接下去几节课的学习和活动参与打下基本功。教学目标：

1、知识与技能：

（1）了解网页一般由哪些元素组成。（2）学会运用表格进行版面布局。（3）能够在网页中添加网页元素。（4）能在网页中设置超链接。

2、过程与方法：

（1）通过制作网站首页，掌握版面布局、添加网页元素和设置超链接的基本技术方法，达到举一反三的功效。

（2）通过学生动手设计网页的实践活动，使学生掌握对象属性的设置方法，为学生今后学习其他软件奠定基础。

3、情感态度与价值观：

制作网站首页教案设计

（1）提高视觉素养，能根据网页主题确定恰当的网页风格并具有初步的创意。（2）通过运用表格布局网页对象活动，进一步掌握各种不同对象属性的设置方法和规律，提高学生学习信息技术的信心。

（3）在合作实践过程中，培养学生的审美能力和创造能力，在小组协作学习中，培养学生合作帮助、团结协作的良好品质。

（4）培养学生大胆构思、自我创新的精神，培养学生的美感及创作后的成就感。

（5）善于和老师、同伴一起分析讨论，在分析、探讨中学会欣赏，学会评价。

4、学情分析：

学生已经具备了计算机软件使用的基础，但学生在学习过程中往往会把注意力停留在技术实现的层面上，让学生认识和掌握制作网站首页的方法，故操作性强。在前面几节课学生初步确定了网站的主题，收集了部分资料。学生已经在word文档的学习中掌握在文档中插入图片、艺术字等素材方法，为制作网页中的添加素材这一环节打下基础，同时表格教学比较枯燥，表格嵌套、根据图片特点裁剪图片、设计制作表格等知识点更加枯燥乏味。图片处理操作水平的差异和教学内容的枯燥，可能会造成很多学生不愿动手、不会动手。在实际教学时，教师应该时刻给予学生恰当的引导，在调动学生学习兴趣方面下足功夫。

5、素质目标：

制作网页要应用到多方面的知识，培养学生的知识迁移能力，同时给学生提供了自由发挥的空间，学生可以充分发挥自身的创造力与想象力，培养学生综合运用知识的能力。教学重点难点：

1、教学重点：

制作网站首页教案设计

（1）能用表格规划版面布局的方法与技巧。（2）恰当选取网页元素与设置。

2、教学难点：

（1）掌握超链接技术设置网站导航功能的方法。（2）掌握设置网页属性的一般方法。教材分析：

1、本节的作用和地位：

本节课侧重培养信息表达的能力，对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。

2、本节主要内容介绍：

课改后信息技术课已不再是单纯的计算机技能课，它强调以培养信息素养为目标，以任务驱动为模式，以应用软件为载体。只有在实际教学中突破以往的教学模式，才能培养出适应信息社会发展的有用人才。这节课的主要任务是使学生掌握在FrontPage用表格规划网页及在网页中插入图片、声音、水平线等相关知识与操作，并能合理、灵活地应用到网页制作中，美化自己的网页。教学方法：

1、先学后教，“兵”教“兵”

先学，就是让学生自学，尝试独立操作；后教，是根据学生自学效果，教师进行精讲、点评，并尽量让学生去“教”；“兵”教“兵”，就是让学生充当小教师的角色，自学得较好的学生操作给其他学生看，通过示范，在学生间起到相互

制作网站首页教案设计

促进，相互影响的作用，达到共同进步。

2、任务驱动，小组竞赛法

根据学生不同的学习能力、知识储备、兴趣爱好，依据自愿组成原则，将全班分成若干个小组。通过网页教学课件的辅助，在教师的引导下，各小组按照自己规划出的网页设计方案，以任务驱动和分工合作形式制作网页。并通过自我评价、小组评价、师生互评相结合的评价方式使学生自主完成作业，由学生自己担任评委，评选出优秀网页，通过展示学生的优秀作品来激发学生对网页制作的兴趣。

由操作能力强的学生充当组长，带动其他成员完成网页制作，一来培养他们合作互助的关系，二来培养学生之间、师生之间的感情。

整节课教师只扮演一个组织者和提示者的角色，一步步引导学生完成本课的目标，让学生充分发挥自主性、协助性，培养他们合作、创新的能力。

3、提问引导法

根据学生已有的知识结构体系，采用提问的方式引出每个教学目标，中间穿插观察、自主探究、合作交流的方式加深学生的印象，培养学生的观察能力，动手能力和团结合作精神。让学生自觉主动地去分析问题、解决问题，学生在操作过程中不断发现问题、解决问题，使学生由学会知识变为会学知识。教学评价：

在教学过程中一方面要考查学生能否顺利掌握制作网页的基本技术方法，根据设计需求完成网站首页的制作，另一方面又要考查学生在作品中是否做了科学的布局规划、是否合理地运用了各种网页元素，作品是否具备表现力和较强的可读性。教学过程：

制作网站首页教案设计

一、创设情景、引入课题、明确任务

师：上节课我们已经规划了自己的网站，今天老师给大家带来了一个礼物，它是一个漂亮的网站，它就是“老师个人学校网站”，里面有许多关于同学们的内容，如：你们漂亮的生活相等，请同学们欣赏。

生：学生认真观看，自主互相讨论，畅谈想法及发表意见。

师：继网站筹划之后我们就要着手来进行网页的设计了，第一个要进行的当然是首页的制作。首页是网站的“脸面”，能不能吸引访问者的注意，它显得尤为重要，所以在设计制作首页时需要特别花心思。怎样设计一个好看的网页让网站第一时间抢占浏览者的眼球呢？再度打开网站的首页。生：仔细观察该首页的特点。并互相讨论，各抒已见。

师：上节课已经搜集了素材，这节课咱们来动手制作网站的首页。指导学生使用FrontPage打开范例“班级网站”的首页，让学生进行小组交流，回答以下几个问题：

1、你知道有哪些软件可以用来制作网页吗？

2、该网页包含了很多元素，它们是如何整齐有序地分布在网页中的？用什么可以分割网页的版面布局呢？

3、该首页包含了哪些元素？是否能很好地表达主题思想？结合小组收集到的素材，你认为在自己的网站首页中可以添加哪些网页元素？

4、导航栏是网站的“地图”，没有它，浏览者就会“迷路”。选定范例网站首页导航栏中的栏目文字，单击常用工具栏上的超链接按钮，看看会出现什么？ 生：观察思考、探究、小组合作交流，回答教师提出的几个问题，并确立自己将要开展的工作。

制作网站首页教案设计

师：其实很多文字处理软件都可以设计网页，如Word中，利用“另存为web页”就可以将文档保存为网页，有些图像处理软件如PhotoShop也可以制作网页，Windows“记事本”也可以制作网页等，不过FrontPage和Dreamweaver却是最方便的网页制作软件，因为它们不仅可以制作网页，而且能方便地设计和管理网站，很适合入门学习。

二、先学后教、任务驱动、自主学习

1、用表格进行版面布局

师：（1）提问学生都为他们的主页准备了哪些内容和素材（如文本、图片、动画、音频、视频）？

（2）引导学生阅读教材，然后动手实践。生：（1）学生回答老师的问题。（2）上网学习相关的技能技巧。

（3）小组合作自主探究，教师引导，并安排操作熟练的学生进行演示。师：（1）教师巡视课堂，做个别辅导。针对学生普遍存在的问题，教师做详细讲解。

（2）以前我们可以用表格来表示数据信息吗？表格还可以用来对网页版面实现分割吗？

（3）你打算怎样安排它们的具体位置才能使网页更加合理美观，方便访问者访问？

（4）让打开学生常去的网站，腾讯QQ网站，让学生观察并提问他们发现了什么，再逐一把表格中的各元素删除，使网页上只留下一个空表格结构。（5）提醒学生要在编辑窗口和预窗口之间切换观察，使表格结构调整得更加

制作网站首页教案设计

合理。

（6）如何才能让表格不显示在我们的网页中呢？

生：思考回答问题，小组合作探究、交流，完成老师布置的任务。

师：（1）对比展示两张素材相同布局不同的网页。一个使用表格布局，但表格边框隐藏，其页面工整，文本、图片摆放对称，具有一定的规律；另一个不用表格布局则页面凌乱，图文混杂，摆放杂乱。（2）教师简单演示。

A：添加表格；B：表格属性设置面板中的几个常用设置选项说明。（3）指出学生易出错或难于处理的问题及学生可能遇到的问题。

生：（1）认真观看教师演示，归纳总结交流自己动手动实践过程中存在的问题和不足、成功的心得体会及改进思路等。

（2）互相找出易出错或难于处理的问题及学生可能遇到的问题，合作探究解决的办法。

2、添加网页元素

师：（1）要求学生把事先准备好的各种网页元素（如文本、图片、动画、音频、视频）添加到主页，也可使用教师机的共享资源库的素材。（2）把学生用到的技能要点发到学习网站上。

生：（1）小组合作交流，对之前收集到的素材进行选用，添加到网页中。（2）上网学习相关的技能技巧。（3）上网查找需补充的素材。

制作网站首页教案设计

（4）学有余力的同学还可以尝试怎样让网页更加生动。如添加视频、背景音乐等。

师：（1）恰当地为学生提供方法，讲授经验心得。（2）解决学生提出的疑难问题。

（3）鼓励学生进行发现和尝试提高他们的动手能力。

（4）教师巡视课堂，做个别辅导。针对学生普遍存在的问题，教师做详细讲解。

师：（1）教师简单演示。

（2）指出学生易出错或难于处理的问题及学生可能遇到的问题。

生：认真观看教师演示，归纳总结交流自己动手动实践过程中存在的问题和不足、成功的心得体会及改进思路等。

3、设置超链接

师：（1）如何通过超链接技术实现网站的导航功能？

（2）再次提出导航栏是网站的“地图”，没有它，浏览者就会“迷路”。选定范例网站首页导航栏中的栏目文字，单击常用工具栏上的超链接按钮，看看会出现什么？

（3）你发现哪些地方需要设置超链接吗？试对它们进行设置。（4）如何检查各个链接目标是否设置正确？

生：动手尝试，通过自主探究、小组合作交流，回答老师的问题。师：教师简单演示。

制作网站首页教案设计

三、课堂小结、作品展示、师生评价

（1）教师引导学生进行总结，针对本节课的重点知识进行提问，了解学生对相关知识的掌握。

（2）学生相互欣赏作品，推荐优秀作品在全班进行展示。我们来评一评，哪个作品做得好，好在哪里？那个作品还存在不足之处，都有那些方面？师生共同评价，教师对完成情况好的学生和帮助他人的学生给与表扬。

四、教学反思

本节课采用的教学理念和教学方式是在建构主义的教学理论指导下，采用“任务驱动教学法”,让学生这种“带着任务自主学习”的探究模式下实现知识的意义建构。以学生自己实践、自主学习为主，老师巧妙引导，适时指点为辅，学生在这种学习过程中处于积极主动的主体地位，从而可以充分发挥学生的学习主动性和创造性，使学生自主地获取知识。让学生通过合作协调、构思创新的方式完成整节课学习的方法，极大调动了学生的学习积极性，培养了其信息表达的能力，加强了学生的信息意识，提高了信息处理的能力。在探索式学习中，重要的不只是仅对任务完成的学习，而是学习者对知识的探索过程，是学习者在探索知识过程中的思维飞跃，是个性化发展的极好过程。同时，自主学习可以使每一位学生根据自己的知识基础与学习方法自定步调进行个别化学习，克服了传统课堂教学中压制个性化发展而采用“一刀切”的人为现象,但在引导过程中要注意掌握好“度”，既让学生自己探索，掌握知识，又要合理补充，及时纠错。

制作网站首页教案设计

《网站制作——站点创建与首页制作》教学设计

一、教材分析

本节课是江苏科学技术出版社教材，初中信息技术（8年级）第3章第2节的第二课时的内容，是继网站规划、网站设计后进行网站实现的关键一节，在整个课程的学习过程中至关重要。这节课的主要任务是运用Dreamweaver软件，让学生掌握在网页中插入图片、声音、水平线等相关知识与操作，并能合理、灵活地编辑和美化自己的网页。

二、教学目标 1．知识与技能

（1）掌握简单网页的新建方法。

（2）能够在网页中插入、排版文字，掌握图片、水平线的插入方法及属性的设置方法，能够灵活应用“网页属性”对话框，设置网页属性，如背景、背景音乐。

（3）掌握保存网页的方法，了解网页保存与普通文档保存的不同点。2．过程与方法

（1）对比教学，使学生掌握学习应用软件的基本方法和规律，达到举一反三的功效。

（2）任务驱动、自助探究，动手设计网站的实践活动，建立对象属性设置的思维方法和操作方法，为学生今后学习其它软件奠定基础。

（3）小组合作，培养学生自助、协作学习的能力。3．情感态度与价值观

制作网站首页教案设计

（1）能够在对比学习中，让学生体验软件学习的一般方法及规律，提高其学习信息技术的信心。

（2）能够在网站首页的设计和创建的过程中，掌握对象属性的设置方法，初步体验成功的快乐。

（3）能够通过小组交流学习，激发学生探究创新的学习精神。

三、教学重难点 1．教学重点（1）站点的建立。

（2）简单网页设计方法，如文字、图片以及水平线的插入与编辑等。（3）设置网页属性的一般方法。2．教学难点

（1）站点的作用和存储路径。（2）网页的保存。

四、教学方法

对比和任务驱动教学法，自助探究和合作学习法，五、教学准备

教学内容准备：整理、归类相关素材，并分发到学生电脑指定盘。上课地点：多媒体教室

六、教学过程 1．情境导入

制作网站首页教案设计

分发导学案，展示《旅游日记》网站，提问学生放假出门旅游的经历，引导学生思考如何记录旅行过程，讲解网站展示的内容，激发学生创建网站的学习兴趣。

设计意图：由学生生活实际入手，自然过渡，激发兴趣，活跃气氛。2．新课教学（1）网站介绍

通过展示的网页，分析其组成元素：网站标志、标题、水平线、文字介绍、背景图片、背景音乐，强调网站内容的合理布局。

（2）建立站点

由于我们的网站需要制作多个网页文件以及相关图片、声音文件等，所以网站建设初期就要做好管理准备，我们以站点的形式来管理网站内部文件。

任务1 在D盘下建立一个站点文件夹，站点名称：0128（即班级序号+学号）。教师活动：指导学生对照书本进行学习（限时）； 学生操作期间教师巡视课堂，做个别辅导； 针对学生中普遍存在的问题，教师可做详细讲解。

学生活动：明确教师要求后，阅读教材，开展对照着教材的自学活动； 举手反馈完成与否。

设计意图：对照教材操作步骤自学软件的相关操作。（自学为主）提问思考：在文件夹列表中看到了什么？

分析多出的文件夹列表栏，多了一个文件夹，里面有两个子文件夹和主页，图片存放在“images”文件夹中。

设计意图：了解站点的作用，强调站点的管理。

制作网站首页教案设计

（3）设计首页

再次强调一般首页组成情况，提出课堂制作要求（可跳出案例中各对象的具体摆放要求，但要求出现元素不得缺少）。

任务2 新建首页，要求首页中有如下对象： 网站的图片标志和标题。网站的建立主旨（文字介绍）。水平线（起分隔作用）。

链接到下一页的标记（可为文字，也可为图片）。

教师活动：指导学生示范，讲解如何插入图片（来自文件）、插入水平线等。（注意各对象“插入点”的选择）

学生活动：按要求小组合作完成任务。

设计意图：类比Word中对象的插入方法，使学生学会知识迁移。并在完成基本任务的前提下，鼓励学生创新。（类比学习法、知识迁移学习法）

（4）编辑与预览主页

提出具体编辑要求，引导学生设置相关对象的属性。

任务

3编辑主页

设置网站标题文字为隶书、7级、蓝色、居中。设置水平线粗细为5像素。

设置文字介绍文字为楷体、小二号、蓝色、加粗。选择一张淡雅图片，将其设置为首页背景图片。为首页加上背景音乐。

制作网站首页教案设计

教师活动：指导学生示范，讲解如何设置文字、图片、水平线以及网页属性等。

学生活动：按要求小组合作完成任务。

（强调：必须在“普通” 窗口下编辑，网页背景图片的像素符合要求）。设计意图：通过小组交流学习，培养学生自助、协作学习的能力，激发学生探究创新的学习精神。

（5）保存网页

教师活动：深入讲解示范。

学生活动：认真听讲，按要求保存自己的网页。

（强调：选择一个其他文件的文件夹分类保存图片等素材）３．总结与评价

（1）引导学生填写任务完成测评表，相互检查作业，推荐优秀作品，展示给全班同学，表扬完成情况好的同学与帮助他人的同学。

（2）对照本堂课的学习情况进行总结，提问本节课的重点知识，反馈学生相关知识的掌握情况。

百度首页设计思路的具体分析 第7篇

。所以对此类专题设计思路进行了具体分析。

春节前接到了制作春节专题的，这次制作，希望能新年展现在百度首页的春节专题具有百度风格，也就是说我们理解的新年热闹气氛的专题风格需要做改变。因为专题是为春节回家购物等提供帮助和信息，怎样将信息表现得易用和友好是最重要的。所以对此类专题设计思路进行了具体分析。感谢钱夫人、blueui、rainbowowo、红豆派给予的建议和帮助，专题最终通过并获得了大家的认可。

引言：“让人们最便捷地获取信息，找到所求。”

现在我将设计思路总结了如下几点：

1.头图设计是为内容服务的

(头图设计修饰和内容使用上需要把握一个度，需要了解此专题的侧重，是需要华丽的气氛吸引用户兴趣，还是提供内容要用户参与使用，很明显春运专题是后者，所以尽量将头图可发挥的视觉元素做简)

2.头图的设计效果目的是要为内容加分

(头图的目的其实是一个视觉气氛或者说是情感引导，视觉元素过多会影响使用内容，过少会显得引导无力，此类专题的定位应是要用户很清晰的来操作内容区，头图设计作为辅助调节气氛的功能，做到无头图可用，有头图更有趣，

)

3.直接从用户的角度思考，考虑体验细节

(设计师本身也是用户，需要将完成的作品做自我审核体验，流程内容在使用上是否易用清晰先过自己这一关，其中要加入自己积累的经验来优化，还可以找不同用户做体验调查。)

4.设计的情感化，新意的融入，生活中的点滴积累。

(以春运回家路和百度全球拜年为例- 春运回家 应该具有一种淡淡游子思乡的情感，夹杂这一点点迫切，一点点思乡情，从自身的亲身体验出发，才能设计的贴切主题有人情味。)(百度全球拜年-除了世界各地代表建筑外，需要一个点睛元素将画面做贯穿，这个元素不是简单的无意义的曲线或直线，使所选元素加上去能否贴切主题并生动，并不简单。记得百度搬迁庆典视频中的红色纸飞机吧)

5.内容区目的协调于整个页面，力求简洁大方

(标题简单块状形式，栏目以简单的直线做分割，简洁明了不求修饰，体现百度性格)

部分效果展示：

图1：

图2：

图3：

图4：

图5：

关于电子商务网站首页内容设计 第8篇

电子商务网站首页是浏览者键入电子商务网站域名后,首先映入浏览者眼帘的内容表现。如何让浏览者在承载海量易信息的电子商务网站中更准确、更方便、更直观地找到自己所需要的信息,是每一个立志做大、做强电子商务公司首先要考虑的问题。

中国互联网发展至今,大体经历了三个阶段:网民阶段、网友阶段、网商阶段。网商阶段,是互联网应用的最高级阶段,该阶段充分利用互联网平台的实效性、无空间跨度、无时间间隔等特性,为有买卖需求的双方提供易机会,这时网站出现海量信息、内容丰富、层次复杂、形式多样等特点。作为电子商务主体之一的卖方,是电子商务赢利方,也是作为电子商务的主推动者,在创建网站之初,首先要考虑的是,如何让浏览者在承载海量易信息的网站中更准确、更方便、更直观地找到自己所需要的信息。这时,作为电子商务网站的登入窗口首页的内容如何安排就显得尤为重要。

笔者认为,如何更好地安排首页内容,主要从以下几个方面来着手。

1 让网站首页内容与网站整体内容更好的衔接起来

电子商务网站全站主题内容有以下几个:产品信息、企业信息、易信息、买卖双方后台管理平台、新闻资讯、官方公告、支付平台、网站导航、网站论坛等。

因电子商务网站涉及主题内容复杂性和多样性,在网站创建之初,在做网站系统分析时,就应该全面考虑网站所涵概的整体内容,当网站系统实施时,要把首页内容与整体内容很好地衔接。这样,才能够使网站浏览者在进入系统后,通过首页,更好地享受系统所提供的各种商务服务。

举例说明,如阿里巴巴信通平台(www.alibaba.com.cn),它是提供给中国中小型企业进行内交易的电子商务平台。目前在该平台上,采购商企业数量达到1100万,供应商企业会员数量更是达到了1800万,每天客户流量达到了5500万之多,这样一个超大规模的电子商务网站,其涉及产品数量、易信息、企业信息交流量、后台管理系统规模等都是海量的。但我们发现通过阿里巴巴信通首页,你可以非常方便地找到任何商务服务的登入口,便捷地享受阿里巴巴信通平台所提供的所有商务服务。

2 贸易机会在首页上的充分展示

电子商务网站,其主体功能是促成易合作的成功,这就需要提高企业、产品的暴光度,增加企业和产品被找到的机会。作为电子商务网站的入口首页,在这个功能体现上就显得更加地重要。目前,在主流的电子商务网站的首页上寻找自己所需要的产品,有三种方式:关键字搜索方式、大类目查找方式、下拉菜单查找方式,特别是前两种是最常用的易机会查找方式。

关键字搜索方式是使用率最高的方式,应该把该功能窗口放在首页最醒目的位置,让使用者能够快速找到并使用,如在关键字栏里键人“MP4南昌”字眼,就能迅速地找到网站里有关南昌企业或个人提供MP4产品的信息。大类目查找方式,在应用上更加直观而且更加准确,通过大类目到小类目,最终找到所需产品,并且可以方便地进行同类产品企业对比及其产品对比,从而选择更适合自己的商品提供方。如要寻找MP4产品,先要找到电子类产品大类目,再找到家电产品类目,再到数码产品类目,最终找到MP4产品。该方式因所需版面面积较大,一般把它放在网站首页的中下位置部分。

3 首页广告位置的合理安排

电子商务网站,特别是大型的电子商务平台网站,如阿里巴巴、淘宝、EBAY等,都具有高人气的浏览量,如阿里巴巴淘宝网首页一天的点击大概在每天1亿以上,这就给大型电子商务网站带来了广告位需要效应。

大体上,电子商务网站首页广告有如下形式:条幅广告、左边栏广告、右边栏广告、移动广告、专位首页广告版块、弹出式广告等。如何正确安排大量对投放广告有需求的企业要求,合理架构企业广告在首页的位置,从而使广告位与首页商务服务内容不相冲突,并适合浏览者的浏览习惯,这也是首页内容建设的一个主要任务。

条幅广告一般设置在首页的网页头部分和网页正文部分之间,以较鲜明的颜色来划分网页头部分和网页正文部分,起到最显著的广告效应和承上启下的作用。其宽度为整个页面的宽度,其高度大概为三到四厘米,加上其鲜明的颜色和赋予其多样化个性表现的形式,还有位置的突出性,广受广告需求企业的欢迎,当然价格也是所有广告中最高的。

左边栏和右边栏广告是指处于网页最左边和最右边的广告,一般是利用网页两边空白区域来进行广告的投放,效果明显,且受众程度高。但因其宽度受网页两边空白区域的宽度限制,所承载的内容表现形式较为单一,多为静态、平面的形式。切忌用Flash动画形式来表现,否则会让浏览者在视觉效果上产生眼花缭乱和所承载内容表现不清楚等问题,影响了浏览者对整个网页的评价。

移动广告,是指浏览者打开首页后,漂浮在首页上的广告。因其视觉效果突出、能够跟随网页的上下拉动而上下漂浮、紧随浏览者的视线等特性,而深受广告投放企业的喜爱,但还因其具有强迫视觉冲击性而导致部分浏览者的厌恶。建议在排放此类首页广告时,应注意漂浮速度尽量放缓、数量不宜过多、设置取消按键、颜色不宜过深和鲜艳等措施,一定程度上来满足浏览者的浏览喜好。

首页专位广告版块,是指在首页正文版块中,开辟出一个分版块,专门作为广告投放的区域,如阿里巴巴中国供应商平台的精品推荐栏目版块。因该区域为网站首页的正文部分,建议此种广告形式,要以某一时间段针对某一方面或者行业来进行产品广告投放,这样才不至于形式糟乱,从而配合电子商务网站的整体形象和效果。

弹出式广告,是指在首页设定相关关键字,当浏览者鼠标触碰到该关键字时,系统自动弹出相对应的广告,当鼠标移开,广告自动消失的形式。该广告因具有一定的隐蔽性,且广告出现时间较短,其性价比不高。建议在排放此类广告时,应注意不宜过多,否则会导致浏览者的厌恶。另广告内容不要以Flash动画的形式,而使广告打开时因速度缓慢,而影响浏览者浏览网页的其它内容。

4 电子商务网站首页个性化内容的建设

首先应以产品和企业信息导入口为主,使网站的内容更加丰满,增强网站的实用性和满足购买者对产品充分对比的需求,此做法可以最大限度的吸引点击率,延长网友的浏览时间,增加浏览人群的反复点击。在此基础上提供完善的导航服务系统,引导网友选购与之对应的商品。

再次在电子商务网站首页定期推出导购专题页面,此专题页面形式可以灵活设置,但一定要保持页面的时效性和短期性。专题页面可以是各个品牌商品的促销信息,可以是指导生活方式的导购专题,可以是周末、五一、十一、情人节、圣诞节等各种节假日的购物赠礼咨询,最大限度地做到以消费者为上帝,以最大可能地为消费者提供方便,真正站在消费者角度去架构网站。

以上是笔者就关于如何创建电子商务网站首页这个问题,发表的一些个人观点。当然,作为电子商务这门学科,它不同于英语、高数、会计等学科,电子商务本身是个承载动态内容的系统平台,社会的不断更新的需求赋予它更多的变化,通过笔者的相关阐述,希望起到抛砖引玉之效,能引起更多电子商务人的探讨和交流。

随着中国电子商务群体的日益壮大,网上消费和网上商人日益增多,平台使用者受教育程度、平台使用习惯、浏览习惯多样化,势必对电子商务网站建设提出更多、更新的要求,这同时也需要我们电子商务人孜孜不倦地去汲取更新的知识和进行更多的实践,让电子商务向着更好的发展方向继续走下去。

参考文献

[1]高新怡．电子商务网站建设[M]．北京：人民邮电出版社，2004．

浅析新闻网站首页设计与编排艺术 第9篇

新闻网站首页版面的设计与编排艺术是影响新闻网站宣传效果的关键因素之一。网站首页的设计应准确把握网民的新闻信息需求心理、阅读习惯和行为模式等，在此基础上结合网站自身的特点与优势进行目标定位和特色服务，有针对性地开展设计工作，因此新闻网站首页的设计理念和设计原则必须铭记在心。

新闻网站首页设计与编排理念

新闻网站的首页设计理念最主要的是要需要考虑两个“冲击力”。即色彩和布局的冲击力。

（一）色彩冲击力

由于网站本身具有视觉元素主导的地位，因此色彩是新闻网站首页必须要考虑的问题，而这一问题，也是当今新闻网站最易被忽略的问题之一。通常来讲政府网站是较为正规的门户网站，首页整体风格应该以沉稳、大方、厚重为主。那么在色彩上就要求颜色种类尽量单一，以单色调为主。而一些商业性网站，相对来讲色彩可以多彩斑澜，以亮色为主。此外个人网站一般要求设计较为简洁、淡雅、随和，而新闻网站，由于其新闻本身的特点应采用对比鲜明、冲击较强烈的色彩作为首页的主色调。另外由于主色的构成相对单一，类型较为简单，所以应该尽量选用较为浓烈的色彩来强化对人们视觉的冲击力，以此达到给网民留下深刻印象的效果。

（二）布局冲击力

局部的设计相对于色调的选择，改动选择余地就小了很多。由于受版面、内容等多种因素的影响，内容布局会受到这样或那样的限制，只能在网页本身所固定的框架内“戴着镣铐跳舞”。但是首页的内容布局并不是一味的翻新，在很多方面还是可以进行改造创新的，正所谓有束缚才会有创造，有创造就会显现出突破原有框架的魅力，进而带来新鲜感。根据历来新闻网站首页在设计、编排和改版过程中的一些规律，可以总结出内容布局方面具有“服务至上”、“一步到位”，“寸土寸金”三个重要特征。

新聞网站首页设计与编排原则

（一）整体设计简洁

新闻网站的核心竞争力就是为网民提供大量并且含金量高的新闻信息。据调查，大部分网民访问新闻网站的主要目的就是获得新闻信息。与传统媒体一样网络新闻信息自然也要以简洁为主，不能太过繁琐，应该使网民一眼就可以找到自己想要阅读的新闻信息。因此，在设计首页时，要力求整体简洁、过渡合理、字间距、行间距适度。

（二）栏目分类清晰

在某种程度上讲首页是对新闻网站整体信息的一个概述，是对所提供的新闻和服务的一个整体再现的载体。它在一定程度上可以显现出网站的精心设计与组合，因此为了方便网民查找访问，有必要对新闻信息及相关服务进行恰当的归类、分类。这样做不仅有利于页面整体上的美观。也可以使首页像菜单一样，可以引导网民轻松、快捷的查找到所需要的“那道菜”。另外，形成清晰、合理的栏目规划，可以对网站整体架构一览无遗，这样也利于网站制作者及时修改和更新。所以，网站首页设计一定要摒弃“首页是个框，新闻全部往里装”的不负责任的行为。如果不进行分类势必会造成网民不知道在哪里寻找自身需要的信息，这不仅会失掉众多的受众，还会影响网的经营和发展。

新闻网站首页设计与编排技巧

新闻网站首页的设计技巧多种多样，但是最难掌握的就是简洁，所以在这里笔者主要谈谈新闻网站的简洁的设计技巧。

（一）文字设计的简洁技巧

文字是互联网设计的最基本单位，要想达到整体简洁的效果就离不开简捷的文字设计。由于汉语本身具有博大精深的特点，我们在进行网络新闻报道时可以尽量选择那些简单易懂又字数较少的文字，要知道文字除了能传递信息，还可以增强视觉传达效果，因此文字在简洁的基础上决不能失掉本身所应具有的审美价值。在这方面做得最好的恐怕要数百度网站，它所其涉及的内容包罗万象，但是首页却极其简洁，因此点击率一直名列前茅，从中我们就可以看出首页简洁的文字设计的重要作用。

（二）图像、声音、动画、视频等元素的简洁技巧

虽然文字是网络设计的主要单位，但图像、声音、视频等合理搭配也是表达网络新闻不可忽略的形式和手段。通常来讲这些手段可以增强网站的特色，但如果过大过长就会使网友丧失兴趣。因此，视频、动画、音乐的使用要考虑多种因素，最主要的原则是“内容决定形式”，首页中图片、视频的运用要考虑到内容需要与否，不可随意增加或删除。另外，要做到不回行。视频、图片、动画的回行不仅会使网民看着不舒服。还可能影响它下面的新闻数量。

总之，要想在新闻网站首页设计方面取得独特的效果，就必须在掌握新闻网站首页的设计原则与设计理念的基础上，结合网络实际和网民阅读新闻的动机、心理等因素进行改革创新。只有将这些细致、协调的编排巧妙的结合起来，制作出既符合整体要求又不失丰富的新闻网站首页，才能取得成功。个性不一定是最好的，但是平庸一定是不好的，如果新闻网站首页的设计与编排过于粗浅或大众化，新闻网站首页的“招牌”作用与审美效果就会消失。

| 作者单位：西安科技大学

unit1教学设计首页 第10篇

《口耳目》 教学设计示例

教学设计思路

在开放的语文学习环境中，激发学生自主性、创造性地学习。利用网络环境，注重学生语言与思维的有机结合，注重学生发展的多层次。

教学目标 1．知识目标

认识6个新学生字，学写“木、禾”三个字，认识“丿、ヘ”两种笔画。2．能力目标

发展语言，培养自信心，表达自己的意见感悟汉字的形象性，感受学习汉字的兴趣。3．情感目标

充分调动学习的积极性，发展思维，培养对祖国文字的热爱之情。教学重点

认记生字，会写“木、禾”两个字。教学难点

学会学习，掌握象形字的特点。教学方法 自主学习创造性学习教学准备

课件、生字卡片、小动物头饰。教学时间 2课时 教学过程

一、游戏激趣，复习旧知 1．游戏:“对答歌”。

小朋友们，老师知道你们都很喜欢做游戏，现在我们就一起来做一个“对答歌”的游戏。师依次出示生字卡片：口、耳、目。师：请你读读这个字？

生：口口口，这是口。（学生边拍手边回答）师：口儿在哪里？

生：口儿在这里。（生边回答边指出“口”的位置）

语文备课大师 xiexingcun.com 今日用大师 明日做大师！语文备课大师 xiexingcun.com 目录式免费主题备课平台！

师：请你读读这个字？ 生：耳耳耳，这是耳。师：耳朵在哪里？ 生：耳朵在这里。师：请你读读这个字？ 生：目目目，这是目。师：目儿指什么？ 生：目儿指眼睛。师：眼睛在哪里？ 生：眼睛在这里。

2、游戏：《找朋友》。

“找呀找呀找朋友，找到一个好朋友。”我们每个小朋友都有自己的好朋友。你们瞧，小动物也来找朋友了。谁愿意做它们的好朋友？（师随即分发“羊、鸟、兔”生字卡片）

（播放欢快的音乐）学生戴着头饰，蹦跳到台上问“我是兔，兔兔兔，我的朋友在哪里？”座位上有相应汉字卡片的学生应答着跳上台“我是兔，兔兔兔，你的朋友在这里。”然后让两个小朋友举着卡片带大家读一读。

二、教学新课 1．教学“日”字。

从刚才的游戏中，老师知道了小朋友们都掌握了上节课所学的生字。这节课，老师再来给大家介绍几个新的生字朋友。

（1）出示字卡“日”，读准字音。

谁能把它读一读？对，“ri”是一个整体认读音节，请你带朋友们读一遍。（2）图、古文字对照，认记“日”字。

日就是太阳。（出现太阳图）上节课，我们知道了古时候的人，有时会根据东西的样子来造字。（出现象形“⊙”）这就是最早 的表示“日”的字。看看，它和太阳的样子哪儿像？后来，经过了几千年的变化，这个字慢慢地就变成了我们今天所见到的“日”字了。（课件演示“日”的字形演变）

（3）扩散思维，多种方法认记“日”。

刚才，我们根据太阳的形状记住了“日”这个字。小朋友，动动脑筋，你还能用什么方法来记“日”？（“口”字拉长，在里面加一横就是“日”；“目”字里面少一横就是“日”；“白”字去掉上面的一撇；“田”字去掉中间的一竖。）

语文备课大师 xiexingcun.com 今日用大师 明日做大师！语文备课大师 xiexingcun.com 目录式免费主题备课平台！

（4）扩词练习。

太阳是什么颜色的？那么红红的太阳叫什么？（红日）傍晚的时候太阳落下去，叫什么？（落日）谁还能用“日”再说几个词？

2．教学“月”。

“日”这个字小朋友们记住了吗？下面我们再来认识我们的第二个生字朋友。（1）出示字卡“月”。

谁会读？“yue”也是一个整体认读音节。请男生站起来读一遍。女生？（2）创设情境，认记“月”。

前不久我们刚刚过了中秋节，中秋节的晚上我们都要出来看月亮。今年我们班的哪些小朋友看了月亮？你看见的月亮是什么样子的？（出现圆月图）是不是我们每天晚上看到的月亮都是圆的呢？（出现弯月图）弯弯的月儿像什么？因为月亮总是弯的时候多，所以古人就根据弯弯的月亮的样子，创造了表示“月”的这个字。（出现相形字）看，这个字和弯弯的月儿哪儿像？慢慢地，这个字又变成我们今天所见到的“月”字了。（“月”字演变）

（3）扩散思维，多种方法认记“月”。你还有什么方法来记“月”吗？（4）扩展练习。

“日”、“月”不仅能代表太阳和月亮，还能表示日期，比如：十月一日（出示字词卡片）你知道十月一日是什么节日吗？（出示“六月一日”卡片）谁能读一读这张卡片？你知道六月一日是什么节日吗？你还知道哪些节日？它们在哪一天？

3．教学“火”。（1）读准字音。

哎呀，第三个生字朋友都有些着急了，小朋友，快来看看它是谁？（师举字“火”）原来是急性子的“火”。（板书：火）齐读三遍。

（2）指导看图。图上画的是什么？（3）图、古文字对照，认记“火”字。

（出示象形字）这就是最早的“火”字，看看它和火苗的形状像不像？（课件演示）慢慢地，这个字又变成今天所见到的“火”字了。

(4)扩词练习。

现在我们给“火”字找朋友。爸爸抽烟要用——，（打火机、火柴）；火发出的光叫——（火光）；那边着火了，要去——（救火）。火还可以组成？

(5)常识教育。

生活中用火的机会很多，但我们年龄还小，不能随便玩火，用火一定要注意安全。

语文备课大师 xiexingcun.com 今日用大师 明日做大师！语文备课大师 xiexingcun.com 目录式免费主题备课平台！

4.教学“木、禾、竹”。

(1)连线，让学生初步感知实物与字的联系。

汉字中像这样根据事物的样子造出来的字还有很多，只要我们联想实物的形状，就很容易记住这些生字。下面老师就请同学们来看看这三幅图，图上画的是什么？（出现“木、禾、竹”三幅图）

(2)连线，让学生初步感知实物与古文字的联系。

这些字就是古时候的人根据这三个事物的样子造出来的。你能把图和它所对应的古文字找出来吗？在下面先试一试，看看哪个字应该和哪幅图连？为什么？

(3)出示课件，学生连线。学生汇报。（你为什么这样连？）

竹：古时候的“竹”就像两支带有竹叶的竹枝。

木：古时候写的“木”，中间的竖像树的干，（师：那上面的和下面的两个笔画好比什么？）上面的一笔好比树的枝叶，下面的一笔好比树的根。

禾：古时候的“禾”很像禾苗的样子，弯下来的是禾苗结出的穗子，下面是它的叶子和根，中间是它的秆子。

(4)认记汉字“木、禾、竹”。

后来，这些字又变成什么样子了呢？小朋友，你们想不想知道？（板书：木禾竹）(5)认读生字“木、禾、竹”。

三、指导书写“木、禾”

1．谈话导入。小朋友刚才学习生字学得真不错。你们都动脑筋想了，动嘴巴说了，下面咱们该动手来写一写了，愿意吗？

2．指导写“木”。

（1）认识笔画“撇、捺”。“木”这个字里有两个新的笔画，（课件出示）这一笔叫做“撇”。写时注意从右上向左下写，起笔时重一些，收笔时快一点、轻一点。书空。这一笔叫“捺”，它正好和撇相反，从左上到右下，起笔时轻一点，收笔时重一些，然后提笔。

（2）教学“木”的笔顺。学过撇和捺，写“木”就容易了。仔细看大屏幕，看看“木”字的笔顺。指名学生回答。

渗透笔顺规则。当“撇”和“捺”在一起的时候，总是先写“瞥”，再写“捺”。

指导写“木”。刚才我们知道了“木”字的笔顺，但是想要把“木”字写漂亮，还要知道“木”字的每一笔在田字格中的位置。仔细看“木”这个字，在下面小声地说一说每一笔的位置。（学生讨论）

（3）教师范写，学生练写。

语文备课大师 xiexingcun.com 今日用大师 明日做大师！语文备课大师 xiexingcun.com 目录式免费主题备课平台！

（4）评价。引导学生从观察的几方面讲。3．指导写“禾”。

（1）点击出“禾”和“木”，比较，让学生自己说出“禾”的笔顺。“禾”和“木”在写的时候有什么不同？（“禾”比“木”多一撇）

（2）指导观察“禾”在田字格中的位置。（重点指导“丿”的位置）

（3）师范写。“禾”的第一笔“丿”要写得平而短，在竖中线上。下面就按照刚才学习写“木”的方法，再写个“木”就可以了。

（4）学生在书上写一个“禾”。（5）评价。

四、巩固练习

多种形式认读生字“日、月、火、木、禾、竹”。1．同座位的同学互相抽读。

2．谁愿意当小老师，领着同学读一读？ 3．只要你会读，你就站起来读，看谁的反应快。

五、扩展练习

在你认识的汉字中找一找：哪些字和它所表示的实物很相像。如：山、水、田、雨等。

六、小结

多么神奇的汉字呀！字的样子竟然和实物的形状是那么像，难怪连外国人都想学、想写咱们的汉字呢！课下请同学们在课外读物中再去找一找，了解汉字的神奇。