web知识点总结

时间：2019-05-12 12:37:34 收藏本文下载本文作者：会员上传

简介：写写帮文库小编为你整理了多篇相关的《web知识点总结》，但愿对你工作学习有帮助，当然你在写写帮文库还可以找到更多《web知识点总结》。

第一篇：web知识点总结

第一章

1.HTML（Hypertext Markup Language）超文本标记语言 CSS（Cascading Style Sheets）层叠样式表 2.当前主流的浏览器

用于mac 和windows 的 Apple Safari 用windows的Google Chrome 用于Mac、windows、和Linux的Mozilla Firefox 用于 windows的 Microsoft Internet Explprer 用于Mac、window、和linux UNIX的 Opera 3.浏览器web客户端的程序

4.ASP.Net jsp php 是服务器端的程序语言

5.XHTML是HTML的一个变体。X代表可扩展的第二章

1.常用的HTML标签

封闭整个HTML文档

封闭html的头部。在中使用

指定文档的页面标题在〈head〉标签对内使用

第二篇：web前端开发知识点总结

HTML知识总结

span

行级元素，多个

同行块级元素，独占

一行块级元素，前后

保留一行

标题标签，h1~h6表6个等级，加粗，前后保留一行width：设置宽

度height：设置高

度alt：图片加载失败显示的文本

div

文本类

p

h

图片标签img

color：颜色

水平线常用标签

hr

size：高度（粗

细）width：宽度（长度）herf：超链接转到的地址

超链接a

target

_self:默认值，在当前页面打开_blank:在新窗口

打开

带标题的框fieldsetlegend设置标题

disc：实心圆

无序列表

列表标签

有序列表

ul

square：小方块

olcircle：空心圆

tr表示行

th

表示标题单元格，居中、加粗

td

表格标签

caption

表示一个单元格

表示标题，定义在第一行，居中

rowspan

设置单元格占的行

数

colspan

设置单元格占的列

数

action表单提交地址

get：显示提交参数，将参数用?和&拼接到url上

带到服务器端

method

post：隐式提交参

数optgroup 表示分组,分组不能选,只能选分组中的option

