静态网站建设初析.docVIP

静态网站建设初析 　　网站建设是初中信息技术教学的重点内容，也是当今社会各行各业走向网络化的一种主要的途径。从网站的设计构思、网站素材的制作与收集、网站制作中的关键步骤等几方面介绍静态网站的初步搭建。 　　在社会逐渐迈向现代化的同时，各行各业也纷纷为展现自我，而融入互联网大家庭之中。方式之一就是纷纷建立自己的网站，并在网站上充分地利用各种方式展现自我特色和优势，与其他同行、广大网友进行交流。在教育领域，各个学校也纷纷建立了自己的网站，通过网站收集教学资源，发布重要通知公告，展现学校的风采。在网站中，专门设立了教师博客和教师论坛，以彰显教师个性，剖析教育现象。各个班级也纷纷建立了自己的主页，专门介绍本班的风貌，展现学生的创作。因此说，网站的搭建和制作也成为人们交流的话题和信息技术教学重要的一部分内容。 　　笔者通过制作学科网站的经验，与大家交流一下网站制作过程中的重要环节及注意事项。笔者是一名新手，网站制作只是处于尝试阶段，本文中提到的观点可能不太客观，或许存在很大的漏洞，望各位网站制作高手加以点拨。 　　1 网站的设计与构思 　　网站的设计非常关键。在制作网站之前，设计者头脑中要有一个清晰的目标，就是你制作的网站是要向谁传递什么样的信息，最终目的是为了实现什么。将读者和目标确定好之后，就要想如何将自己的想法准确地传递出去，达到与读者的无障碍沟通。你的每一种想法都要有一种载体相承托，你想法的每一步就构成了不同的网页主题。这就是网站的流程图，流程图的每一步都要环环相扣、相互转化，每一步都要有明显的分工。构思好方案之后，就可以设计主页和分页了。主页非常关键，它就像一个人的整体形象，外貌不吸引人，就不会吸引多少观众。主页就像一个窗口，所有的信息都是通过它直接或者间接地展示给读者。其他的网页都是通过链接主页，从而实现分层次地展现内容。设计者首先要规划出一张设计草图，并清晰地标明主页的布局，如网站的logo、banner和导航条，网站的分栏目和主要表达的信息，网站的主体内容等。另外要预留出网站的注册和登录入口、网站的管理入口，这些都非常关键，因为只有通过这些入口才能达到对网站的有效管理，比如说网站各导航详细页面内容的添加、修改和删除。 　　笔者在设计初中信息技术网站的时候是这样设想的：要向学生全面展示信息技术学科的知识和技能，同时与学生的自学形成良好的互动状态。网站要适合不同学生的自主学习和独立创新，要对学生的每一份精彩成果予以展示，表现出色的学生要在醒目的地方给予表彰，让学生在体验收获中不断地演绎他们精彩的人生。这些对学生大张旗鼓地肯定与鼓励，可以让他们充分体验生命中的每一分辉煌，让他们对前途充满希望和幻想。因此，笔者专门设计了这样几个导航内容：基础知识（让学生对信息知识有一个整体的概念）、常用软件（初中生必须学会的几种应软件，如Word、Excel等）、教学视频（教师课堂教学演示，方便学生模仿学习，尤其适合上课领悟慢的学生的学习，通过反复观看教师演示以达到真正地掌握软件的使用技巧）、信息题库（检测学生对于基础知识和应用技能的掌握程度）、信息论坛（通过学生交流学习常用软件的体会，以达到精通掌握的目的，合作交流，共同进步）、榜上有名（贴出光荣榜，鼓励优秀学生，通过点击其姓名，进一步观看其作品，以达到吸取精华、互促互进的目的）。 　　2 网站素材的收集与制作 　　为了更好地制作出版面新颖、富有本校特色的网站，笔者用数码相机拍摄了大量的体现校园风光的图片，精选出几幅图片，使用Photoshop加以修饰与裁切，缩小成所需要的大小的图片，放在首页的底部予以动态地展示。网站logo使用了学校的校徽融入信息技术网站的特点设计而成。Banner使用数码相机连续拍摄了几张相片制成了一个全景图，中间突出学校的标志性建筑，体现了学校的人文理念和浓郁的文化氛围。各级栏目的标题图片用Flash制成，带有线性红白过渡的圆角矩形图案，以及灰白过渡的圆角矩形图案，用于分页显示页面标题栏的设置。网站的文本内容主要是自己编辑或者是课本上基础知识的概要，少数是网上下载的内容，要求就是篇幅简短、简明扼要。教学视频主要是自己使用多媒体网络教室中的教师教学软件录制而成，这样录出的视觉效果清晰，便于学生观看。录像尽可能分章分节，时间较短，步骤简单，便于学生模仿尝试。学生作品取自学生平时上交的作业，展示时尽可能点明班级和作品特点。 　　3 网站的搭建 　　网站建设初期可以使用静态页面，这样能够更加快捷地观看显示效果。笔者使用的是Dreamweaver cs3，这一款软件的特点就是可以随时切换设计视图和代码视图，编辑起来非常方便。这对于对代码还处于盲区的初学者来说非常有用，可以一边看设计一边学代码。读懂代码对于网页设计非常有利。如果一开始就直奔代码，很多人是会头痛