web知識點(diǎn)總結(jié)

第一篇：web知識點(diǎn)總結(jié)

第一章

1.HTML（Hypertext Markup Language）超文本標(biāo)記語言 CSS（Cascading Style Sheets）層疊樣式表 2.當(dāng)前主流的瀏覽器

用于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 是服務(wù)器端的程序語言

5.XHTML是HTML的一個變體。X代表可擴(kuò)展的第二章

1.常用的HTML標(biāo)簽

封閉整個HTML文檔

封閉html的頭部。在中使用

指定文檔的頁面標(biāo)題在〈head〉標(biāo)簽對內(nèi)使用

第二篇：web前端開發(fā)知識點(diǎn)總結(jié)

HTML知識總結(jié)

span

行級元素，多個

同行塊級元素，獨(dú)占

一行塊級元素，前后

保留一行

標(biāo)題標(biāo)簽，h1~h6表6個等級，加粗，前后保留一行width：設(shè)置寬

度height：設(shè)置高

度alt：圖片加載失敗顯示的文本

div

文本類

圖片標(biāo)簽img

color：顏色

水平線常用標(biāo)簽

size：高度（粗

細(xì)）width：寬度（長度）herf：超鏈接轉(zhuǎn)到的地址

超鏈接a

target

_self:默認(rèn)值，在當(dāng)前頁面打開_blank:在新窗口

打開

帶標(biāo)題的框fieldsetlegend設(shè)置標(biāo)題

disc：實心圓

無序列表

列表標(biāo)簽

有序列表

square：小方塊

olcircle：空心圓

tr表示行

表示標(biāo)題單元格，居中、加粗

表格標(biāo)簽

caption

表示一個單元格

表示標(biāo)題，定義在第一行，居中

rowspan

設(shè)置單元格占的行

數(shù)

colspan

設(shè)置單元格占的列

數(shù)

action表單提交地址

get：顯示提交參數(shù)，將參數(shù)用?和&拼接到url上

帶到服務(wù)器端

method

post：隱式提交參

數(shù)optgroup 表示分組,分組不能選,只能選分組中的option

