返回至“网页网站设计

软件

DIV_CSS

"DIV+CSS是WEB设计标准,它是一种网页的布局方法。与传统中通过表格(table)布局定位的方式不同,它可以实现网页页面内容与表现相分离。提起DIV+CSS组合,还要从XHTML说起。XHTML是一种在HTML(标准通用标记语言的子集)基础上优化和改进的新语言,目的是基于XML应用与强大的数据转换能力,适应未来网络应用更多的需求。 ""DIV+CSS""其实是错误的叫法,而标准的叫法应是XHTML+CSS。因为DIV与Table都是XHTML或HTML语言中的一个标记,而CSS只是一种表现形式。也许其提出者本意并没有错,但是跟风者从表现曲解了其意思,认为整个页面就应当是DIV+CSS文件的组合。"

8:19:16 90个视频 更多介绍>>
初级
建站第一步——创建本地静态站点
设置远程服务器——创建企业网站站点
dreamweaver的使用
内联CSS样式——控制文本显示效果
内部CSS样式——控制页面整体效果
外部CSS样式——链接外部CSS样式表文件
@import方式——导入外部CSS样式
margin——控制网页元素的位置
border——为网页元素添加边框
padding——控制Div中内容的位置
相对定位——设置网页元素的相对位置
绝对定位——设置网页元素的绝对位置
固定定位——固定的网页导航
浮动定位——制作作品列表
空白边叠加——控制元素的上下边距
流体网格布局——制作个人作品展示页面
定义页面背景颜色——制作个人作品网站页面
定义背景图像——为网页添加背景图像
背景图像的位置——控制网页中背景图像的位置
固定背景图像——控制网页的背景图像固定不动
background-size属性(CSS3.0)——控制背景图像大小
background-origin属性(CSS3.0)——控制背景图像显
background-clip属性(CSS3.0)——控制背景图像的裁
定义字体——制作广告页面
定义英文字体大小写——制作英文网站页面
定义字体下划线、顶划线和删除线——网页文字修饰
定义字间距和行间距——制作网站公告
定义段落首字下沉——制作企业介绍页面
定义段落首行缩进——制作设计公司网站页面
定义段落水平对齐——制作网站弹出页面
定义文本垂直对齐——制作产品介绍页面
使用Web字体——在网页中使用特殊字体
中级
CSS类选区——应用多个类CSS样式
text-shadow属性(CSS3.0)——为网页文字添加阴影
word-wrap属性(CSS3.0)——控制网页文本换行
text-overflow属性(CSS3.0)——控制文本溢出
图片边框——修饰网页图像
图片缩放——自适应窗口大小的图片
图片的水平对齐——制作产品展示页面
图片的垂直对齐——制作饮品展示页面
实现图文混排效果——制作产品介绍页面
border-colors属性(CSS3.0)——为图像添加多种色彩
border-radius属性(CSS3.0)——实现圆角边框
border-image属性(CSS3.0)——实现图像边框
ul无序列表——制作新闻栏目
ol有序列表——制作网站公告
更改列表项目样式——制作方块列表效果
使用图片作为列表样式——制作图像列表
定义列表——制作音乐列表
列表的应用——制作横向导航菜单
制作纵向导航菜单
content属性(CSS3.0)——赋予Div内容
opacity属性(CSS3.0)——实现元素的半透明效果
创建数据表格——制作企业网站新闻页面
设置表格边框和背景——制作精美表格
为单元行应用类CSS样式——实现隔行变色的单元格
应用CSS样式的hover伪类——实现交互的变色表格
设置表单元素的背景颜色——制作商品搜索
设置表单元素的边框——美化登录框
60使用CSS定义圆角文本字段
61使用CSS定义下拉列表——制作多彩下拉列表
column-width属性(CSS3.0)——实现网页文本分栏
column-count属性(CSS3.0)——控制网页文本分栏数
column-gap属性(CSS3.0)——控制网页文本分栏间距
column-rule属性(CSS3.0)——为分栏添加分栏线
定义超链接样式——制作活动公告
超链接伪类应用——制作按钮式超链接
超链接伪类应用——制作图像式超链接
使用CSS定义鼠标指针样式——改变默认的鼠标指针
使用CSS定义鼠标变换效果——实现网页中的鼠标变换效
高级
box-shadow属性(CSS3.0)——为网页元素添加阴影
overflow属性(CSS3.0)——网页元素内容溢出处理
resize属性(CSS3.0)——在网页中实现区域缩放调节
outline属性(CSS3.0)——为网页元素添加轮廓边框
Alpha滤镜——实现网页中半透明效果
BlendTrans滤镜——制作图像切换效果
Blur滤镜——实现网页中的模糊效果
FlipH和FlipV滤镜——实现网页内容水平和垂直翻转
DropShadow滤镜——为网页元素添加阴影
XML与CSS——制作学生信息管理页面
使用CSS实现XML中特殊效果——隔行变色的信息列表
在HTML页面中调用XML数据——制作摄影图片网页
使用JavaScript实现可选择字体大小——制作新闻页面
使用JavaScript实现图像滑动切换——制作图像页面
使用JavaScript实现特效——制作动态网站相册
插入Spry菜单栏——制作导航下拉菜单
插入Spry选项卡式面板——制作选项卡式新闻列表
插入Spry折叠式面板——制作个人网站页面
插入Spry可折叠面板——制作可折叠栏目
插入Spry工具提示——制作图片展示页面