网站建设地整体流程.docVIP

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