下拉菜單cols: 顯示文本的列數(shù)(寬度)name：參數(shù)名size：顯示字符長度（控制文本框長度）maxlength：最大可輸入字符數(shù)input文本框type=“text”placeholder：提示內(nèi)容disabled：不會被提交到服務(wù)器readonly：只讀（會被提交到服務(wù)器）value：默認(rèn)值密碼框type=“password”單選按鈕type=“radio”復(fù)選框type=“checkbox”文件選擇框type=“file”按鈕type=“button”提交type=“submit”checked：默認(rèn)選中input按鈕重置type=“reset”noresize：不能改變框架大小frame：表示框架scolling：是否顯示滾動條（yes、no、auto）設(shè)置框架集在縱向上的拆分策略設(shè)置框架集在橫向上的拆分策略rowscolsborder框架集<frameset>框架邊框的寬度borderColor框架邊框顏色frameBorder設(shè)置框架是否有邊框(yes|no)_blank:新窗口中打開_self:在當(dāng)前窗口打開框架集中的超鏈接打開方式target_parent:父窗口中打開_top在最頂層窗口中打開frameName：在對應(yīng)name框架打開ifame在頁面中嵌入框架dl、dt、dd其他標(biāo)簽<dl><dt>數(shù)碼</dt> <dd>手機(jī)</dd> </dl>marquee：滾動標(biāo)簽<img src=“usemap_img.jpg” usemap=“#yifuMap”><map name=“yifuMap” id=“yifuMap”><areashape=“circle”coords=“309,257,20”target=“_blank”href=“http://5新標(biāo)簽number：數(shù)字輸入date picker：日期選擇datalist：自動提示<datalist id=”arealist“><option>sichuan</option><option>chongqing</option><option>guangzhou</option><option>shanghai</option><option>beijing</option><option>tianjin</option></datalist><input type=”text“ list=”arealist“>video：動畫媒體radio：音頻autocomplete：是否關(guān)閉自動提示（off |on）html5新標(biāo)簽autofocus: 自動獲得焦點(diǎn)required: 表示控件必須輸入內(nèi)容controls : 播放控制條autoplay ：自動播放loop ：循環(huán)播放preload ：預(yù)加載，如果設(shè)置了autoplay，就可以不用設(shè)置preloadCSS知識點(diǎn)總結(jié)內(nèi)聯(lián)：直接在標(biāo)簽的style屬性上編寫樣式<input type=”text“ style=”color: blue;background-color: #eeeeff;“>樣式定義方式樣式塊：在style標(biāo)簽中編寫樣式塊，并通過一定規(guī)則（選擇器）應(yīng)用到對應(yīng)的那些標(biāo)簽上(通常寫在head中)<style>span {color: green;background-color: #eeffee;}</style>外部樣式文件：將樣式塊編寫在外部的css文件中(不用寫style標(biāo)簽)* 在需要使用樣式的頁面通過link標(biāo)簽引入樣式文件(通常寫在head中)<link href=”hehe.css“ rel=”stylesheet“>id選擇器#xxx 針對id為xxx的標(biāo)簽類選擇器.xxx 針對class屬性為xxx的標(biāo)簽標(biāo)簽選擇xxx 針對標(biāo)簽名為xxx的標(biāo)簽*選擇器選擇所有元素選擇器后代元素關(guān)系選擇selector1 selector2 {...} 針對selector1下的所有的selector2子元素關(guān)系選擇selector1 > selector2 {...} 只針對selector1的selector2子元素(如果有后代selector2元素則不會應(yīng)用)緊鄰兄弟關(guān)系選擇selector1 + selector2 {...} 只針對緊接在selector1后的selector2元素所有隨后的兄弟關(guān)系selector1 ~ selector2 {...} 針對selector1后的所有的selector2兄弟元素color：字體顏色font-size：字體大小font-family：字體樣式字體font-weight: bolder(加粗)| normal(不加粗)font-style: 設(shè)置字體傾斜(normal | italic | oblique)*italic和oblique實際顯示效果幾乎一致font-variant: 設(shè)置字體顯示為小型大寫字母text-align: 水平對齊方式(left | center | right)常用屬性vertical-align: 垂直對齊方式(top | middle |bottom)line-height: 設(shè)置行高(通常用于設(shè)置文本居中)white-space: nowrap 不換行, pre 當(dāng)做pre標(biāo)簽border: 邊框(1px solidred)文本width: 寬度underline 下劃線height: 高度overline 上劃線text-decoration: 文本裝飾line-through 貫穿線(刪除線)blink 閃爍none 無dtext-shadow: 3px 3px 5px red;第一個參數(shù): 陰影水平位置(x軸上的偏移量)text-shadow: 文本陰影第二個參數(shù): 陰影垂直位置(y軸上的偏移量)第三個參數(shù): 模糊程度第四個參數(shù): 陰影顏色padding：內(nèi)邊距padding: xxpx;padding: xxpx xxpx;padding: xxpx xxpx xxpx;padding: xxpx xxpx xxpx xxpx;padding: auto;padding: xxpx auto;padding-toppadding-leftpadding-rightpadding-bottom盒子模型margin：外邊距margin: xxpx;margin: xxpx xxpx;margin: xxpx xxpx xxpx;margin: xxpx xxpx xxpx xxpx;margin: auto;margin: xxpx auto;margin-topmargin-leftmargin-rightmargin-bottomborder：邊框color：顏色；width：寬度；style：outset|inset|solid|double|dottedborder-radius: 10px;/* 同時設(shè)置4個角*/background-color: 背景顏色background-image: 背景圖片background-repeat: no-repeat | repeat-x |repeat-y | repeat背景background-position: xxxpx xxpx | xx%xx%;(可以為負(fù)數(shù))background-size: xxxpx xxpx | xx% xx% |cover | contain;(不能為負(fù)數(shù))cover: 拉伸,可以超出contain: 拉伸不能超出background-attachment: scroll(隨著內(nèi)容一起滾動)| fixed(不滾動)hidden：隱藏scroll：滾動overflow：當(dāng)內(nèi)容溢出時的處理方式visible：直接顯示auto：如果溢出就滾動，否則不顯示滾動條visible 顯示visibility：設(shè)置元素是否顯示hidden 隱藏，保留占位none：隱藏，不保留占位block：設(shè)置為塊級元素display：設(shè)置元素是否顯示inline：設(shè)置為行級元素布局inline-block：設(shè)置為行內(nèi)塊元素left 左浮動float: 浮動right 右浮動none 不浮動left 不允許左邊有浮動clear: 清除浮動right 不允許右邊有浮動both 不允許兩邊有浮動ul或ol 自帶樣式：列表樣式list-style-type: 列表項的樣式margin: 16px 0px;padding: 0px 0px 0px40px;absolute：如果有父元素被定位按照父元素的原點(diǎn)進(jìn)行定位，否則按照瀏覽器原點(diǎn)進(jìn)行定位position定位z-index: 設(shè)置z軸的值，越大越在最前relative：相對定位參照元素本身的位置fixed：固定位置，不會滾動link 超鏈接默認(rèn)樣式hover 鼠標(biāo)懸停樣式active 鼠標(biāo)點(diǎn)擊樣式visited 訪問之后的樣式（主要控制顏色）偽類focus 獲得輸入焦點(diǎn)的樣式first-child 第一個元素last-child 最后一個元素:not 不包含指定的選擇器:noly-child 是父元素的唯一子元素cursor 鼠標(biāo)樣式其他樣式box-shadow 陰影translate:平移rotate：旋轉(zhuǎn)transform：變換scale：縮放skew：扭曲matrix：以變換矩陣變換第一個值表示需要過渡的樣式屬性transition 過渡transition:transform2s,background-color.5s;第二個值表示整個過渡過程需要的時間第三個值表示過渡時的貝塞爾曲線第四個值表示延遲多久才開始過渡animation 動畫@keyfarmes 關(guān)鍵幀用于定義動畫的細(xì)節(jié)（每一幀如何顯示）@keyframes myanimation {0% { background-color: #cfc;}30% {background-color: #ccf;border-radius: 50px;}80% {width: 300px;background-color: #fcc;}100% {width: 300px;height: 300px;background-color: #000;}}@-o-keyframes myanimation {}@-ms-keyframes myanimation {}@-moz-keyframes myanimation {}@-webkit-keyframes myanimation {}需要顯示動畫的地方通過animation屬性來使用聲明的關(guān)鍵幀.ac:active {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 完全不透明瀏覽器兼容前綴-webkit-chrome，safari, opera-o-opera-moz-firefox-ms-ie（ie9以上）JavaScriptjavascript代碼必須包含在標(biāo)簽中也可以書寫到外部的.js文件中,通過來引入script標(biāo)簽只能同時做一件事情.如果既有src屬性也包含代碼則只會執(zhí)行外部文件的代碼通過alert來彈出提示框通過document.write來輸入文本到頁面上(可以輸入標(biāo)簽)Number: 數(shù)值型整數(shù)和小數(shù)Boolean: 布爾型(true |false)String: 字符串字符串必須被”“或''包含必須對稱如果字符串中包含引號可以單引號中包含雙引號或者是雙引號中包含單引號也可以使用'來表示一個單引號”來表示一個雙引號n 表示換行數(shù)據(jù)類型t 表示制表符表示書寫方式NaN: Not A Number 當(dāng)使用非數(shù)字來進(jìn)行運(yùn)算時的值undefied: 未定義null: 空值substring 截取子串, 從start到end-1處,如果沒指定end則取到最后一個字符toUpperCase 將所有字符變成大寫toLowerCase 將所有字符變成小寫indexOf 查找子串首次出現(xiàn)的位置, 如果找不到則返回-1字符串處理lastIndexOf 查找子串最后一次出現(xiàn)的位置, 如果找不到則返回-1charAt 取指定位置上的字符slice 也是取子串,效果和substring一樣可以用-1,-2,-3...從末尾開始計數(shù)split 將字符串按照指定的字符進(jìn)行拆分成為數(shù)組獲取當(dāng)前時間var now = new Date()獲取指定時間的日期對象var date = new Date(yyyy,MM,dd,HH,mm,ss)設(shè)置指定時間(將時間對象設(shè)置為一個指定時間)now.setFullYear(yyyy,MM,dd,HH,mm,ss)now.setMonth日期Datenow.setDatenow.setHours...獲取指定時間信息now.getFullYear()// 年只能取出年份,如: 2015now.getMonth // 月0-11月now.getDate // 日now.getDay // 星期0-6(0表示星期天)now.getHours // 時24小時制now.getMinutes // 分now.getSeconds // 秒now.getMilliseconds// 毫秒通過new Array()來創(chuàng)建數(shù)組var names = new Array();var names = new Array(“小王”, “大王”, “炸彈”);// 創(chuàng)建時給數(shù)組設(shè)置默認(rèn)值//用json格式表示數(shù)組var names = [];var names = [“小王”, “大王”, “炸彈”];數(shù)組Array可以通過length來設(shè)置或獲取數(shù)組的長度push : 往數(shù)組末尾添加元素pop: 刪除并返回數(shù)組的最后一個元素unshift: 往數(shù)組的開頭添加元素shift: 刪除并返回數(shù)組的第一個元素reverse: 顛倒數(shù)組順序sort: 按“字符串”的自然排序規(guī)則進(jìn)行升序splice: 刪除指定位置處的指定個數(shù)元素并將第三個參數(shù)之后的參數(shù)添加到被刪除位置(設(shè)置第二個參數(shù)為0則實現(xiàn)只添加不刪除, 之傳入兩個參數(shù)實現(xiàn)只刪除不添加)slice: 獲取start到end處的子數(shù)組join: 將數(shù)組元素以指定分隔符進(jìn)行連接成為字符串function xxx(....){聲明函數(shù)....}var xxx = function(...){...函數(shù)變量}var ooo = xxx;ooo();函數(shù)function fn(fx){fx();將函數(shù)作為參數(shù)}fn(function(){...});（function(...){立即執(zhí)行函數(shù)....})(...);getElementById 根據(jù)id獲取唯一的元素var xx = document.getElementById(“xx”);DOM(Document Object Model)文檔對象模型獲取元素getElementsByTagName 根據(jù)標(biāo)簽名獲取元素數(shù)組onclick 鼠標(biāo)點(diǎn)擊事件getElementsByClassName 根據(jù)類獲取元素數(shù)組(如果元素被改變了class值將會從數(shù)組中刪除)onmouseover 鼠標(biāo)進(jìn)入事件onmouseout 鼠標(biāo)離開事件onmousemove 鼠標(biāo)被移動onmousedown 鼠標(biāo)按鈕被按下事件機(jī)制onmouseup 鼠標(biāo)按鈕被松開onkeydown 某個鍵盤按鍵被按下onkeyup某個鍵盤按鍵被松開onload 一張頁面或圖像被完成加載onchange 域的內(nèi)容被改變onfocus 元素獲得焦點(diǎn)onblur 元素失去焦點(diǎn)setTimeout: 延遲執(zhí)行(只會執(zhí)行一次)var xx = setTimeout(xxx, 1000);setTimeout(“fn();”, 3000);BOM(Browser Object Model)window清除使用clearTimeout(xx);setInterval: 定時執(zhí)行(間隔指定時間循環(huán)執(zhí)行)xx.offsetLeft獲取元素的位置和尺寸(只讀)xx.offsetTopxx.offsetWidthxx.offsetHeightvar xx = setInterval(xxx,1000);清除使用clearInterval(xx);[] 表示[]中的字符任意取一個在[] 中的^ 表示非不包含該字符()表示將多個表達(dá)式合并為一個表達(dá)式在()中的|表示將兩個匹配條件進(jìn)行邏輯“或”（Or）運(yùn)算。+ 前一個表達(dá)式出現(xiàn)至少一次1~n {1,}* 前一個表達(dá)式出現(xiàn)任意次0~n {0,}? 前一個表達(dá)式出現(xiàn)0~1次{0,1}{n} 前一個表達(dá)式出現(xiàn)n次{n,} 前一個表達(dá)式出現(xiàn)至少n次{n,m} 前一個表達(dá)式出現(xiàn)n~m次.任意字符(不包含rn)正則表達(dá)式^ 匹配字符串的開頭$ 匹配字符串的結(jié)尾w 表示一個任意的單詞字符包括_ [a-zA-Z0-9_] * 不包含破折號W 對w取反(不包含單詞字符)[^a-zA-Z0-9_]d 表示一個數(shù)字字符[0-9]D 對d取反[^0-9]s 表示一個任意空白字符空格中文狀態(tài)的空格制表符全角空格S 對s取反非空格n 換行符b 單詞邊界B 不是單詞邊界(對b取反)eval執(zhí)行字符串形式的代碼。for(var i in array){var item = array[i];}for(var key in obj){var value = obj[key];}迭代數(shù)組迭代出的值為數(shù)組的下標(biāo)for...in迭代對象迭代出的值為對象的屬性名其他with設(shè)置以某個對象為代碼塊作用域?qū)ο?/p>delete attribute刪除屬性isNaN如果被判斷值不是一個數(shù)字則返回true，否則為false<h2><a name="3" >第三篇：web基礎(chǔ)總結(jié)</a></h2>html 小結(jié)html不區(qū)分大小寫<html><head></head><body></body></html>超鏈接的運(yùn)用：<a href=“連接地址” target=“顯示類型”>鏈接名稱</a>錨記的運(yùn)用:<a href=“#錨點(diǎn)名稱”>錨記名稱</a><a name=“錨點(diǎn)名稱”>錨記名稱</a>標(biāo)簽的類型與運(yùn)用：<a></a>//鏈接<body></body>//文檔主體部分 <button >按鈕名</button><caption>標(biāo)題名</caption>//表格標(biāo)題<center> </center>//屬性居中//字體類型<frame></frame>//框架<h1></h1>//字體大小<hr>//橫線<img src=“url”>//圖片<input><label></label><li></li>// 列表項目<link /><map>//圖像映射<ol></ol>//有序列表<ul></ul>//無需列表<option></option>//列表選項//段落標(biāo)志</pre>//設(shè)定文本格式<select></select>//選擇列表//強(qiáng)調(diào)文本<style></style>//下標(biāo)//上標(biāo)<table></table><tr></tr><td></td><textarea>