下拉菜单</p><p>cols: 显示文本的列</p><p>数(宽度)</p><p>name：参数名</p><p>size：显示字符长度（控制文本框长</p><p>度）maxlength：最大可</p><p>输入字符数</p><p>input文本框type=“text”</p><p>placeholder：提示</p><p>内容</p><p>disabled：不会被提交到服务器readonly：只读（会被提交到服务</p><p>器）</p><p>value：默认值</p><p>密码框</p><p>type=“password”单选按钮type=“radio”复选框</p><p>type=“checkbox”文件选择框type=“file”</p><p>按钮</p><p>type=“button”提交</p><p>type=“submit”checked：默认选</p><p>中</p><p>input</p><p>按钮</p><p>重置type=“reset”</p><p>noresize：不能改变框架大小</p><p>frame：表示框架</p><p>scolling：是否显示滚动条（yes、no、auto）设置框架集在纵向上的拆分策略设置框架集在横向上的拆分策略</p><p>rows</p><p>cols</p><p>border</p><p>框架集<frameset></p><p>框架边框的宽度</p><p>borderColor框架边框颜色</p><p>frameBorder</p><p>设置框架是否有边框(yes|no)_blank:新窗口中</p><p>打开_self:在当前窗口</p><p>打开</p><p>框架集中的超链接打开方式target_parent:父窗口</p><p>中打开_top在最顶层窗口中打开frameName：在对应name框架打</p><p>开</p><p>ifame</p><p>在页面中嵌入框架</p><p>dl、dt、dd其他标签</p><p><dl></p><p><dt>数码</dt> <dd>手机</dd> </dl></p><p>marquee：滚动标签</p><p><img src=“usemap_img.jpg” usemap=“#yifuMap”></p><p><map name=“yifuMap” id=“yifuMap”><area</p><p>shape=“circle”</p><p>coords=“309,257,20”target=“_blank”</p><p>href=“http://5新标签</p><p>number：数字输入</p><p>date picker：日期选择</p><p>datalist：自动提示</p><p><datalist id=”arealist“><option>sichuan</option><option>chongqing</option><option>guangzhou</option><option>shanghai</option><option>beijing</option><option>tianjin</option></datalist></p><p><input type=”text“ list=”arealist“></p><p>video：动画</p><p>媒体</p><p>radio：音频</p><p>autocomplete：是否关闭自动提示（off |</p><p>on）html5新标签</p><p>autofocus: 自动获得</p><p>焦点</p><p>required: 表示控件</p><p>必须输入内容</p><p>controls : 播放控制条</p><p>autoplay ：自动播放</p><p>loop ：循环播放preload ：预加载，如果设置了autoplay，就可以不用设置preload</p><p>CSS知识点总结</p><p>内联：直接在标签的style属性上编写</p><p>样式<input type=”text“ style=”color: blue;background-color: #eeeeff;“>样式定义方式</p><p>样式块：在style标签中编写样式块，并通过一定规则（选择器）应用到对应的那些标签上(通常写在head中)</p><p><style>span {</p><p>color: green;</p><p>background-color: #eeffee;}</p><p></style></p><p>外部样式文件：将样式块编写在外部的css文件中(不用写style标签)* 在需要使用样式的页面通过link标签引入样式文件(通常写在head中)</p><p><link href=”hehe.css“ rel=”stylesheet“></p><p>id选择器#xxx 针对id为xxx的标签</p><p>类选择器.xxx 针对class属性为xxx的标</p><p>签</p><p>标签选择xxx 针对标签名为xxx的标签</p><p>*选择器选择所有元素选择器</p><p>后代元素关系选择selector1 selector2 {...} 针对selector1下的所有的selector2</p><p>子元素关系选择selector1 > selector2 {...} 只针对selector1的selector2子元素(如果有后代selector2元素则不会应用)</p><p>紧邻兄弟关系选择selector1 + selector2 {...} 只针对紧接在selector1后的selector2元素</p><p>所有随后的兄弟关系selector1 ~ selector2 {...} 针对selector1后的所有的selector2兄弟元素</p><p>color：字体颜色</p><p>font-size：字体大小</p><p>font-family：字体样式</p><p>字体</p><p>font-weight: bolder(加粗)| normal(不加粗)font-style: 设置字体倾斜(normal | italic | oblique)*italic和oblique实际显示效果</p><p>几乎一致font-variant: 设置字体显示为小型大写字母</p><p>text-align: 水平对齐方式(left | center | right)常用属性</p><p>vertical-align: 垂直对齐方式(top | middle |</p><p>bottom)</p><p>line-height: 设置行高(通常用于设置文本居</p><p>中)</p><p>white-space: nowrap 不换行, pre 当做pre标签</p><p>border: 边框(1px solid</p><p>red)</p><p>文本</p><p>width: 宽度</p><p>underline 下划线</p><p>height: 高度</p><p>overline 上划线</p><p>text-decoration: 文本装</p><p>饰</p><p>line-through 贯穿线(删</p><p>除线)</p><p>blink 闪烁</p><p>none 无</p><p>dtext-shadow: 3px 3px 5px red;第一个参数: 阴影水平位置(x轴上的偏移量)</p><p>text-shadow: 文本阴影</p><p>第二个参数: 阴影垂直位置(y轴上的偏移量)</p><p>第三个参数: 模糊程度第四个参数: 阴影颜色</p><p>padding：内边距</p><p>padding: xxpx;</p><p>padding: xxpx xxpx;</p><p>padding: xxpx xxpx xxpx;</p><p>padding: xxpx xxpx xxpx xxpx;padding: auto;</p><p>padding: xxpx auto;padding-toppadding-leftpadding-rightpadding-bottom盒子模型</p><p>margin：外边距</p><p>margin: xxpx;</p><p>margin: xxpx xxpx;</p><p>margin: xxpx xxpx xxpx;</p><p>margin: xxpx xxpx xxpx xxpx;margin: auto;</p><p>margin: xxpx auto;margin-topmargin-leftmargin-rightmargin-bottom</p><p>border：边框</p><p>color：颜色；width：宽度；</p><p>style：outset|inset|solid|double|dottedborder-radius: 10px;/* 同时设置4个角*/</p><p>background-color: 背景颜色</p><p>background-image: 背景图片</p><p>background-repeat: no-repeat | repeat-x |</p><p>repeat-y | repeat背景</p><p>background-position: xxxpx xxpx | xx%</p><p>xx%;(可以为负数)</p><p>background-size: xxxpx xxpx | xx% xx% |</p><p>cover | contain;(不能为负数)</p><p>cover: 拉伸,可以超出contain: 拉伸不能超出</p><p>background-attachment: scroll(随着内容</p><p>一起滚动)| fixed(不滚动)</p><p>hidden：隐藏</p><p>scroll：滚动</p><p>overflow：当内容溢出</p><p>时的处理方式</p><p>visible：直接显示</p><p>auto：如果溢出就滚动，否则不显示滚动条</p><p>visible 显示</p><p>visibility：设置元素是</p><p>否显示</p><p>hidden 隐藏，保留占位</p><p>none：隐藏，不保留占</p><p>位</p><p>block：设置为块级元</p><p>素</p><p>display：设置元素是否</p><p>显示</p><p>inline：设置为行级元</p><p>素</p><p>布局</p><p>inline-block：设置为行</p><p>内块元素</p><p>left 左浮动</p><p>float: 浮动right 右浮动</p><p>none 不浮动</p><p>left 不允许左边有浮动</p><p>clear: 清除浮动right 不允许右边有浮动</p><p>both 不允许两边有浮动</p><p>ul或ol 自带样式：</p><p>列表样式</p><p>list-style-type: 列表项的样式</p><p>margin: 16px 0px;padding: 0px 0px 0px</p><p>40px;</p><p>absolute：如果有父元素被定位按照父元素的原点进行定位，否则按照浏览器原点进行定位</p><p>position</p><p>定位</p><p>z-index: 设置z轴的值，越大越在最前</p><p>relative：相对定位参照元素本身的位置</p><p>fixed：固定位置，不</p><p>会滚动</p><p>link 超链接默认样式</p><p>hover 鼠标悬停样式</p><p>active 鼠标点击样式</p><p>visited 访问之后的样式（主要控制颜色）</p><p>伪类</p><p>focus 获得输入焦点的样式</p><p>first-child 第一个元素</p><p>last-child 最后一个元素</p><p>:not 不包含指定的选</p><p>择器</p><p>:noly-child 是父元素的唯</p><p>一子元素</p><p>cursor 鼠标样式</p><p>其他样式</p><p>box-shadow 阴影</p><p>translate:平移</p><p>rotate：旋转transform：变换</p><p>scale：缩放</p><p>skew：扭曲</p><p>matrix：以变换矩阵变换</p><p>第一个值表示需要过渡的样式属性transition 过渡</p><p>transition:transform2s,background-color.5s;</p><p>第二个值表示整个过渡过程需要的时间第三个值表示过渡时的贝塞尔曲线第四个值表示延迟多久才开始过渡animation 动画</p><p>@keyfarmes 关键帧用于定义动画的细节（每一帧如何显示）</p><p>@keyframes myanimation {0% { background-color: #cfc;}30% {</p><p>background-color: #ccf;border-radius: 50px;}80% {</p><p>width: 300px;</p><p>background-color: #fcc;}</p><p>100% {</p><p>width: 300px;height: 300px;</p><p>background-color: #000;}}</p><p>@-o-keyframes myanimation {}@-ms-keyframes myanimation {}@-moz-keyframes myanimation {}@-webkit-keyframes myanimation {}</p><p>需要显示动画的地方通过animation属性来使用声明的关键帧</p><p>.ac:active {</p><p>animation: myanimation 5s;-o-animation: myanimation 5s;-ms-animation: myanimation 5s;-moz-animation: myanimation 5s;-webkit-animation: myanimation 5s;}opacity透明度从0.0 ~ 1.0 0.0完全透明，1.0 完全不透明浏览器兼容前缀</p><p>-webkit-chrome，safari, opera-o-opera</p><p>-moz-firefox</p><p>-ms-ie（ie9以上）</p><p>JavaScript</p><p>javascript代码必须包含在<script></script>标签中</p><p>也可以书写到外部的.js文件中,通过<script src=”xxx.js“></script>来引入</p><p>script标签只能同时做一件事情.如果既有src属性也包含代码则只会执行外部文件的代码</p><p>通过alert来弹出提示框</p><p>通过document.write来输入文本到页面上(可以输入标签)Number: 数值型整数和小数Boolean: 布尔型(true |</p><p>false)</p><p>String: 字符串</p><p>字符串必须被”“或''包含必须对称</p><p>如果字符串中包含引号可以单引号中包含双引号或者是双引号中包含单引号</p><p>也可以使用'来表示一个单引号”来表示一个双引号</p><p>n 表示换行数据类型</p><p>t 表示制表符表示书写方式</p><p>NaN: Not A Number 当使用非数字来进行运算时的值</p><p>undefied: 未定义</p><p>null: 空值</p><p>substring 截取子串, 从start到end-1处,如果</p><p>没指定end则取到最后一个字符</p><p>toUpperCase 将所有字符变成大写</p><p>toLowerCase 将所有字符变成小写</p><p>indexOf 查找子串首次出现的位置, 如果找不到则</p><p>返回-1字符串处理</p><p>lastIndexOf 查找子串最后一次出现的位置, 如果找不到则返回-1charAt 取指定位置上的字符slice 也是取子串,效果和substring一样可以用-1,-2,-3...从末尾</p><p>开始计数split 将字符串按照指定的字符进行拆分成为数组</p><p>获取当前时间var now = new Date()</p><p>获取指定时间的日期对象</p><p>var date = new Date(yyyy,MM,dd,HH,mm,ss)</p><p>设置指定时间(将时间对象设置为一个指定时间)</p><p>now.setFullYear(yyyy,MM,dd,HH,mm,ss)</p><p>now.setMonth日期Date</p><p>now.setDatenow.setHours</p><p>...获取指定时间信息</p><p>now.getFullYear()// 年只能取出年份,如: 2015</p><p>now.getMonth // 月0-11月</p><p>now.getDate // 日</p><p>now.getDay // 星期0-6(0表示星期天)</p><p>now.getHours // 时24小时制</p><p>now.getMinutes // 分now.getSeconds // 秒now.getMilliseconds// 毫秒</p><p>通过new Array()来创建数组var names = new Array();</p><p>var names = new Array(“小王”, “大王”, “炸弹”);// 创建时给数组设置默认值</p><p>//用json格式表示数组</p><p>var names = [];</p><p>var names = [“小王”, “大王”, “炸弹”];数组Array</p><p>可以通过length来设置或获取数组的长度</p><p>push : 往数组末尾添加元素</p><p>pop: 删除并返回数组的最后一个元素unshift: 往数组的开头添加元素shift: 删除并返回数组的第一个元素reverse: 颠倒数组顺序</p><p>sort: 按“字符串”的自然排序规则进行升序</p><p>splice: 删除指定位置处的指定个数元素并将第三个参数之后的参数添加到被删除位置(设置第二个参数为0则实现只添加不删除, 之传入两个参数实现只删除不添加)</p><p>slice: 获取start到end处的子数组</p><p>join: 将数组元素以指定分隔符进行连接成为字符串</p><p>function xxx(....){</p><p>声明函数</p><p>....}</p><p>var xxx = function(...){</p><p>...函数变量</p><p>}var ooo = xxx;</p><p>ooo();函数</p><p>function fn(fx){</p><p>fx();</p><p>将函数作为参数</p><p>}fn(function(){</p><p>...});（function(...){</p><p>立即执行函数</p><p>....})(...);</p><p>getElementById 根据id获取唯一的元素var xx = document.getElementById(“xx”);DOM(Document Object Model)文档对象模型</p><p>获取元素</p><p>getElementsByTagName 根据标签名获取元</p><p>素数组</p><p>onclick 鼠标点击事件</p><p>getElementsByClassName 根据类获取元素数组(如果元素被改变了class值将会从数组</p><p>中删除)</p><p>onmouseover 鼠标进入事件</p><p>onmouseout 鼠标离开事件</p><p>onmousemove 鼠标被移动</p><p>onmousedown 鼠标按钮被按下事件机制</p><p>onmouseup 鼠标按钮被松开</p><p>onkeydown 某个键盘按键被按下</p><p>onkeyup某个键盘按键被松开</p><p>onload 一张页面或图像被完成加载</p><p>onchange 域的内容被改变</p><p>onfocus 元素获得焦点</p><p>onblur 元素失去焦点</p><p>setTimeout: 延迟执行(只会执</p><p>行一次)var xx = setTimeout(xxx, 1000);setTimeout(“fn();”, 3000);BOM(Browser Object Model)</p><p>window</p><p>清除使用clearTimeout(xx);setInterval: 定时执行(间隔指</p><p>定时间循环执行)</p><p>xx.offsetLeft获取元素的位置和尺寸(只读)</p><p>xx.offsetTopxx.offsetWidthxx.offsetHeight</p><p>var xx = setInterval(xxx,1000);</p><p>清除使用clearInterval(xx);</p><p>[] 表示[]中的字符任意取一个</p><p>在[] 中的^ 表示非不包含该字符</p><p>()表示将多个表达式合并为一个表达式</p><p>在()中的|表示将两个匹配条件进行逻辑“或”（Or）运算。+ 前一个表达式出现至少一次1~n {1,}* 前一个表达式出现任意次0~n {0,}? 前一个表达式出现0~1次{0,1}{n} 前一个表达式出现n次</p><p>{n,} 前一个表达式出现至少n次{n,m} 前一个表达式出现n~m次.任意字符(不包含rn)正则表达式</p><p>^ 匹配字符串的开头$ 匹配字符串的结尾</p><p>w 表示一个任意的单词字符包括_ [a-zA-Z0-9_] * 不包含破折号</p><p>W 对w取反(不包含单词字符)[^a-zA-Z0-9_]d 表示一个数字字符[0-9]D 对d取反[^0-9]s 表示一个任意空白字符空格中文状态的空格制表符全角空格</p><p>S 对s取反非空格n 换行符b 单词边界</p><p>B 不是单词边界(对b取反)</p><p>eval</p><p>执行字符串形式的代码。</p><p>for(var i in array){var item = array[i];</p><p>}</p><p>for(var key in obj){var value = obj[key];</p><p>}</p><p>迭代数组迭代出的值为数组的下标</p><p>for...in</p><p>迭代对象迭代出的值为对象的属性名其他</p><p>with</p><p>设置以某个对象为代码块作用域对象</p><p>delete attribute删除属性</p><p>isNaN</p><p>如果被判断值不是一个数字则返回true，否则为false</p><h2><a name="3" >第三篇：web基础总结</a></h2><p>html 小结</p><p>html不区分大小写</p><p><html></p><p><head></p><p></head></p><p><body></p><p></body></p><p></html></p><p>超链接的运用：<a href=“连接地址” target=“显示类型”>链接名称</a>锚记的运用:<a href=“#锚点名称”>锚记名称</a></p><p><a name=“锚点名称”>锚记名称</a></p><p>标签的类型与运用：</p><p><a></a>//链接</p><p><b></p><p><body></body>//文档主体部分</p><p><br></p><p><button >按钮名</button></p><p><caption>标题名</caption>//表格标题</p><p><center> </center>//属性居中</p><p><font></font>//字体类型</p><p><frame></frame>//框架</p><p><h1></h1>//字体大小</p><p><hr>//横线</p><p><img src=“url”>//图片</p><p><input></p><p><label></label></p><p><li></li>// 列表项目</p><p><link /></p><p><map>//图像映射</p><p><ol></ol>//有序列表</p><p><ul></ul>//无需列表</p><p><option></option>//列表选项</p><p>//段落标志</p><p></pre>//设定文本格式</p><p><select></select>//选择列表</p><p>//强调文本</p><p><style></style></p><p><sub></sub>//下标</p><p><sup></sup>//上标</p><p><table></table></p><p><tr></tr></p><p><td></td></p><p><textarea>

