课题网站的设计规划

《课题网站的设计规划》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、课题：网页的设计——网站的设计细规划一、教材分析：本课是对浙江教育出版社的高一《信息技术基础》中第六章内容的拓展，是想让学生通过这课程的学习，进一步了解网站和网页的设计与制作整体风格和色彩搭配。为设计一个好的网站或网页打下坚实的基础，也对以后的学习做好了前提。而本节课主要内容是如何规划网站和网页，其遵循基本原则是什么，注意事项是什么。二、教育对象的分析：我校地处中小城市的城郊结合部，学生大都来至各县的农村，家庭并不富裕，很多学生家里没有电脑，对电脑的了解仅仅限于上网qq聊天、打游戏。有的甚至于连这些都不会，基础较差。根据实际情况，我尽量将功夫下到学生的实际操作上，

2、让他们自己学习先暴露问题之后，方才对症下药，提高教学效率。虽然通过高一几个月的学习有所进步，学会了收发邮件，掌握了一些word、excel、photoshop等软件知识，但是对于学生的学习要求尽量低一点，慢慢来，一定会有出人意外的收获。二、教学目标：（一）、学习目标:1、了解有关网页与网站的设计理念2、掌握网站设计基本原则3、懂得设计网站的意义（二）、过程与方法通过举例打比方（办黑板报）的方法，来使学生掌握有关网页与网站的设计理念，掌握网站设计基本原则，懂得设计网站的意义，以便下面的网页制作的学习。一、教学重点、难点：掌握网站的设计理念，网站设计基本原则二、教学课

3、时：1课时。三、教学过程：（一）、导入：如果这周轮到你们班办校黑板报后，你们将怎么办？学生1：上网查资料，参考其他班先确认黑板报的主题。学生2：根据主题，收集筛选资料。学生3：设计好板面。学生4：准备好后，让我们班写字好的同学、会画画的同学来完成。……对，同学们回答的非常好。但是如果把它电子化设计成网页，怎样来完成呢。带着这个问题，我们一起来学习今天的内容。或许这节课的学习会给你一个很好的答案。（二）什么是好的网页设计　　（1）内容和功能决定表现形式和界面设计　　常常拿到的任务是一张小纸条，上面两句话，叫你去做一个网站设计。有的人看看纸条就去设计页面了凭，凭两句话

4、，你就可以为他人做一个页面设计，那是不可能的。　　做网页设计，你需要了解他人的东西很多：　　1、建站目的　　2、栏目规划及每个栏目的表现形式及功能要求　　3、主色、客户性别喜好、联系方式、旧版网址、偏好网址　　4、根据行业和客户要求，那些要着重表现　　5、是否分期建设、考虑后期的兼容性　　6、客户是否有强烈的建站欲望　　7、你是否能在精神意识上控制住客户　　8、面对你未接触的技术知识，你有底吗？　　9.网站类型　　等等...　　当你把这些内容都了解清除了时候，你的大脑中就已经给这个网站有个全面而形象的定位了，这时才是有的放矢去做界面设计的时候了。　　（2）界面弱化

5、　　一个好的界面设计它的界面时弱化的，它突出的是功能，着重体现的是网站业提供给使用者是主要什么。这就涉及到浏览顺序、功能分区等等。　　要让访客在0.5内就能把握网站的行业性质，1秒内就知道该从哪个地方开始使用这个网站，能点一次的，绝不点第二次。当然上面说的是大多数功能性网站，对于宣战展示性网站，诸如加特效的或Flash网站，可能就不得不花哨一些，但不能太过分。网站不是动画片，在效率越来越高，社会心理越来越浮躁的中国，人们的耐心越来越小，心理承受能力越来越低。效果可以体现意境，点到为止。　　（3）模块化和可修改性强　　模块化不仅可以提高重用性，也能统一网站风格，还可

6、以降低程序开发的强度。这里就设计一些尺寸、模数、宽容度、命名规范等等知识了，不再冗述。　　无论是架构还是模块或图片，都要考虑可修改性强。举个简单的例子，logo、按钮等，很多人喜欢制作图片，N个按钮就是N张图片。如果只做3-5类按钮的背景图片，然后用在网页代码里打上文字，那么修改起来就简单了，让程序员自己改字就可以了。然而网页显示的字体是带有锯齿的，一般即能清晰又保证美观的字体字号有几类：　　宋体12px

7、宋体12px粗体

8、宋体14px

9、宋体14px粗体

10、黑体20px

11、verdana9px

12、ArialBlack12px+

13、　　（4）创意是可耻的，分析能力远比创意来

14、的重要　　设计界动辄就大谈什么“创意”，我要说的是，还没有搞清目的意义内容，还没在技术制作上臻于完善的基础上班，用创艺和特效来迷惑客户和访客是可耻的。一个网也设计者的分析能力远比创艺来的重要。　　（三）、网页设计理念　　（1）内容决定形式　　先把内容充实上，再分区块，再定色调，再处理细节。　　（2）先整体，后局部，最后回归到整体。　　全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的几个局部细节。　　（3）功能决定设计方向　　看网站的用途，决定设计思路。商业性的就要突出赢利目的；政府型的就要突出形象和权威性的文章；教育性的，就要突出师资和

15、课程。（四