妙味茶馆

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 10067|回复: 5

妙味年底HTML&CSS零基础班开始招生!

  [复制链接]
motao 发表于 2014-10-15 22:08:18 | 显示全部楼层 |阅读模式
妙味2014年底HTML&CSS零基础班 - 正式接受报名

最系统的知识点,
最科学的课程编排,
最富人性的授课模式
妙味课堂最新版HTML&CSS零基础课程,开始接受报名了!


妙味最新2014年HTML&CSS课程大纲 - 基础部分


第一章:前端开发概况、代码入门 前端开发的三驾“马车”
    HTML5(Hypertext Markup Language)
    CSS3 (Cascading Style Sheets)
    JS(Javascript)
常用工具
    Photoshop
    编辑器(DW/HBuilder...)
    浏览器(chrome/firefox/IE....)
        浏览器相关的开发者工具
页面基本结构
    文档声明
    编码声明
添加样式的方式
    行间样式 style=””;
    内部样式表 <style></style>
         Id  id="name"
    外部样式表 <link href="" rel="stylesheet" />
    @import url();
页面基本样式
    width/height (px||%)
    Border 边框相关设置
    Background 背景相关设置
    Font 文字相关设置
    文本相关设置
    盒模型相关设置

第二章:常用标签 常用标签
    <header></header>
    —— 主要用于页面的头部的信息介绍,也可用于板块头部
    <article></ article >
    —— 用来在页面中表示一套结构完整且独立的内容部分
    —— 可以用来呈现论坛的一个帖子,杂志或报纸中的一篇文章,一篇博客,用户提交的评论内容,可互动的页面模块挂件等。
    <aside></ aside>
    —— 包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组,以及其他类似的有别与主要内容的部分
    <section></section>
    —— 用于划分页面上的不同区域,或者划分文章里不同的节
    <footer></footer>
    —— 页面的底部 或者 版块底部
    <nav></nav>
    —— 导航 (包含链接的的一个列表)
    <div></div>
    —— 无意义块
    h1-h6
    —— 标题
    <p></p>
    —— 段落
    <ul></ul>
    —— 无序列表
    <ol></ol>
    —— 有序列表
    <li></li>
    —— ol或者ul的列表项
    <img src="" /> 图片
         src
         —— 相对路径
         —— 绝对路径
    <figure>< /figure >
    —— 用于媒体元素进行组合
    <figcaption> <figcaption>
    —— 用于对figure的内容 进行说明
    <dl></dl>
    —— 定义列表,dl下边只能包含dt和dd
    <dt></dt>
    —— 列表中的项目,dt是dl的子元素
    <dd></dd>
    —— 描述列表中的项目,dd是dl的子元素
    <a href=""></a>
          href
          —— 页面跳转
          —— 锚点
          —— 下载
          —— Target 链接打开方式
     <span></span>
     —— 区分样式
     <base />
     —— 为页面上的所有链接规定默认地址或默认目标
     <strong></strong> 强调
     <em></em> 强调
     <time></time> 时间
     <mark></mark> 标记
     <progress></progress>进度条
           max
           value
标签样式初始化订制方案
SEO相关:标签权重、关键词密度,SEM
第三章:常用选择器和标签类型划分基本选择器   
    ID、类型、通配、群组、包含、子级…   
选择器优先级   
    行间>Id>class>类型>*
A标签相关伪类        
    :link/:visited/:hover/:active
标签类型   
    inline的特性    block的特性    inline-block的特性     vertical-align 垂直对齐方式
标签划分标签嵌套规则
第四章:浮动 浮动
    float:left | right | none | inherit;
    浮动的定义:使元素脱离文档流,按照指定方向发生移动,遇到父级边界或者相邻的浮动元素停了下来
    浮动的特性
clear
    clear:left | right | both | none | inherit;元素的某个方向上不能有浮动元素
    <div class="clear"></div>
    <br clear="all" />
    :after{content:"";display:block;clear:both}
BFC
    BFC的作用
    触发BFC的条件
Haslayout
    haslayout的作用
    触发haslayout的条件
第五章:定位Position: relative/absolute/fixed/static/inherit
relative相对定位
     相对定位的特性
Absolute绝对定位
     绝对定位的特性
z-index层级问题
fixed 固定定位
     固定定位的特性及问题
第六章:表格和表单
表格
    表格标签
        table 表格
        thead 表格头
        tbody 表格主体
        tr 表格行
        th 元素定义表头
        td 元素定义表格单元
    表格样式重置
        table{border-collapse:collapse;} 单元格间隙合并
        th,td{padding:0;}重置单元格默认填充
    单元格合并
        colspan  属性规定单元格可横跨的列数。
        <td colspan="2"></td>
        rowspan  属性规定单元格可横跨的行数。
        <td rowspan="2"></td>