属性：

Position：

第四篇：web 算法总结

1.去掉超链接的下画线：在 //添加这句就行。 2.格式为：你需要添加下画线的文字 3.获取时间

我们可以通过使用DataTime这个类来获取当前的时间。通过调用类中的各种方法我们可以获取不同的时间：如：日期（2008-09-04）、时间（12：12：12）、日期+时间（2008-09-04 12：11：10）等。

//获取日期+时间

DateTime.Now.ToString();

// 2008-9-4 20:02:10 DateTime.Now.ToLocalTime().ToString();

// 2008-9-4 20:12:12 //获取日期

DateTime.Now.ToLongDateString().ToString();

// 2008年9月4日 DateTime.Now.ToShortDateString().ToString();

// 2008-9-4 DateTime.Now.ToString(“yyyy-MM-dd”);

// 2008-09-04 DateTime.Now.Date.ToString();

// 2008-9-4 0:00:00 //获取时间 DateTime.Now.ToLongTimeString().ToString();

// 20:16:16 DateTime.Now.ToShortTimeString().ToString();

// 20:16 DateTime.Now.ToString(“hh:mm:ss”);

// 08:05:57 DateTime.Now.TimeOfDay.ToString();

// 20:33:50.7187500 //其他

DateTime.ToFileTime().ToString();

