项目一 网页设计概述

《项目一 网页设计概述》由会员分享，可在线阅读，更多相关《项目一 网页设计概述（20页珍藏版）》请在金锄头文库上搜索。

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

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

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

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