潭州学院网页制作公开课：html零基础快速实现图片的左右切换效果.pptVIP

交流群141538853 验证遨游 html零基础快速实现图片的左右切换效果 潭州学院-网页制作公开课 焦点图轮播切换技术-应用 焦点图 - 功用实际作用 焦点图 - 重点和技巧 频率控制 内容选择 1 用户需要的内容 2 网站当下想要传递的内容 尺寸大小 怎么实现焦点图切换 两行代码实现： script src=js/jquery.js type=text/javascript/script script src=js/focus.js type=text/javascript/script 无序列表 - html基础标签 1 无序列表是一个项目的列表，此列项目使用 粗体圆点（典型的小黑圆圈）进行标记。 2 无序列表始于 ul 标签。 每个列表项始于 li css语法 一、CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明 选择器: 通常是您需要改变样式的 HTML 元素 h1 {color:red; font-size:14px;} css样式 - CSS 类选择器 在 CSS 中，类选择器以一个点号显示 .center {text-align: center} 类样式 .str{color:red;font-size:12px;} h1 和 p 元素都有 center 类。这意味着两者都将遵守 .center 选择器中的规则 h1 class=center文章的标题/h1 p class=center这是段落的标签/p css样式 - CSS注释语法 上线-直接运行 FTP 上传演示 演示 地址： ... 开发工具 基础学习工具：Editplus3 正式开发工具：DreamWeaver 浏览器：Firefox 火狐浏览器，google浏览器，IETEST，Opera 网页制作3.0新课改 - 课程学习大纲 - 01 网页制作3.0新课改 - 课程学习大纲 - 02 三. 第三阶段学习目标 - SEO网页代码站内优化 1 专题活动、竞价页面的快速开发 2 专业代码优化技术，提升网页打开的速度 3 针对站长工具页面优化建议页面改善课程讲解 4 网站挂马问题 5 网站浏览器问兼容题解决 6 div+css可以独立修改模板 网页制作3.0新课改 - 课程学习大纲 - 03 四. 第三阶段学习目标 - 网页制作和网络营销的结合 竞价页的快速开发 单页面的快速开发 活动页面的快速开发 专题页面的快速开发 项目实战: 积累项目实战经验（即学完以后可以做什么） 1 中小型企业网站页面制作 2 大型网站页面制作（本次实战开发：京东商城首页） * 注：强化训练-老师带队-项目实战课程-11天魔鬼训练 3.0vip 课程时间安排表 课程周期时间安排： 学时：2个月每周5节课；学制：一年6期，一年制； 班级时间： 项目实战班：周一至周五，每晚9点-10点正式课程；10点- 11点课后问题解答 基础班：每周一、三、五基础班； 课前预习 - 正式课程 - 课后作业 vip报名费用： 1280￥ 潭州学院技术总监Arry老师QQ： 910984013 * * 首页幻灯区域也被称之为“焦点图” - focus 能引起用户的留意，成为眼球的焦点 轻易将网站当下高质量的内容推送给目标用户，能在第一时间内吸引用户的留意 用户第一眼的感官感慨感染，直接推送给他，对于我们留住有效用户所施展的作用长短非常大的 案例：京东，淘宝，企业网站 观赏性 内容推荐 用户引导 CSS注释的开始使用/*,结束使用*/ /* 注释内容 */ /* 文章标题注释 */ h1{color:red;font-size:12px;} 一. 第一阶段学习目标 - 基础课程 1 完成简单网页的制作(企业站) （熟练掌握HTML/css常用标签属性，制作符合W3C标准的页面） 二. 第二阶段学习课程目标 - 高级课程 1 网页制作PS切图 2 html5+css3最新技术 3 常用js特效 4 项目实战 三. 移动端：手机版网页制作 * * *