// ***000 DateTime.Now.ToFileTimeUtc().ToString();

// ***750 DateTime.Now.ToOADate().ToString();

// 39695.8461709606 DateTime.Now.ToUniversalTime().ToString();

// 2008-9-4 12:19:14 DateTime.Now.Year.ToString();

获取年份

// 2008 DateTime.Now.Month.ToString();

获取月份

// 9 DateTime.Now.DayOfWeek.ToString();获取星期

// Thursday DateTime.Now.DayOfYear.ToString();获取第几天

// 248 DateTime.Now.Hour.ToString();

获取小时

// 20 DateTime.Now.Minute.ToString();

获取分钟

// 31 DateTime.Now.Second.ToString();

获取秒数

// 45 //n为一个数,可以数整数,也可以事小数 dt.AddYears(n).ToString();

//时间加n年 dt.AddDays(n).ToString();

//加n天 dt.AddHours(n).ToString();

//加n小时 dt.AddMonths(n).ToString();

//加n个月 dt.AddSeconds(n).ToString();

//加n秒 dt.AddMinutes(n).ToString();

//加n分 SQL语句使用时间和日期的函数

getdate():获取系统当前时间

dateadd(datepart,number,date):计算在一个时间的基础上增加一个时间后的新时间值,比如：dateadd(yy,30,getdate())datediff(datepart,startdate,enddate):计算两个时间的差值,比如：datediff(yy,getdate(),'2008-08-08')dataname(datepart,date):获取时间不同部分的值，返回值为字符串 datepart(datepart,date):和datename相似，只是返回值为整型 day(date):获取指定时间的天数 month(date):获取指定时间的月份 year(date):获取指定时间的年份 select year(getdate())：当前年份