表单
    <form></form>
         action
    <input type="…… " name="" value="" />
        Text                    文本框
        Password                密码
        Radio                   单选
        Checkbox                复选
        Submit                  提交
        Reset                   重置
        Button                  按钮
        Image                   图片
        File                    上传
        Hidden                  隐藏
    <textarea></textarea>
    <select></select>
    <option></option>
    <label></label>
        For
   表单的相关属性操作
   表单默认样式重置
第七章:兼容性问题处理 基础样式的兼容问题
    IE下最小高度问题
    1px点线框问题
    IE下会撑开父级宽高的问题
    opacity IE低版本的兼容问题
    处理低版本IE对新增标签的支持问题
浮动相关的兼容性问题处理
    不设宽度的折行问题
    三像素BUG
    双边距BUG
    li下的空隙问题
    IE下最小高度和4pxBUG共存问题
    三像素BUG2
    文字溢出问题
定位相关的兼容性问题处理
    Overflow包不住相对定位问题
    绝对定位元素和浮动元素并列绝对定位元素消失
    绝对定位父级奇数问题
表单相关的兼容性问题处理
    input的空隙 和 border问题
    输入类型表单控件背景问题
PNG图片的透明度问题
css hack
条件注释语句
第八章:实战CSS Sprites
圆角及阴影处理
    CSS3处理方法
    滑动门处理
自定义文字包处理图标

实战项目选择
    新浪开放平台:http://open.weibo.com/
    淘宝开放平台:http://open.taobao.com/index.html
    飞信:http://feixin.10086.cn/
    VIP飞信:http://vip.feixin.10086.cn/
    360手机卫士:http://shouji.360.cn/index.html
    QQ会员: http://vip.qq.com/


课程费用:该阶段课程时长(全日制1个月、周六日班2个月),收费2000元。


课程说明:
        当月课程结束后,我们会安排一次结课测试,符合测试要求后,才允许报名下个阶段的学习。
        如未能达到测试要求,需完成相应结课标准后,才可报名下个阶段的学习。



下阶段学习可选择 :
        A - 2014年底最新JavaScript课程
        B - 妙味最新2014年HTML&CSS课程高级部分

本期招生名额限制:

全日制班:8人   报名截止,感谢大家支持!
周六日班:20~30人


招生要求:零基础(当然电脑的开关机,熟认26个英文字母,会打字这个是必须,最好有一定PS基础)。


上课时间:

        全日制班:周一至周五 10:00 ~ 17:00
        周六日班:周六、周日 10:00 ~ 17:00

上课模式:

        零基础班
全日制班 - 实体上课模式,来教室听课、在讲师辅导下做练习;
        零基础班
周六日班 - 实体+远程的上课模式,即:可以来实体听课,也可以坐在家中,通过YY进行远程授课;


享受服务:(额,实体还需要说嘛~ ^_^)
        1)可获得上课随堂笔记;
        2)可在教室随时向讲师提问;        
        3)赠送一年
妙味VIP会员,下载超过200G视频;


报名方式:
        由于人数限制,因此名额须预订,在开课前成功支付600元,视为报名成功,人数满员,报名随即中止。
        注:
开班后前三天,感觉不合适,可申请全额退费。开班三天后,想申请退费,则按剩余课程费用的80%退还。如获赠VIP会员,则需扣除100元VIP会员费


报名方式一: 支付宝转帐

        支付宝账号:13141414820
        支付宝姓名:刘伟
        支付时 付款说明 需标注:姓名+手机


报名方式二: 工商银行转帐
        银行转帐账号:622202 02000 8644 1231
        户名:刘伟
        开户行:工商银行 - 北京花园东路支行


咨询方式:
        QQ号:2264453929
        手机:18810588941












回复

使用道具 举报

q1207526854 发表于 2014-10-16 13:20:24 | 显示全部楼层
赞赞赞赞赞赞赞赞赞赞
回复 支持 反对

使用道具 举报

bfkdn 该用户已被删除
bfkdn 发表于 2014-10-25 18:34:03 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 举报

fuwen 发表于 2014-10-27 21:17:32 | 显示全部楼层
提莫队长正在待命!
回复 支持 反对

使用道具 举报

bug_free 发表于 2014-11-28 12:35:58 | 显示全部楼层
老师能提供下每课的练习题目么?会有多少练习,还有练习的讲解之类的?
回复 支持 反对

使用道具 举报

惊鸿 发表于 2014-12-2 00:08:10 | 显示全部楼层
这个什么时候开班呢。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|小黑屋|妙味课堂 ( 京ICP备08102442号

GMT+8, 2019-4-26 20:16 , Processed in 0.177994 second(s), 28 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表