交互网设计培训课程.pptVIP

综合案例 第六十一页，共一百零三页。 让我们来试试看 第六十二页，共一百零三页。 960GRID SYSTEM 第六十三页，共一百零三页。 960Grid从入门 到精通 uidid-2878529.html 第六十四页，共一百零三页。 网易前端CSS框架—NEC 第六十五页，共一百零三页。 1.4 JavaScript behavior 第六十六页，共一百零三页。 JavaScript能干什么 第六十七页，共一百零三页。 当初怎么会有JavaScript 第六十八页，共一百零三页。 最简单的JavaScript 第六十九页，共一百零三页。 JavaScript的第二春 第七十页，共一百零三页。 JavaScript框架 第七十一页，共一百零三页。 HBuilder 第七十二页，共一百零三页。 jQuery基本语法 页面打开 鼠标移入 鼠标移出 第七十三页，共一百零三页。 流程2—项目细化及实施 页面美工设计 静态页面制作 程序开发 第二十九页，共一百零三页。 静态页面制作 第三十页，共一百零三页。 第三十一页，共一百零三页。 第三十二页，共一百零三页。 HTML语义化 让HTML告诉浏览器：“这行是一个标题，这几行组成了一个段落。这些文字是项目列表，这些文字是链接到互联网上另一个文件的超链接。” 不应该让HTML来告诉浏览器：“这些文字是蓝色的，这些文字又是红色的。这部分内容是最最靠右的一栏，这行内容是斜体字。” 第三十三页，共一百零三页。 HTML语义化的好处 去掉或样式丢失的时候能让页面呈现清晰的结构 对搜索引擎友好 便于团队开发和维护 第三十四页，共一百零三页。 HTML标签权重 第三十五页，共一百零三页。 偷师学艺 第三十六页，共一百零三页。 让我们来试试看 第三十七页，共一百零三页。 1.2 CSS 层叠样式表 第三十八页，共一百零三页。 Hello, CSS 第三十九页，共一百零三页。 常用样式属性 Border Width Height Background Color 第四十页，共一百零三页。 CSS文本属性 第四十一页，共一百零三页。 文本CSS中的注意点 文本垂直居中 首行缩进 隐藏单行文字 第四十二页，共一百零三页。 让我们来试试看 第四十三页，共一百零三页。 网页的三个层次 第四十四页，共一百零三页。 结构、表现、行为分离原则 增加网页的灵活性 减少工作量 第四十五页，共一百零三页。 CSS的使用方法 Inline Style（内联样式） Embedded Style（内嵌样式） Link Style（ 外部样式） 第四十六页，共一百零三页。 Embedded Style 第四十七页，共一百零三页。 Link Style 第四十八页，共一百零三页。 选择器 ID选择器 类选择器 包含选择器 分组选择器 第四十九页，共一百零三页。 继承 子元素自动被赋予父元素的样式 第五十页，共一百零三页。 层叠 优先级高的CSS规则覆盖优先级低的规则 第五十一页，共一百零三页。 CSS盒模型 第五十二页，共一百零三页。 浮动 第五十三页，共一百零三页。 让我们来试试看 第五十四页，共一百零三页。 清理浮动 第五十五页，共一百零三页。 1.3 Layout 网页布局 第五十六页，共一百零三页。 网页布局的发展 第五十七页，共一百零三页。 2002年Yahoo首页 第五十八页，共一百零三页。 使用DIV+CSS布局 第五十九页，共一百零三页。 让我们来试试看 第六十页，共一百零三页。 NACG 全国信息化工程师 数字艺术专业人才认证 NACG 全国信息化工程师 数字艺术专业人才认证 交互网页大师班课程 2014.7.21 第一页，共一百零三页。 课程主要内容 Web前端技术介绍 自适应网页设计 开源技术介绍 案例实践 第二页，共一百零三页。 前言 与网络有关的那些事 第三页，共一百零三页。 无处不在的网络 这两天上海什么天气? 从这里到外滩怎么走? 星期五下午回家买哪个车次的票? 第四页，共一百零三页。 不是从石头缝里蹦出来的猴子 美国国防部先进研究项目局 第五页，共一百零三页。 域名 .com/.net/.org .cn 360万美元 第六页，共一百零三页。 IP地址 电话号码 约43亿 34后面加36个零 第七页，共一百零三页。 第一部分 Web前端技术 Web Front-end 第八页，共一百零三页。 Web项目组成员 项目经理 UI设计师 Web前端开发工程师 Web后台开发工程师 数据库开发工程师 第九页，共一百零三页。 招聘 第十页，共一百零三页。 Web前端开发所需掌握的技术 第十一页，共一百零三页。 1.