屬性：

Position：

第四篇：web 算法總結(jié)

1.去掉超鏈接的下畫線：在 //添加這句就行。 2.格式為：你需要添加下畫線的文字 3.獲取時間

我們可以通過使用DataTime這個類來獲取當(dāng)前的時間。通過調(diào)用類中的各種方法我們可以獲取不同的時間：如：日期（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();

獲取秒數(shù)

// 45 //n為一個數(shù),可以數(shù)整數(shù),也可以事小數(shù) 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語句使用時間和日期的函數(shù)

getdate():獲取系統(tǒng)當(dāng)前時間

dateadd(datepart,number,date):計算在一個時間的基礎(chǔ)上增加一個時間后的新時間值,比如：dateadd(yy,30,getdate())datediff(datepart,startdate,enddate):計算兩個時間的差值,比如：datediff(yy,getdate(),'2008-08-08')dataname(datepart,date):獲取時間不同部分的值，返回值為字符串 datepart(datepart,date):和datename相似，只是返回值為整型 day(date):獲取指定時間的天數(shù) month(date):獲取指定時間的月份 year(date):獲取指定時間的年份 select year(getdate())：當(dāng)前年份

第五篇：Web課程設(shè)計總結(jié)

Web課程設(shè)計總結(jié)

一、作品主題描述

