网页制作3.0新课改 - 课程学习大纲 - 01
一. 第一阶段学习目标 - 基础课程
<1> 完成简单网页的制作(企业站)
（熟练掌握HTML/css常用标签属性，制作符合W3C标准的页面）
二. 第二阶段学习课程目标 - 高级课程
<1> 网页制作PS切图 <2> html5+css3最新技术 <3> 常用js特效 <4> 项目实战
交流群141538853 验证遨游
css样式 - CSS 类选择器

在 CSS 中，类选择器以一个点号显示
.center {text-align: center} 类样式 .str{color:red;font-size:12px;}

h1 和 p 元素都有 center 类。这意味着两者都将遵守 ".center" 选择器中 的规则
交流群141538853 验证遨游
网页制作3.0新课改 - 课程学习大纲 - 03
四. 第三阶段学习目标 - 网页制作和网络营销的结合
竞价页的快速开发 单页面的快速开发 活动页面的快速开发 专题页面的快速开发
交流群141538853 验证遨游
项目实战: 积累项目实战经验（即学完以后可以做什么）
<1> 中小型企业网站页面制作 <2> 大型网站页面制作（本次实战开发：京东商 城首页） * 注：强化训练-老师带队-项目实战课程-11天魔鬼 训练
<1> 无序列表是一个项目的列表，此列项目使用 粗体圆点（典型的小黑圆圈）进行标记。 <2> 无序列表始于 <ul> 标签。 每个列表项始于 <li>
交流群141538853 验证遨游
css语法
一、CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明
选择器: 通常是您需要改变样式的 HTML 元素 h1 {color:red; font-size:14px;}
三. 移动端：手机版网页制作
交流群141538853 验证遨游
网页制作3.0新课改 - 课程学习大纲 - 02
三. 第三阶段学习目标 - SEO网页代码站内优化
<1> 专题活动、竞价页面的快速开发 <2> 专业代码优化技术，提升网页打开的速度 <3> 针对站长工具页面优化建议页面改善课程讲解 <4> 网站挂马问题 <5> 网站浏览器问兼容题解决 <6> div+css可以独立修改模板
交流群141538853 验证遨游
3.0vip 课程时间安排表
课程周期时间安排： 学时：2个月每周5节课；学制：一年6期，一年制； 班级时间： 项目实战班：周一至周五，每晚9点-10点正式课程；10点11点课后问题解答 基础班：每周一、三、五基础班； 课前预习 - 正式课程 - 课后作业 vip报名费用： 1280￥ 潭州学院技术总监Arry老师QQ： 910984013

交流群141538853 ห้องสมุดไป่ตู้证遨游
焦点图 - 功用实际作用

观赏性
内容推荐 用户引导
交流群141538853 验证遨游


焦点图 - 重点和技巧

频率控制
内容选择 <1> 用户需要的内容 <2> 网站当下想要传递的内容

尺寸大小
交流群141538853 验证遨游
怎么实现焦点图切换
两行代码实现：
<script src="js/jquery.js" type="text/javascript"></script> <script src="js/focus.js" type="text/javascript"></script>
交流群141538853 验证遨游
无序列表 - html基础标签
<h1 class="center">文章的标题</h1> <p class="center">这是段落的标签</p>
交流群141538853 验证遨游
css样式 - CSS注释语法
CSS注释的开始使用/*,结束使用*/ /* 注释内容 */

/* 文章标题注释 */ h1{color:red;font-size:12px;}
交流群141538853 验证遨游
交流群141538853 验证遨游
上线-直接运行
FTP 上传演示 演示 地址： ...


交流群141538853 验证遨游
开发工具
基础学习工具：Editplus3 正式开发工具：DreamWeaver
浏览器：Firefox 火狐浏览器，google浏览器，IETEST，Opera
交流群141538853 验证遨游
html零基础快速实现图片的左右切换效果
潭州学院-网页制作公开课
交流群141538853 验证遨游
焦点图轮播切换技术-应用
首页幻灯区域也被称之为“焦点图” - focus
能引起用户的留意，成为眼球的焦点 轻易将网站当下高质量的内容推送给目标用户，能在第 一时间内吸引用户的留意 用户第一眼的感官感慨感染，直接推送给他，对于我们 留住有效用户所施展的作用长短非常大的 案例：京东，淘宝，企业网站