网页设计总结.docx

网页设计(shèjì)总结
网页设计(shèjì)总结
网页设计(shèjì)听课总结
网页设计(shèjì)的阶段性课程：1、规划阶段〔网站(wǎnɡ zhàn)筹划〕2、设计阶段〔网〕、对html语言处理样式的最好补充、把内容和格式处理相别离，减少工作量〕添加层叠样式表的方法：
1、直接在标签内定义CSS实例
2、添加在html的里：
3、链接样式表〔最适
合大型网站的css的样式定义〕样式的类型：html标签样式：
选择符{属性：值}h3{font-family：arial}h3:选择符
〔Font-family：arial〕：定义的样式font-family：属性arial：属性值
自定义样式：
.self{color:#66ff00}
#bright{font}链接文字样式：
a：link{color:red}
a:active{color:blue;font-size:125%}
对于css的样式起作用的对象：哪一个样式离文字最近，就显示哪一个css样式。Css层叠样式表的局部链接样式：:link
:::visited
〔新建css样式规那么〕局部链接样式的源代码：:link{
color:#0000FF;


te某t-decoration:none;
}
:visited{
color:#CCCCCC;te某t-decoration:none;
}:hover{
color:#33FF00;
te某t-decoration:underline;}
:active{
color:#CCFF00;
te某t-decoration:none;
}
CSS样式设定详解：
1、文字设定〔字体、字号、样式、行高、文字修饰、粗细、变化、大小写、颜色〕
2、文字块设定〔单词间距、字母间距、垂直对齐方式、文字对齐、文字缩进、空白区域控制〕
3、扩展设定〔光标类型、滤镜〕
图片滤镜的html源代码：img{filter:Alpha(Opacity=0,FinishOpacity=100,Style=3,Start某=0,StartY=317,Finish某=510,FinishY=317);}
滤镜效果：1、模糊效果：Blur(Add=t,Direction=0,Strength=30)
2、透明效果：Alpha(Opacity=0,FinishOpacity=100,Style=3,Start某=0,StartY=317,Finish某=510,FinishY=317)
3、水平反转：FlipH4、垂直反转：FlipV
5、灰色效果：Gray


6、全部反转效果：Invert〔类似胶卷底片效果〕
7、波纹效果：Wave(Add=add,Freq=频率,LightStrength=光影效果,Phase=波纹的偏移量,Strength=振幅大小)
8、某光片效果：某rayCSS样式：内部CSS与外部CSS应用CSS外部样式表
关于框架创立框架、框架的删除、使用框架、制作框架链接、重命名框架设置框架属性：html源代码：
添加浮动框架：使用浮动框架〔制作浮动框架、设置浮动框架属性、制作浮动框架链接〕
属性的设置源代码：浮动框架链接时要指定链接的目标是：浮动框架的name〔自己去定义〕。
制作复杂的嵌套结构框架页面、学会在页面中使用嵌套框架，并制作框架页面间的链接。模板的应用：模板的功能什么是模板为什么用模板〔方便制作及更新〕创立模板〔根据已有文件建立模板〕文件菜单下：另存为模板定义可编辑的区域
库的建立及应用库的建立〔什么是库？为什么使用库？〕便于局部文件的修改
1、建立库2、应用库3、更新库层的使用创立层设置层属性〔选择层改变层的大小移动层排列层〕插入层的html语句：

第