文档介绍：201 ~ 201
学年
学期
教
学
系
部
教
研
室
课
程
名
称 网页设计与制作
授
课
班
级
授
课
教
师
钟
60分钟
方向，做深、做透，办出自己的特色，这样才能给用户留下深 刻的印象，才能有存在的价值。
搜集材料
明确网站的主题以后，就要围绕主题搜集相关材料了，形 式包括图片、文字、声音、影像等。材料既可以从图书、报纸、 光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的 材料去粗取精，去伪存真，作为自己制作网页的素材。
规划网站
一个网站设计得成功与否，很大程度上决定于设计者的规 划水平，规划网站就像设计师设计大楼一样，图纸设计好了， 才能建成一座漂亮的楼房。网站规划的内容主要包含以下6 个方面：
网站的结构
栏目的设置
网站的风格
颜色搭配
版面布局
文字图片的运用
制作网页
依照前面规划，本步骤将一步步地把想法变成现实，这是 一个复杂而细致的过程，需要按照先大后小、先简单后复杂来 进行网页的制作。
所谓先大后小，就是说在制作网页时，先把大的结构设计 好，然后再逐步完善小的结构设计。先简单后复杂，就是先设 计出简单的内容，然后再设计复杂的内容，以便出现问题时好 修改。在制作网页时要多灵活运用模板技术，可以大大提高制 作效率。
在Dreamweaver中，制作网页的第一步是先创建一个站 点，然后再在站点内添加各网页及其他相关素材。
上传测试
在本机将网页制作完毕后，最后还要上传到互联网的网页 空间上，才能够让全世界的人上网观看，
网页空间是建立在Web服务器上的一块存储区域，而 Web服务器是每天都24小时接入互联网的高性能的计算机， 有固定的IP地址，稳定的性能，并有专人维护其正常运转。 网页空间从性能上，由高到低排列有“主机托管”、“VPS (虚 拟专用服务器)”、“虚拟主机”三种方式可选，一般初学者选 择比较便宜的“虚拟主机”即可，价格在每年千元以内。
若仅作为学****使用，可共同使用由本书免费提供的若干个 网页空间。；
注：前例中设置用于上传的服务器即是一个网页空间，事 先已开通准备好了。
网页空间申请好了，就可以上传网页文件了，上传文件需 使用支持FTP协议的工具软件，作为本书使用的Dreamweaver
软件，本身也集成了 FTP功能，前面的“任务引领”中使用的 即是。除此之外，还有一些专门的FTP工具，如 FileZilla,FlashFXP 等，功能更强大。
网站上传以后，即可以使用浏览器输入申请网页空间时获 得的域名来浏览自己的网站了。
申请网页空间时获得的域名一般是免费的三级域名，是隶 属于申请公司域名下一级的子域名。正式的网站往往都专门申 请一个标准 的一级域名，如 > > ,绑定到网页空间上，浏览都访问起来，显得更正 规，使用也更方便。一级域名一般每年百元以内。
推广宣传
网页做好之后，还要不断地进行宣传，这样才能让更多的 人认识它，提高自己网站的访问率和知名度。推广的方法有很 多，例如到搜索引擎上注册，与别的网站交换链接，到各大博 客或论坛发广告链接等。
如果访问量比较大，如每日有几千人以上访问，就可以考 虑在网站上挂一些广告进行赢利了。
维护更新
网站要注意经常维护更新内容，保持内容的新鲜，只有不断地 给它补充新的内容，才能够吸引住浏览者。同时，要对发现的 错误问题及时进行修正。
巩固练****br/>自由制作一个网页并发布
归纳小结：
理解制作与发布网页的流程
使用Dreamweaver制作网页基本方法
20分钟
10分钟
使用的
参考资料
《HTML+CSS+JavaScript网页设计从入门到精通》，胡晓霞，清华大学出版 社，
《Dreamweaver CS6+ASP动态网站开发完全学****手册》，刘贵国，清华大学 出版社，
因特网WEB开发者资源，包括较全面的 教程、完善的参考手册以及庞大的代码库
http:/，提供教学文件及素材下载、案 例演示，同时为师生提供免费网页空间
作业
课后小结
教研室 主任意见
签字：
年 月 日
在授课结束后将教案交到教研室存档
任课教师签字:
XXX X职业技术学院
第1周 第2次课
授课时间
授课题目
了解开发工具，制作基本网页（旅）
授课方式