武汉网页设计DIV+CSS培训课程内容简介

发布时间：2023-01-12|点击：4次

---

　　【培养目标】

　　主要是针对能熟练应用网页三剑客、HTML、javascript等知识的学员，讲解如何运用CSS+Div进行网页的美化和布局。

　　【教学方法】

　　以公司真实设计作为岗前操作平台，讲师亲自指导实践操作与学员亲自动手操作相结合的实践方法。学员所学、所做的一切，实际上就是工作岗位上所做的一切。

　　【上课时间】

　　上午9：00-12：00，下午2：00-5：00，或晚上18：00-21：00(周一至周日任选一时间段)

　　【课程内容】

　　CSS基础知识篇

　　1. XHTML基础，选择合适的doctype，选择合适的标签。

　　2. CSS语法结构，CSS属性与选择符，类型选择符，id及class选择符。

　　3. 应用CSS到网页中，行间样式表，内部样式表，外部样式表。

　　CSS语法结构

　　1. 样式的优先权问题

　　2. 认识DIV以及盒子模型

　　3. 盒子模型详解以及上下左右叠加问题

　　CSS网页布局

　　1. 认识div，div是什么，如何使用div。

　　2. div的并列与嵌套结构。

　　3. 使用合适的对象来布局 ，一列固定宽度，一列自适应，高度自适应。

　　CSS网站元素设计

　　1. 用CSS设计网站导航，横向导航，纵向导航，下拉及多级弹出式菜单。

　　2. 门户网站的导航设计

　　3. 表单设计，改变输入框及文本域样式，改变下拉列表样式。

　　CSS内容排版

　　1. 文字排版，通栏排版，分栏排版，图文混合排版，图片基础 控制，不规则文字环绕，全图排版，表格排版。充分使用表格对象的标签，表格样式控制，表单表格设计。

　　CSS应用与技巧

　　1. id 与 class

　　2. 什么是 class，什么情况下使用class

　　3. id使用与网站结构，div Vs span

　　CSS文件结构的设计与优化

　　1.CSS缩写，font字体缩写，margin与padding边距缩写， border边框缩写，list列表缩写，background背景缩写，color颜色缩写。

　　2. CSS代码优化，增加代码重用率，使用样式覆盖进行简化。

　　CSS代码优化

　　1.CSS代码优化，增加代码重用率，使用样式覆盖进行简化。

　　2.XHTML与CSS校验，XHTML校验器，CSS校验器

　　3.解决多浏览器下兼容问题

　　javascript知识

　　1.javascript基本知识

　　2.用javascript控制CSS

　　3.SprY框架应用(选项卡、Tab面板、折叠面板、伸缩面板)

　　网站综合案例

　　1.我的博客、企业网站、网上购物网站

　　2.典型案例剖析，培养实际动手能力;专家讲解，理论结合实际;注重实用技巧。