网页总结
不知不觉一学期又过去了,回首这一学期发生了许多事,也学到了很多东西。就拿网页制作这门课来说吧,刚开始接触这门课时觉的好困难哦。一个网站有这么多的东西都要你一点一点做出来,光是那些特效就不知道要怎么弄了,所以刚开始的时候我是抱着畏惧的心情去学习网页这门课的。但是经过一段时间的学习后发现网页其实是很有趣的一门课,而且只要自己用心去学了也不是很难。所有的东西都是从难到易,学网页也是一样,想想自己一开始因为看到做好的网站就觉的好难就好笑。呵呵......
一开始网页教一些代码或者像输入框、留言板之类的制作,有点枯燥,但这些都是基础,在以后的网页学习中这些都是非常有用的,尤其是那些代码的正确使用,对一个网站制作成功与否有至关重要的作用。
再到后来学习的布局,像表格布局、DIV布局还有APDIV,刚开始一直觉的APDIV最好用了,一直觉的好奇怪既然可以用APDIV为什么还要用其他的方法呢?后来在网站综合练习的时候发现光光只有APDIV是不够的,各种布局方法都它们自己的优点,表格简单好用,DIV美观严谨,APDIV使用方便。
最后要学习的就是在布局好的网页中插入内容了,这些内容包括了文字、图片、视频、各种特效等等。这是我个人觉的整个网页学习中最难的部分了,记得老师布置的制作个人网站的作业,光光是一个鼠标跟随的特效,我就做了整整三个小时,先是在网上找特效的代码,然后把代码放入Dreamwever中,但是往往都是不成功的,还要不停的调试,看是那一部分代码是错误的,再改。不停的改,一直到代码正确后还要换上自己要的图片。虽然很辛苦但是看到问题一个接一个的解决,一种自豪感油然而生。在看到自己做好的网站,虽然可能比不上那些大公司的网站但还是有一种成就感。
一学期就要结束了,总结一下网页学习,也分析一下自己的缺点,首先基础很重要,我就是基础没打好,所以到后来的综合应用的时候就有点力不从心的感觉。每次做网页的时候还要查一下代码是怎么样的。还有细节很重要,做网页的时候哪怕是多一个空格或者多一个字母你要的效果都会出不来。总的来说网页设计这门课还是非常有趣的。
第二篇:网页知识点总结
网页知识点总结
外部调用css:
<link rel=”stylesheet” href=”css文件路径” type=”text/css”/>
Margin:上 右 下 左;//外部修改 (设置边距)
Padding:上下 左右;//内部修改(设置补白)
Position:absolute;
top:xx;
left:xx; //设置定位属性
列表链接元素:
<ul>
<li><a href=”#”>内容</a><li>(#链接网址)
</ul>
链接元素属性:
a:link 设置没有访问过的属性。
a:visited设置已经访问过的属性。
a:hover 设置鼠标经过时的属性。
a:active 设置激活时的属性。
Text-decoration:none;字体下方无下划线
水平分割线:
<hr />
插入图片:
<img src=”路径” alt=”显示文字”/>
表格元素:
<table border=”1” cellspacing=”1” cellpadding=”0”>
<tr>
<th></th>
</tr> //表头
<tr>
<td></td>
<tr> //内容
表格元素样式:
Align=”center”居中对齐
Target=”_blank”总在浏览器打开一个新页面。
表单元素:
<form>
<input name=”自定义名字” type=”button” id=”自定义名字” </form>
表单属性控制属性:
Type=”” 显示方式
Maxlenght=”” 输入域最多可输入文字长度
Src=”” 图片显示按钮,图片位置
Alt=”” 鼠标停留时表单的提示文字
Checked=”checked” 默认选择 Value=”名字” 输入域的名称 Type属性设置:
Text: 文字输入域
Password:密码文字输入域 File:文件路径
Checkbox:复选框
Radio::单选框
Hidden:隐藏域
Button:按钮 单击型
Submit:提交按钮
Reset:重置按钮
选择列表元素:
<select>
<option></option>
</select>
文本区域元素:
<textarea>内容</textarea>
Css:
Background-: 背景元素设置
Font-size:字体大小
Margin-top: 顶边距
Color:字体颜色
Test-align:对齐方式
Width:宽
Height:高
Line-height:行间距
Display:显示方式
Float:浮动
Reprat- :设置背景图片重复方式
Background-attachment:fixed; 背景固定 Border 1px solid 颜色 边框颜色
White-space:nowrap;行内显示
Overflow:hidden;溢出内容隐藏
<marquee behavior=”” 设置文字滚动效果