第讲网站建设整体流程.docVIP

苏州工业职业技术学院 Suzhou Institute Of Industrial Technology 第 1 页 课　　题 子项目一 第1讲 网站建设的整体流程 课　　型 新授 授课班级 授课时数 2 教学目标 1．对网页制作工具有一个基本的认识，知道它的功能、用处和使用的广度等。 2．了解网站的开发步骤，为接下来的学习打基础。 教学重点 按照工作的规格对学生提出学习本课程的具体要求。 网站的开发步骤，以及一些规格数据。 教学难点 使学生能够明确自己学习本课程的最终目标，并从整体上了解网站开发流程，为后面的学习打基础。 学情分析 教学效果 教 后 记 第1讲 网站建设的整体流程 引入： 随着网络的发展因特网已成为了人们生活的一部分，这都是网页的功劳。通过网页浏览者可以得到各种信息，可以交换思想可以通过网络进行购物。目前的网页种类繁多，归纳来可以分成这么几种：单纯根据兴趣而制作的个人网页、由具有共同爱好的人所组成的团体、以宣传企业为目的的企业用网页、成为因特网商店的大型购物中心以及门户网站等。而那些视觉效果比较好的网站往往会收到我们的青睐。那么这些网页是如何制作出来的呢？ 在目前市面上众多的网页编辑软件中，有的重视效率，有的强调版面设计，而Dreamweaver可以很方便地实现这两方面的完美结合。另外，Dreamweaver 的网页动态效果与网页排版功能都优于一般同类软件，即使是初学者也能制作出相当水准的网页，所以Dreamweaver是网页设计者的最佳选择，已成为目前最为流行的网页设计工具。 [网页设计好学吗？??? 网页设计好学。只要学会操作网页三剑客，人人都可以制作出网页来。 ???网页设计不好学。（列出两个差异巨大的网页） 同样是设计公司，但在网上展示出的效果却如此的不同。假设大家是客户，在经费许可的情况下，你会优先选择哪一家来做设计呢？当然是第一家了。这就是网页设计最能体现出效益的地方。但是，同样是做网页的，为什么差距如此之大呢？网页设计是平面设计、动画设计、音效设计、配色等各个方面结合的产物。因此，学会网页设计虽然不难，但是要做好网页，却需要不断地学习和积累，在不断的探索和实践中进步。?在互联网上应用最广的功能应该是网页浏览。浏览器窗口中显示的一个页面被称为一个网页，网页实际上就是一个文件，这个文件存放在世界上某个地方的某一台计算机中，而且这台计算机必须要与互联网相连接。当我们在浏览器的地址栏中输入网页的地址后，经过一段复杂而又快速的程序解析后，网页文件就会被传送到我们的计算机中，然后再通过浏览器解释网页的内容，最后展现在我们的眼前。文字和图片是构成网页的两个最基本的元素。除此之外，网页中还包括动画，表单，视频和音频等内容。 那网站呢？网站是众多网页的集合。 不同的网页通过有组织的链接整合到一起，为浏览者提供更丰富的信息。网站同时也是信息服务类企业的代名词。如果某人在网易或者在搜狐工作，那他可能会告诉你，他在一家网站工作。 网页和网站的关系：假如网站是一本书的话，网页就是这本书中的一页。 [网站的开发不仅仅只是把网页制作出来那么简单] 二、网站的开发步骤 网站的前期策划 确定网站的用户群和定位网站的主题（确定网站的名称） 整理客户提交的资料（文字、图片） 网站结构图（网站导航设计） 网站形象设计 网站的标志（Logo） 网站的色彩搭配 网站的标准字体 网站的宣传标语 网页布局图（版式风格） 首页页面设计 其他二级页面效果设计 在PhotoShop中裁切设计稿 站点的规划与建立 在网页编辑软件中制作网页 测试与发布上传 后期更新与维护 具体分析——“网上书店”： 确定网站的名称 网站的名称很重要，它决定着你的网站是否更容易被人接受。 【举例】：“网上书店”这个网站，名字读起来琅琅上口、能反映出网站的题材、且易记。 讨论主题：你能列举出一些你所喜欢的网站名字并说明你喜欢它们的理由吗？ 网站命名的原则： （1）要有很强的概括性，从网站的名称就能反映出网站的题材。 （2）要合理、合法、易记，最好读起来琅琅上口。 （3）名称不宜过长，要方便其它网站链接。 （4）有个性，体现出一定的内涵，能给浏览者以更多的想像力和冲击力。 2．整理客户提交的资料 在做网页之前，我们要尽可能多地收集与网站主题相关的素材（文字、图像、多媒体等素材），再去芜存菁，取其精华为我所用。 【举例】： 3．网站结构图 4．网站的标志 网站的标志是站点特色和内涵的集中体现。一个好的Logo设计应该是网站文化的浓缩，应该能让人一见到它就能联想到它的网站。 【举例】： 其它网站的标志赏析： 5．网站的标准色彩 网站给人的第一印象就来自于视觉的冲击，因此，确定网站的色彩是相当重要的一步。不