网页制作流程.ppt

网页制作流程 一、整体规划 内容主题 风格色调 编码技术 二、资料搜集 三、界面设计(UI) 四、代码编写 五、发布站点 六、站点推广 网页制作流程 1.1内容主题 雾霾与环保相关 食品安全相关 与本专业相关 开题后主题 未经审批，不可更改 网页制作流程 1.1内容主题 确定主题方案，并确立网站模块和结构 一般网站为树形结构 网站结构图 首页 花卉常识 鲜花花语 花卉杂谈 花卉鉴赏 在线交流 各国国花 养植常识 送礼常识 春 夏 秋 冬 1.2 确定网站设计风格与色调 1.2.1 网页风格应与主题相符 政府 教育 新闻 商业 购物 游戏 …… 体现网站主办者特色 适应网站受众（浏览者）风格 网页制作流程 1.2 确定网站设计风格与色调 1.2.2 网页配色方案 /news/view-8-137.html 网页制作流程 网页制作流程 1.2.2 风格色调 网页配色影响浏览者心理 网站风格色调要保持一致 色彩对比要合理，以照顾到所有浏览者都能清楚文字为主 主次分明，背景布局不能重于内容布局。 背景和前文对比要足够大(不使用花巧的背景图作为文字背景) 避免采用纯度过高，色彩过浓的单一色彩作为背景 网页制作流程 2.1、资料搜集 搜集与网站内容相关的素材 收集页面设计所需素材 网页制作流程 3、界面设计 像素 分辨率 百分比 网页制作流程 3、界面设计 Photoshop设计界面 线条要精细 过渡要自然 避免网页主体上存在太大的视觉空白区域 文字大小要恰当，区分布局性文字与内容性文字（内容性文字不要超过14px) 在兼顾美观的基础上，列表尽量规律设计 避免采用纯度过高，色彩过浓的单一色彩作为背景 网站风格比较 / / / 常见网站布局 Banner Menu（导航菜单） 内容面板 内容面板 Footer(页脚) logo 内容面板 内容面板 内容面板 内容面板 Menu（导航菜单） Flash动画切换 养植知识 友情链接 banner 必威体育精装版资讯 花卉欣赏 鲜花杂谈 页脚信息（联系方式 版权信息等） 花花世界