第五篇：Web课程设计总结

Web课程设计总结

一、作品主题描述

我设计的网页的主题是关于动漫推荐的。

我喜欢动漫，各种题材的，古代江湖、历史故事、恐怖、热血之类的我都喜欢，做这个网站是希望把我喜欢的推荐给大家，让更多的人加入二次元的世界！

二、作品技术路线

关于作品技术路线，我主要用了bootstrap方面的知识，像bootstrap按钮、下拉菜单、缩略图、bootstrap轮播之类的，当然还有很多基础知识，例如背景、背景音乐，还有视频的插入，网页的链接等等。

三、作品素材处理

关于素材，由于我是做的动漫方面的网页，首先我先去选择适合主题的图片，再选择其中最能代表作品的图片，再根据实际情况修改图片尺寸，接着再选择文字素材，选择简短有最能概括作品内容的文字。

四、主要问题

在这次设计中，我还想实现排行榜这个功能，但由于个人能力不足，还有一部分时间问题，没有实现排行榜功能，心里略微有些遗憾，我会在交上本次课程设计之后继续努力完成，还有视频和背景音乐的插入，没有成功改变播放器的样式。

五、网页制作的心得体会

转瞬之间，半个学期又接近尾声，在李导师的精心辅导下，度过了这个富有生机，富有朝气的学期。学到了很多做梦也不会遇到的如此奇特的有趣知识，对于我来讲是一个很好的锻炼和充实的机会。

