第1讲_网页设计基础知识.ppt

网页设计与开发过程 Copyright ?2010-2012 Hdwnt Inc. All Rights Reserved. 基本任务与角色 基本任务与角色 明确网站定位 收集信息和素材 策划栏目内容 设计页面方案 制作页面 实现后台功能 整合与测试网站 网页设计与开发过程 Copyright ?2010-2012 Hdwnt Inc. All Rights Reserved. 基本任务与角色 策划与定义 设计 开发 测试 发布 客户 设计师 设计师 设计师 程序发开员 客户 设计师 程序开发员 设计师 程序开发员 网站建设与网页设计流程中的人员角色 网页设计与开发过程 Copyright ?2010-2012 Hdwnt Inc. All Rights Reserved. 网站开发的工作流程 Web标准：结构、表现、行为 Copyright ?2010-2012 Hdwnt Inc. All Rights Reserved. 收集信息和素材 策划栏目内容 设计页面方案 制作页面 实现后台功能 整合与测试网站 Web标准：结构、表现、行为 Copyright ?2010-2012 Hdwnt Inc. All Rights Reserved. 目标明确、定位正确 主题鲜明、富有特色 版式编排布局合理 色彩和谐重点突出 形式内容和谐统一 三维空间置位有方 恰当的利用多媒体 相关站点引导链接 网站测试必不可少 及时更新认真回复 合理地运用新技术 尽量的推广站点 与设计相关的技术因素 Copyright ?2010-2012 Hdwnt Inc. All Rights Reserved. 屏幕显示分辨率 浏览器类型 编辑工具选择 Copyright ?2010-2012 Hdwnt Inc. All Rights Reserved. 本章小结 Copyright ?2010-2012 Hdwnt Inc. All Rights Reserved. 网页设计和开发是一个综合性相当强的工作。 需要不断积累设计经验和开发经验，才能胜任网页设计的工作 你想把什么放在网上？ 任何信息:工作、学习、个人信息 唯一能够阻止你在网络上发布的是你的想象力. 类似主题的网站能够启发你的思路 设置你的目标 你希望用户在你的网站上完成什么事情? 信息、娱乐 (聊天,音乐,视频等),购物、股票等 兴趣爱好，出版物，公司信息，在线文档，购物分类，在线商场，调查，在线学习等 其他 本章小结 Copyright ?2010-2012 Hdwnt Inc. All Rights Reserved. 对选定的内容进行分类 有了目标后，试着将内容组织成主题、段落 只要列出一些重要的点 你的目标是将一系列这些点组织起来，每一个点都包含一类信息 找一个你真正感兴趣的主题作一个调研 写一个word文档（从现在开始你将根据此题目完成一个网站） 网站的目标 内容和组织 千里之行 始于足下 更多详细信息请登录 * * 在逻辑上可视为一个整体的一系列页面的有机集合称为网站（Web Site或Site）。 作为一个组织或个人在 WWW（或其他Web）上开始点的页面称为主页（Homepage） 微软公司的Visual InterDev（以前所谓的“Internet Studio”）是可视工具家族中的必威体育精装版成员 Copyright ?2010-2012 Hdwnt Inc. All Rights Reserved. 了了了了了了来了来了 《HTML+CSS》课程内容 Copyright ?2010-2012 Hdwnt Inc. All Rights Reserved. 《HTML+CSS》课程内容 第一章 网页设计基础知识 第二章 HTML网页文档结构 第三章 用HTML设置文本和图像 第四章 用HTML建立超链接 第五章 用HTML创建表格 第六章 (xHTML) 与CSS概述 第七章 CSS核心基础 第八章 手工编写与借助工具 第九章 CSS的高级特性 第十章 用CSS设置文本样式 Copyright ?2010-2012 Hdwnt Inc. All Rights Reserved. 《HTML+CSS》课程内容 第十一章 用CSS设置图像效果 第十二章 用CSS设置背景与图像 第十三章 CSS盒子模型 第十四章 盒子的浮动与定位 第十五章 用CSS设置表格样式 第十六章 用CSS设置链接与导航菜单 第十七章 用CSS建立表单 第十八章 网页演示综合案例—灵活的电子相册 第十九章 固定宽度布局剖析与制作 第二十章 变宽度网页布局剖析与制作