我設(shè)計的網(wǎng)頁的主題是關(guān)于動漫推薦的。

我喜歡動漫，各種題材的，古代江湖、歷史故事、恐怖、熱血之類的我都喜歡，做這個網(wǎng)站是希望把我喜歡的推薦給大家，讓更多的人加入二次元的世界！

二、作品技術(shù)路線

關(guān)于作品技術(shù)路線，我主要用了bootstrap方面的知識，像bootstrap按鈕、下拉菜單、縮略圖、bootstrap輪播之類的，當(dāng)然還有很多基礎(chǔ)知識，例如背景、背景音樂，還有視頻的插入，網(wǎng)頁的鏈接等等。

三、作品素材處理

關(guān)于素材，由于我是做的動漫方面的網(wǎng)頁，首先我先去選擇適合主題的圖片，再選擇其中最能代表作品的圖片，再根據(jù)實際情況修改圖片尺寸，接著再選擇文字素材，選擇簡短有最能概括作品內(nèi)容的文字。

四、主要問題

在這次設(shè)計中，我還想實現(xiàn)排行榜這個功能，但由于個人能力不足，還有一部分時間問題，沒有實現(xiàn)排行榜功能，心里略微有些遺憾，我會在交上本次課程設(shè)計之后繼續(xù)努力完成，還有視頻和背景音樂的插入，沒有成功改變播放器的樣式。

