网页设计与制作项目式教程 教学课件 作者 凌云项目一项目一 网页设计概述.ppt

《网页设计与制作项目式教程 教学课件 作者 凌云项目一项目一 网页设计概述.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计与制作项目化教程主编凌云魏慧项目一网页设计概述项目一网页设计概述【知识目标】1．了解网站的基本概念。2．了解网页设计的基本流程。3．了解网页布局的基本知识，掌握常见的网页布局类型。项目一网页设计概述【技能目标】1．能描述网页设计的工作流程。2．能区分不同的网页布局方案。1.1网页设计工作流程1.1.1网站的需求分析1.确定主题（1）主题要小而精；（2）主题不要太滥；（3）对于个人网站来说题材最好是自己擅长或者喜爱的内容。2.确定浏览对象1.1.2规划站点结构1.网站规划的基本原则（1）明确建设网站的目的；（2）

2、进行可行性分析；（3）网站的内容设计；（4）网站的表现形式设计。1.1.2规划站点结构2.确定网站的目录结构（1）不要将所有文件都存放在根目录下；（2）按栏目内容建立子目录；（3）在每个主目录下都建立独立的images目录；（4）目录的层次不要太深。1.1.3收集素材主要有以下4个途径：（1）客户提供的资料；（2）书籍、报刊杂志等纸质媒介；（3）网络；（4）自己动手设计制作。1.1.4设计制作网站网页设计网页就是对页面进行布局的设计、色彩的搭配，协调文字、图片、音乐、动画、视频等页面内容。制作网页比较简单，利用Drea

3、mweaver，在网页上插入文本段落、图像、Flash动画、表、动态HTML效果、声音以及超级链接，这些都可以在很短的时间内完成，当然在制作过程中需要利用Photoshop等工具对一些素材进行必要的处理。1.1.5开发动态网站功能模块1.搜索功能2.留言板3.新闻信息发布系统4.在线购物1.1.6申请域名和服务器空间1.申请空间时注意的问题（1）对网站有全面的认识；（2）通过观察服务商现有客户的网站，比较不同服务商的服务质量；（3）在签定协议时，注意一些细节问题；（4）如果企业较大，可以申请专线。1.1.6申请域名和服

4、务器空间2.中小型企业的觖决之道（1）虚拟主机（2）主机托管1.1.7设计制作网站网页成功申请网站的域名和空间后就能够上传网站了，可以采用Dreamweaver自带的站点管理上传文件，也可以采用专门的FTP软件上传。注意在申请空间时一定要记下你所申请空间的FTP主机地址、你的用户名、密码等信息，这些都是上传时必须要设置的内容。一个好的网站，不是一次性制作完美就可以了，由于周围环境的不断变化，网站的内容也需要随之调整，给人以常新的感觉，这就要求我们对网站进行长期的不间断的维护和更新。1.1.8推广网站主要采用以下4种方法

5、：（1）在著名的搜索引擎(如谷歌、百度、网易、新浪等)中登记注册自己的网站；（2）与同类或者相关类型网站联手合作，交换网站的友情链接；（3）通过其他宣传媒体或方式推广网站，如散发广告单，做报刊或电视广告等；（4）通过在合作网站或专门网站上进行广告交换的方式进行网站宣传。1.2网页的基本构成元素1.页面标题2.网站标志3.页面尺寸4.导航栏5.页眉和页脚1.3网页的布局1.“国”字型布局1.3网页的布局2.“厂”字型布局1.3网页的布局3.“框架”型布局1.3网页的布局4.“封面”型布局1.3网页的布局5.Flash型布

6、局