项目一-网页设计概述PPT课件.ppt

网页设计与制作项目化教程 主编凌云魏慧 1 项目一网页设计概述 2 项目一网页设计概述 知识目标 1 了解网站的基本概念 2 了解网页设计的基本流程 3 了解网页布局的基本知识 掌握常见的网页布局类型 3 项目一网页设计概述 技能目标 1 能描述网页设计的工作流程 2 能区分不同的网页布局方案 4 1 1网页设计工作流程 1 1 1网站的需求分析1 确定主题 1 主题要小而精 2 主题不要太滥 3 对于个人网站来说题材最好是自己擅长或者喜爱的内容 2 确定浏览对象 5 1 1 2规划站点结构 1 网站规划的基本原则 1 明确建设网站的目的 2 进行可行性分析 3 网站的内容设计 4 网站的表现形式设计 6 1 1 2规划站点结构 2 确定网站的目录结构 1 不要将所有文件都存放在根目录下 2 按栏目内容建立子目录 3 在每个主目录下都建立独立的images目录 4 目录的层次不要太深 7 1 1 3收集素材 主要有以下4个途径 1 客户提供的资料 2 书籍 报刊杂志等纸质媒介 3 网络 4 自己动手设计制作 8 1 1 4设计制作网站网页 设计网页就是对页面进行布局的设计 色彩的搭配 协调文字 图片 音乐 动画 视频等页面内容 制作网页比较简单 利用Dreamweaver 在网页上插入文本段落 图像 Flash动画 表 动态HTML效果 声音以及超级链接 这些都可以在很短的时间内完成 当然在制作过程中需要利用Photoshop等工具对一些素材进行必要的处理 9 1 1 5开发动态网站功能模块 1 搜索功能2 留言板3 新闻信息发布系统4 在线购物 10 1 1 6申请域名和服务器空间 1 申请空间时注意的问题 1 对网站有全面的认识 2 通过观察服务商现有客户的网站 比较不同服务商的服务质量 3 在签定协议时 注意一些细节问题 4 如果企业较大 可以申请专线 11 1 1 6申请域名和服务器空间 2 中小型企业的觖决之道 1 虚拟主机 2 主机托管 12 1 1 7设计制作网站网页 成功申请网站的域名和空间后就能够上传网站了 可以采用Dreamweaver自带的站点管理上传文件 也可以采用专门的FTP软件上传 注意在申请空间时一定要记下你所申请空间的FTP主机地址 你的用户名 密码等信息 这些都是上传时必须要设置的内容 一个好的网站 不是一次性制作完美就可以了 由于周围环境的不断变化 网站的内容也需要随之调整 给人以常新的感觉 这就要求我们对网站进行长期的不间断的维护和更新 13 1 1 8推广网站 主要采用以下4种方法 1 在著名的搜索引擎 如谷歌 百度 网易 新浪等 中登记注册自己的网站 2 与同类或者相关类型网站联手合作 交换网站的友情链接 3 通过其他宣传媒体或方式推广网站 如散发广告单 做报刊或电视广告等 4 通过在合作网站或专门网站上进行广告交换的方式进行网站宣传 14 1 2网页的基本构成元素 1 页面标题2 网站标志3 页面尺寸4 导航栏5 页眉和页脚 15 1 3网页的布局 1 国 字型布局 16 1 3网页的布局 2 厂 字型布局