五、網(wǎng)頁制作的心得體會

轉(zhuǎn)瞬之間，半個學(xué)期又接近尾聲，在李導(dǎo)師的精心輔導(dǎo)下，度過了這個富有生機(jī)，富有朝氣的學(xué)期。學(xué)到了很多做夢也不會遇到的如此奇特的有趣知識，對于我來講是一個很好的鍛煉和充實的機(jī)會。

俗話說的好“書山有路勤為徑，學(xué)海無涯苦作舟”。在這一絕世佳句的鼓動下，我把握了工作之余的一切可利用的剩余時間，全心全意投入到網(wǎng)頁世界，去不斷的學(xué)習(xí)，去不斷的收索；同時去不斷的充實，去不斷的完善自我，在網(wǎng)絡(luò)的天空下逐漸的美化自己的人生！

在學(xué)習(xí)網(wǎng)頁制作的過程中，我深深體會到一點(diǎn)“有付出，就終有回報”，你的付出與你的回報終究是成正比的。經(jīng)過了多少漫漫長路，經(jīng)過了多少忘我的投入，經(jīng)過了多少波折，我的網(wǎng)頁與眾人見面了。當(dāng)我第一眼在網(wǎng)絡(luò)下一覽我的個人主頁，我是多么的激動，多么的興奮，就像多年未見的老同學(xué)，一種講不出道不明的感覺。