俗话说的好“书山有路勤为径，学海无涯苦作舟”。在这一绝世佳句的鼓动下，我把握了工作之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的收索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！

在学习网页制作的过程中，我深深体会到一点“有付出，就终有回报”，你的付出与你的回报终究是成正比的。经过了多少漫漫长路，经过了多少忘我的投入，经过了多少波折，我的网页与众人见面了。当我第一眼在网络下一览我的个人主页，我是多么的激动，多么的兴奋，就像多年未见的老同学，一种讲不出道不明的感觉。

我在制作主页中的心得体会:做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。1.标题

在个人主页中标题起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短，有特色、容易记，还要符合自己主页的主题和风格，决不要取一个名不符实的“好名字”，别人第一次上了当，下次再也不会光顾了。2.内容的采集

选好标题后，开始采集内容，内容必须与标题相符，在采集内容的过程中，应注重特色，所谓特色应该是有一些自己的东西。个人主页中的特色，应该突出自己的个性，把自己的兴趣、爱好尽情地发挥出来，因为在网络上不受限制。主页就是在网络上的一个小小家园，在那里，可以放上自己喜欢的任何东西，包括你自己平时喜欢一些文章，一些好听的歌，一些好的动画作品。把这些内容按类别进行分类，设置栏目，让人一目了然，在栏目上不要设置太多，最好不要超过十个，层次上最好少于五层。3.图片

做个人主页不能只用文字，必须在主页上适当地加一些图片，增加可看性，俗话说“一图胜千言”，我想不无道理，一张处理得好的图片不需要多做任何解释，就能让人一目了然，让人去思考，去了解它。当然处理得不好的以及无关紧要的图片最好不要放上去，否则让人觉得是累赘，同时也影响网页的传输速度。图片不仅要好看，还要在保证图片质量的情况下尽量缩小图片的大小（即字节数），在目前网络传输速度不是很快的情况下，图片的大小在很大程度上影响了网页的传输速度。那么如何精简图片的大小呢，一般来说，图片颜色较少的及在256色以内的最好把它处理成gif图像格式，如果是一些色彩比较丰富的图片，最好把它处理成jpg图像格式，因为gif和jpg各有各的压缩优势，应根据具体的图片来选择压缩比。

4.网页排版

网页页面整体的排版设计也是不可忽略的，要让读者在狭小的电脑屏幕上阅读，很重要的一个原则是合理地运用空间，让自己的网页井井有条，留下必要的空白，人觉得很轻松。不要把整个网页都填得密密实实的，没有一点空隙，这样会给人一种压抑感。5.背景

网页的背景并不一定非要用白色，选用的背景应该和整套页面的色调相协调。合理的应用色彩是非常关键的。