我在制作主頁中的心得體會:做好主頁，并不是一件容易的事，它包括個人主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。1.標(biāo)題

在個人主頁中標(biāo)題起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標(biāo)題必須有概括性、簡短，有特色、容易記，還要符合自己主頁的主題和風(fēng)格，決不要取一個名不符實的“好名字”，別人第一次上了當(dāng)，下次再也不會光顧了。2.內(nèi)容的采集

選好標(biāo)題后，開始采集內(nèi)容，內(nèi)容必須與標(biāo)題相符，在采集內(nèi)容的過程中，應(yīng)注重特色，所謂特色應(yīng)該是有一些自己的東西。個人主頁中的特色，應(yīng)該突出自己的個性，把自己的興趣、愛好盡情地發(fā)揮出來，因為在網(wǎng)絡(luò)上不受限制。主頁就是在網(wǎng)絡(luò)上的一個小小家園，在那里，可以放上自己喜歡的任何東西，包括你自己平時喜歡一些文章，一些好聽的歌，一些好的動畫作品。把這些內(nèi)容按類別進(jìn)行分類，設(shè)置欄目，讓人一目了然，在欄目上不要設(shè)置太多，最好不要超過十個，層次上最好少于五層。3.圖片

做個人主頁不能只用文字，必須在主頁上適當(dāng)?shù)丶右恍﹫D片，增加可看性，俗話說“一圖勝千言”，我想不無道理，一張?zhí)幚淼煤玫膱D片不需要多做任何解釋，就能讓人一目了然，讓人去思考，去了解它。當(dāng)然處理得不好的以及無關(guān)緊要的圖片最好不要放上去，否則讓人覺得是累贅，同時也影響網(wǎng)頁的傳輸速度。圖片不僅要好看，還要在保證圖片質(zhì)量的情況下盡量縮小圖片的大小（即字節(jié)數(shù)），在目前網(wǎng)絡(luò)傳輸速度不是很快的情況下，圖片的大小在很大程度上影響了網(wǎng)頁的傳輸速度。那么如何精簡圖片的大小呢，一般來說，圖片顏色較少的及在256色以內(nèi)的最好把它處理成gif圖像格式，如果是一些色彩比較豐富的圖片，最好把它處理成jpg圖像格式，因為gif和jpg各有各的壓縮優(yōu)勢，應(yīng)根據(jù)具體的圖片來選擇壓縮比。