6.其它

如果想自己的网页更有特色一些，可适当地加一些网页制作的技巧，诸如声音、动态网页等，当然这些小技巧最好不要加太多，它会影响网页的下载速度。等个人主页做得差不多了，可别忘了在个人主页上放一个留言板、一个计数器。前者能及时获得参观者的意见和建议，及时得到网友反馈的信息，最好能做到有问必答，用行动去赢得更多的访问者；后者能让知道主页参观者的统计数据，可以及时调整设计，适应不同的浏览器和参观者的要求。

7.宣传

昨天，网页与我无缘，那是因为上天不给我们一个见面的机会！

今天，网页与我相识，与我相知，成为我的一个最真诚的朋友，那时因为董老师的辛勤栽培！

明天，网页与我一生相伴，终身相随，那是因为我领悟了什么是“一个网络，整个世界”。

总而言之，我将用毕生的精力，心血去换取网络中最灿烂的那颗夜明珠，在网页的蓝图里，我将记下人生不朽的个人诗篇，计算机会在以后的学习生活中充当越来越重要的角色，相信我也会学习到更多关于计算机和网络的知识。这次制作网页收获确实不小！！

下载web知识点总结word格式文档

下载web知识点总结.doc

将本文档下载到自己电脑，方便修改和收藏，请勿使用迅雷等下载。

点此处下载文档

文档为doc格式

相关专题 javaweb知识点总结 web测试点总结学习web总结

网址：https://www.xiexiebang.com/a1/2019051212/7d7988947a3c5acb.html
声明：本文内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：645879355@qq.com 进行举报，并提供相关证据，工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。

相关范文推荐

web项目总结

Web项目总结转眼间，已经完成了四周的web电信项目。总体上来说在这段时间里还是学习了许多平时没有学到的东西，对项目的理解也不象以前那么肤浅了。下面就在这段时间的收获与......

web项目总结

第二阶段项目总结这是第二次做项目了，虽然每次做的并不是什么很大的项目，但做项目的过程中却真正体会了其中的艰辛与快乐。一个个问题解决时的快意，一个个问题产生后的迷茫，都......

Web课程总结

合肥学院计算机科学与技术系 Web应用系统开发课程论文学号 1204013037 姓名童子轩专业班级 12级计本3班2013.6 Web课程总结内容摘要人类已进入信息社会，信息技术的应......

web期末考试总结

第一章： 1. 万维网（World Wide Web，Web）也称为环球信息网； 2. 世界上第一个网站是http: //info. cern. ch/，它于1991年8月6日上网； 3. Tim Berners-Lee爵士（1955年出生于英国）是关注......

WEB测试总结

WEB测试总结 (架构,设计)精华部分 1、总计架构测试 1）瘦客户端，业务逻辑规则多数在服务器端执行。如新闻站点、门户网站、信息发布网站等。 2）胖客户端，安全性要求较高、交互......

WEB框架总结

概述开发框架的选择，始终是个仁者见仁、智者见智的事情。尤其是Web层的开发框架，数量非常多，而且各有特色，如：Struts、WebWork、Spring MVC、Tapestry、JSF、WebPage3.0......等......

java web总结

Java Web 总结一 Servlet的继承层次很多，但是我们web开发常用的也就是javax.servlet.http.HttpServlet这个类，我们常用的两个请求方法是doGet(),doPost(),还有从父类继承过......

java web总结

Java Web 总结1.JSP运行原理（1）用户通过客户端浏览器向服务器发送请求。（2）JSP文件将JSP引擎编译成Java的class文件，即servlet。（3）将产生的servlet加载到内存执行。（4）Servlet的......

点击咨询
第一篇
第二篇
第三篇
第四篇
第五篇
更多