4.網(wǎng)頁排版

網(wǎng)頁頁面整體的排版設(shè)計也是不可忽略的，要讓讀者在狹小的電腦屏幕上閱讀，很重要的一個原則是合理地運(yùn)用空間，讓自己的網(wǎng)頁井井有條，留下必要的空白，人覺得很輕松。不要把整個網(wǎng)頁都填得密密實實的，沒有一點(diǎn)空隙，這樣會給人一種壓抑感。5.背景

網(wǎng)頁的背景并不一定非要用白色，選用的背景應(yīng)該和整套頁面的色調(diào)相協(xié)調(diào)。合理的應(yīng)用色彩是非常關(guān)鍵的。

6.其它

如果想自己的網(wǎng)頁更有特色一些，可適當(dāng)?shù)丶右恍┚W(wǎng)頁制作的技巧，諸如聲音、動態(tài)網(wǎng)頁等，當(dāng)然這些小技巧最好不要加太多，它會影響網(wǎng)頁的下載速度。等個人主頁做得差不多了，可別忘了在個人主頁上放一個留言板、一個計數(shù)器。前者能及時獲得參觀者的意見和建議，及時得到網(wǎng)友反饋的信息，最好能做到有問必答，用行動去贏得更多的訪問者；后者能讓知道主頁參觀者的統(tǒng)計數(shù)據(jù)，可以及時調(diào)整設(shè)計，適應(yīng)不同的瀏覽器和參觀者的要求。

7.宣傳

昨天，網(wǎng)頁與我無緣，那是因為上天不給我們一個見面的機(jī)會！

今天，網(wǎng)頁與我相識，與我相知，成為我的一個最真誠的朋友，那時因為董老師的辛勤栽培！

明天，網(wǎng)頁與我一生相伴，終身相隨，那是因為我領(lǐng)悟了什么是“一個網(wǎng)絡(luò)，整個世界”。

總而言之，我將用畢生的精力，心血去換取網(wǎng)絡(luò)中最燦爛的那顆夜明珠，在網(wǎng)頁的藍(lán)圖里，我將記下人生不朽的個人詩篇，計算機(jī)會在以后的學(xué)習(xí)生活中充當(dāng)越來越重要的角色，相信我也會學(xué)習(xí)到更多關(guān)于計算機(jī)和網(wǎng)絡(luò)的知識。這次制作網(wǎng)頁收獲確實不?。?！

下載web知識點(diǎn)總結(jié).doc

將本文檔下載到自己電腦，方便修改和收藏，請勿使用迅雷等下載。

點(diǎn)此處下載文檔

文檔為doc格式

網(wǎng)址：http://004km.cn/a1/2019051212/7d7988947a3c5acb.html
聲明：本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)自行上傳，本網(wǎng)站不擁有所有權(quán)，未作人工編輯處理，也不承擔(dān)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)有涉嫌版權(quán)的內(nèi)容，歡迎發(fā)送郵件至：645879355@qq.com 進(jìn)行舉報，并提供相關(guān)證據(jù)，工作人員會在5個工作日內(nèi)聯(lián)系你，一經(jīng)查實，本站將立刻刪除涉嫌侵權(quán)內(nèi)容。