Phát triển web

Chia sẻ: Phạm Văn Trọng | Ngày: | Loại File: PDF | Số trang:15

Thêm vào BST

Báo xấu

210
lượt xem 57
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

Làm web ai cũng muốn website mình thu hút được nhiều người xem. Khi bạn nhìn thấy thành quả của mình được nhiều người sử dụng thì khong còn niềm vui nào hơn nữa. Nhưng làm thế nào để biết website mình đã có bao nhiêu lượt người truy cập. Đơn giản là đặt bộ đếm. Để tạo bộ đếm cho website bạn có 2 cách là đăng ký sử dụng một dịch vụ tạo bộ đếm trên mạng hoặc tự mình tạo ra một bộ đếm. Ở đây mình xin hướng dẫn cả hai cách luôn...

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Phát triển web

HUỲNH MAI ANH KIỆT CHƯƠNG I: TẠO BỘ ĐẾM CHO WEBSITE 1- Đếm lượt người đã truy cập vào website Làm web ai cũng muốn website mình thu hút được nhiều người xem. Khi bạn nhìn thấy thành quả của mình được nhiều người sử dụng thì khong còn niềm vui nào hơn nữa. Nhưng làm thế nào để biết website mình đã có bao nhiêu lượt người truy cập. Đơn giản là đặt bộ đếm. Để tạo bộ đếm cho website bạn có 2 cách là đăng ký sử dụng một dịch vụ tạo bộ đếm trên mạng hoặc tự mình tạo ra một bộ đếm. Ở đây mình xin hướng dẫn cả hai cách luôn a- Bộ đếm do các dịch vụ cung cấp sẵn: Ở đây mình sử dụng không cần phải đăng ký của Hostingtoolbox và Fast Web Counter (bạn chỉ chọn một trong hai thôi) cho khỏi rắc rối và mình cũng chỉ hướng dẫn thao tác với 2 dịch vụ này. Ngoài ra cũng còn một số dich vụ khác yêu cầu đăng ký và nếu bạn sử dụng chúng thì bạn sẽ được nó cung cấp cho một đoạn mã và bạn hãy dùng đoạn mã ấy thay vì dùng hai đoạn mã tôi cung cấp ở phần dưới. Đầu tiên bạn tạo một tập tin ASP mới với tên là demluottruycap.asp với nội dung như sau:     SỐ LƯỢT TRUY CẬP
Bạn hãy thay dòng chữ WWW.A2TRUNGVUONG.NET - HUỲNH MAI ANH KIỆT bằng một trong hai đoạn mã sau đây: hits Hoặc: Sau đó bạn lưu file này vào thư mục Includes. Bạn mở tiếp file inc_left.asp nằm trong thư mục Includes luôn và chèn thêm đoạn mã sau vào hàng cuối: . Rồi bây giờ bạn upload web lên host để xem kết quả (chỉ cần up file demluottruycap.asp và inc_left.asp là được rồi). Các bạn chú ý là chỉ khi nào máy tính nối mạng thì bộ đếm này mới hoạt động nha. b- Bộ đếm tự tạo Ưu điểm của bộ đếm này là nó hoạt động cả khi máy tính của bạn không nối mạng. Đầu tiên chúng ta sẽ dùng cơ sở dữ liệu Access để lưu trữ thông tin về số lần duyệt xem website. Bạn tạo một database mang tên bodem.mdb. Trong datase này bạn tạo bảng (table) mang tên bodem. Và trong bảng bodem bạn tạo các trường sau: ID, page_name và hit_count. Sau đó bạn điền một giá trị bất kỳ vào trường page_name ví dụ của tôi là mykieu đi nha, lúc này tại trường ID sẽ nhảy số 1 và trường hit_count sẽ có giá trị 0. Sau đó bạn lưu file này vao thư mục database (thư mục này là thư mục con của thư mục admin). Sau đó bạn tiếp tục tạo file demluottruycap.asp với nội dung giống như tôi đã đề cập ở phần trước nhưng lần này bạn thay dòng chữ WWW.A2TRUNGVUONG.NET- HUỲNH MAI ANH KIỆT bằng đoạn mã sau:
if session("been_here_before") = "" then session("been_here_before") = "Yes" if rsCounter.eof then rsCounter.AddNew iCount = 0 rsCounter.Fields("page_name").Value = "mykieu" Else rscounter.movefirst iCount = rsCounter.Fields("hit_count").Value End If ' Increment the count and update the DB rscounter.movefirst rsCounter.Fields("hit_count").Value =icount+1 rsCounter.Update end if if not rsCounter.eof then rscounter.movefirst icount=rsCounter.Fields("hit_count").Value end if ' Close our connection rsCounter.Close Set rsCounter = Nothing sub viet Chuoi=icount For intWriteDigitLoopCount = 1 to 10-Len(icount) chuoi="0" & chuoi Next Response.Write("" & chuoi & " ") end sub %> Các bạn chú ý nếu giá trị bạn điền vào trường page_name khác mykieu thì bạn thay các chỗ nào trong đoạn mã sau có chữ mykieu bằng giá trị bạn gán cho nó. Sau đó bạn lưu file này vào thư mục Includes. Bạn mở tiếp file inc_left.asp nằm trong thư mục Includes luôn và chèn thêm đoạn mã sau vào hàng cuối: . Rồi bây giờ bạn mở website lên để xem thành quả của mình (dù nối mạng hay không nối mạng thì bộ đếm này cũng hoạt động). Và đây là kết quả thu được: Các bạn chú ý là khi sử dụng bộ đếm tự tạo thì giá trị các bạn có thể thay đổi được (ví dụ website của bạn chỉ có 7 người truy cập nhưng bạn sửa thành 1728 chẳng hạn) vì vậy các bạn thay đổi giá thị thì cũng không ai biết. Tuy nhiên tôi thành thật khuyên các bạn là không nên làm điều đó, còn lý do thì tôi chưa nghĩ ra. 2- Đếm số người đang online: Tương tự như bộ đếm lượt truy cập thì bộ đếm này cũng có 2 cách tạo là dùng dịch vụ có sẵn hoặc tư tạo lấy. Mình cũng xin hướng dẫn 2 cách luôn. a- Bộ đếm do các dịch vụ cung cấp sẵn Ở đây mình hướng dẫn cách tạo bộ đếm với dịch vụ của website www.freeonlineusers.com.
Công việc đầu tiên là bạn phải tạo tài khoản trên website này. Tôi xin không đề cập nhiều đến việc đăng ký và cách lấy mã. Bây giờ bạn tạo một file ASP mang tên nguoionline.asp chẳng hạn với nội dung như sau:     SỐ NGƯỜI ONLINE
Các bạn chú ý đến phần chữ màu cam đó chính là đoạn mã mà dịch vụ cung cấp cho bạn. Trong đó phần chữ màu đỏ chính là phần quan trong nó, nó là điểm khác biệt nhất giữa các đoạn mã mà nó cung cấp cho từng người dùng. Vậy bạn hãy thay nguyên phần in màu bằng đoạn mã mà chương trình cung cấp cho bạn hoặc đơn giản hơn là chỉ thay phần chữ màu đó bằng phần tương ứng trong đoạn mã mà chương trình cung cấp. Xong bạn lưu lại tập tin này vào thư mục Includes và bạn mở file inc_left.asp cũng nằm trong thư mục này lên và chèn đoạn mã sau vào phần cuối: Bộ đếm này chỉ hoạt động khi đưa lên mạng hoặc máy tính của bạn nối mạng. Và một điều hết sức quan trọng là độ chuẩn xác của nó thì không ai có thể kiểm chứng được – kinh nghiệm cho mình thấy hình như nó không được chuẩn xác lắm. b- Bộ đếm tự tạo Mình thì cũng chưa tạo bộ đếm này và cũng chưa sử dụng nó trên website của mình (tính tới thời điểm viết ebook này) nên mình cũng chưa dám nói nhiều mà chỉ xin trích dẫn một bài viết trên website www.quantrimang.com mà thôi: Mỗi ứng dụng web ASP đều có thể có một file cấu hình chung là GLOBAL.ASA. File GLOBAL.ASA được server đọc và thực thi khi ứng dụng web bắt đầu chạy mỗi khi có một yêu cầu tải trang web từ client (phía người dùng). Trong file GLOBAL.ASA thường có các thủ tục sau: Application_OnStart: Được gọi khi ứng dụng web bắt đầu chạy. Như vậy thủ tục này chỉ được gọi duy nhất một lần khi website của bạn có yêu cầu truy cập đầu tiên cho tới khi ứng dụng web kết thúc hoặc file GLOBAL.ASA có thay đổi. Chúng ta sẽ khởi tạo biến đếm số người đang truy cập website tại đây: Application(“So_Nguoi_Online”) = 0 Biến Application có ảnh hưởng tới toàn bộ ứng dụng web, tức là tất cả các trang của website đều dùng chung biến này. Session_OnStart: Được gọi khi có một yêu cầu kết nối của client tới server được thiết lập, tức là khi người dùng gõ vào địa chỉ của website trong trình duyệt để truy cập. Khi đó, chúng ta sẽ tăng biến đếm số người online: Application(“So_Nguoi_Online”) = Application(“So_Nguoi_Online”) + 1 Session_OnEnd: Được gọi khi client ngắt kết nối với server, tức là khi người dùng chuyển qua trang web khác hoặc đóng trình duyệt lại. Khi đó chúng ta sẽ giảm biến đếm số người online: Application(“So_Nguoi_Online”) = Application(“So_Nguoi_Online”) -1 Nội dung của file GLOBAL.ASA như sau: Sub Application_OnStart() Khởi tạo giá trị ban đầu cho biến = 0 Application(“So_Nguoi_Online”) = 0 End Sub Sub Session_OnStart() Mỗi khi có một yêu cầu truy cập khác thì tăng số người truy cập lên 1 Khóa biến Application để tránh trường hợp có nhiều yêu cầu truy cập cùng một lúc Application.Lock Application(“So_Nguoi_Online”) = Application(“So_Nguoi_Online”) + 1 Mở khóa biến Application để yêu cầu truy cập sau sẽ thay đổi được giá trị của biến Application.UnLock End Sub Sub Session_OnEnd() Mỗi khi có một có một kết nối bị ngắt thì giảm số người truy cập đi 1 Application.Lock Application(“So_Nguoi_Online”) = Application(“So_Nguoi_Online”) - 1 Application.UnLock End Sub Bạn phải đặt file GLOBAL.ASA trong thư mục gốc của website của mình, sau đó để hiển thị số người đang truy cập website bạn thực hiện như sau:
Số người đang xem website: Ngoài những cách như thế này còn có cách gộp 2 bộ đếm lại thành 1 cũng có 2 cách là sử dụng dịch vụ tạo sẵn hoặc tự mình thiết kế. Phần này bạn vui lòng tìm hiểu thêm ở các tài liệu khác vì ở đây mình cũng chưa đi sâu vào tìm hiểu kỹ. CHƯƠNG II: SỬA LẠI PHẦN BANNER Như chúng ta thấy phần banner của website mà mã nguồn gốc thật không đẹp mắt chút nào vì nó chỉ toàn chữ là chữ và như vậy thì sẽ không lôi cuốn khách viếng thăm. Vậy mình phải đổi lại banner này. Cách thực hiện như sau: Đầu tiên bạn tạo một file JavaScript với tên là quangcao.js với nội dung như sau: ///////////////////////////////////////////////////////////////////////////////////// var fBrw=(navigator.userAgent.indexOf('MSIE')!= -1 && navigator.userAgent.indexOf('Windows')!= -1); var fDSp=(typeof(document.getElementById)!='undefined'); var RefBanner = new Array(); var RefAdLogo = new Array(); var RefAdLBox = new Array(); var RefAdLBar = new Array(); var RefColumn = new Array(); var RefAdLeft = new Array(); var RefAdStay = 0; var SkpFolder = true; var CurBanner = 0; var CurFooter = 0; var LastChild = 0; var BannerLnk = 0; var FooterLnk = 0; var LComplete = 0; var StAdRight = new Array(); var EnAdRight = new Array(); var CurARight = new Array(); var ARightLnk = new Array(); var CurAdLeft = new Array(); var EndAdLeft = new Array(); var StaAdLeft = new Array(); var AdLeftLnk = new Array(); var strDomain = 'a2trungvuong.net' var sLocation = location.href; var pos = sLocation.indexOf("a2trungvuong.net") //if (pos < 1) location.href='http://a2trungvuong.net'; if (typeof(PageHost) == 'undefined') { var PageHost = ''; } function ChangeBanner(vAd) { if (RefBanner.length==0) return; var vCheckShow = 0; var vCheckShowTemp = 0; var d = 0; CurBanner++;
if (CurBanner >= RefBanner.length) CurBanner=0; vCheckShow = RefBanner[CurBanner][6]; if (vCheckShow == 3 && vAd < 4) vCheckShow = 0; if (vCheckShow != vAd && vCheckShow != 0) { for (i=CurBanner; i < RefBanner.length; i++) { vCheckShowTemp = RefBanner[i][6] if (vCheckShowTemp == 3 && vAd < 4) vCheckShowTemp = 0 if (vCheckShowTemp == vAd || vCheckShowTemp == 0) { break; } else { CurBanner++; } } } if (CurBanner >= RefBanner.length) CurBanner=0; document.links[BannerLnk].href= RefBanner[CurBanner][1]; if (RefBanner[CurBanner][0].substr(0,7).toLowerCase()=='http://') { document.images['TopBanner'].src = RefBanner[CurBanner][0]; } else { document.images['TopBanner'].src = PageHost.concat(RefBanner[CurBanner][0]); } if (RefBanner[CurBanner][1] == '') { document.links[BannerLnk].onclick = function() { return false; }; } else { document.links[BannerLnk].onclick = function() { return eval('openMeExt(this, '.concat(RefBanner[CurBanner][2]).concat(', 1)')); }; } } function DisplayBanner(rbn,vAd) { if (typeof(vAd)=='undefined') vAd=0; var vCheckShow = 0; var vCheckShowTemp = 0; var d = 0; if (RefBanner.length==0) { document.write('Dành cho Quảng cáoĐiện thoại: (+84-73) 511373(Thông tin Rao vặt vui lòng không liên hệ theo số này)'); return; } CurBanner=Math.floor(Math.random()*12321) % RefBanner.length; BannerLnk=document.links.length; vCheckShow=RefBanner[CurBanner][6];
if (vCheckShow == 3 && vAd < 4) vCheckShow = 0 if (vCheckShow == vAd || vCheckShow == 0) { if (RefBanner[CurBanner][1]=='') { if (RefBanner[CurBanner][0].substr(0,7).toLowerCase()=='http://') { document.write(''); } else { document.write(''); } } else { if (RefBanner[CurBanner][0].substr(0,7).toLowerCase()=='http://') { document.write(''); } else { document.write(''); } } d = 1; } else { for (i=0; i < RefBanner.length; i++) { vCheckShowTemp = RefBanner[i][6] if (vCheckShowTemp == 3 && vAd < 4) vCheckShowTemp = 0 if (vCheckShowTemp == vAd || vCheckShowTemp == 0) { CurBanner = i; d = 1; if (RefBanner[CurBanner][1]=='') { if (RefBanner[CurBanner][0].substr(0,7).toLowerCase()=='http://') { document.write(''); } else { document.write(''); } } else { if (RefBanner[CurBanner][0].substr(0,7).toLowerCase()=='http://') { document.write(''); } else
{ document.write(''); } } break; } } } if (d==0) { document.write('Dành cho Quảng cáoĐiện thoại: (+84-73) 511373'); return; } if (typeof(rbn) == 'undefined') rbn = 1; if (rbn) { setInterval('ChangeBanner(' + vAd + ')', 6000); } } ////////////////////////////////////////////////// var RefBanner = new Array( new Array('bannerquangcao/website.gif', 'http://www.a2trungvuong.net/', '1, 1, 1, 1, 1, 0, 1, 1, 1060, 800, 0, 0, 746', 600, 106, 100, 0), new Array('bannerquangcao/diendan.gif', 'http://www.a2trungvuong.uni.cc/', '1, 1, 1, 1, 1, 0, 1, 1, 1060, 800, 0, 0, 1538', 600, 106, 100, 0) ); Bạn hãy thay những dòng chữ đỏ bằng đường dẫn file hình ảnh (kích thước 460 x 110) và đường dẫn tới website. Đây là phần dành cho quảng cáo trên thanh banner như các website chuyên nghiệp khác. Sau khi tạo xong bạn lưu vào thư mục js. Bây giờ bạn tạo file inc_top.asp với nội dung như sau: function menuYes(ziel){ ziel.style.backgroundColor="#bbbbee"; } function menuNo(ziel){ ziel.style.backgroundColor="#ccccff"; } function textYes(ziel){ ziel.style.backgroundColor="#eeeeff"; } function textNo(ziel){ ziel.style.backgroundColor="white"; }
   Trang chủ    Nghe nhạc    Diễn đàn    H́nh ảnh  DisplayBanner(1,1);       T́m kiếm Nghệ sĩ Nhạc phẩm          Ca khúc có tên bắt đầu bằng :
 A B C D E F G H I J K L M N O P Q R S T U V
W X Y Z Bạn thay phần chữ đỏ bằng đường dẫn tới file hình ảnh logo của website của bạn (kích thước 170 x 76). Sau khi tạo xong bạn lưu file này vào thư mục includes (chép đè lên file cũ). Và sau khi thay đường dẫn thích hợp vào những vị trí đã chỉ định thì bạn hãy mở website lên để chiêm ngưỡng thành quả của mình. Banner website trước khi chỉnh sửa Banner website sau khi được chỉnh sửa CHƯƠNG III: TẠO THANH TRƯỢT QUẢNG CÁO HAI BÊN LỀ
Khi bạn truy cập vào những trang web lớn bạn sẽ thấy hai bên lề website này thường có hai tấm bảng hình ảnh quảng cáo to tướng mà mỗi khi bạn kéo xuống dưới thì nó lại trượt theo xuống dưới. Mình sẽ giúp bạn tạo bảng quảng cáo ấy. Cách thực hiện như sau: Đầu tiên bạn tạo tập tin ASP mang tên thanhtruotquangcao.asp với nội dung như sau: var adRWidth=120; var adLWidth=1003; function FloatTopDiv() { startX = document.body.clientWidth - adRWidth, startY = 0; var ns = (navigator.appName.indexOf("Netscape") != -1); var d = document; if (document.body.clientWidth < 980) startX = -adRWidth; function ml(id) { var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id]; if(d.layers)el.style=el; el.sP=function(x,y){this.style.left=x;this.style.top=y;}; el.x = startX; el.y = startY; return el; } window.stayTopLeft=function() { if (document.documentElement && document.documentElement.scrollTop) var pY = ns ? pageYOffset : document.documentElement.scrollTop; else if (document.body) var pY = ns ? pageYOffset : document.body.scrollTop; if (document.body.scrollTop > 2){startY = 0} else {startY = 0}; ftlObj.y += (pY + startY - ftlObj.y)/8; ftlObj.sP(ftlObj.x, ftlObj.y); setTimeout("stayTopLeft()", 1); } ftlObj = ml("divAdRight"); stayTopLeft(); } function FloatTopDiv2() { startX2 = document.body.clientWidth - adLWidth, startY2 =0; var ns2 = (navigator.appName.indexOf("Netscape") != -1); var d2 = document; if (document.body.clientWidth < 980) startX2 = -adLWidth; function ml2(id) { var el2=d2.getElementById?d2.getElementById(id):d2.all?d2.all[id]:d2.layers[id]; if(d2.layers)el2.style=el2; el2.sP=function(x,y){this.style.left=x;this.style.top=y;}; el2.x = startX2; el2.y = startY2; return el2; }
window.stayTopLeft2=function() { if (document.body.clientWidth < 980) { ftlObj2.x = - 115;ftlObj2.y = 0; ftlObj2.sP(ftlObj2.x, ftlObj2.y); } else { if (document.documentElement && document.documentElement.scrollTop) var pY2 = ns2 ? pageYOffset : document.documentElement.scrollTop; else if (document.body) var pY2 = ns2 ? pageYOffset : document.body.scrollTop; if (document.body.scrollTop >2){startY2 = 0} else {startY2 =0}; if (document.body.clientWidth >= 1024) { ftlObj2.x = 0;ftlObj2.y += (pY2 + startY2 - ftlObj2.y)/8; ftlObj2.sP(ftlObj2.x, ftlObj2.y); } else { ftlObj2.x = startX2; ftlObj2.y += (pY2 + startY2 - ftlObj2.y)/8; ftlObj2.sP(ftlObj2.x, ftlObj2.y); } } setTimeout("stayTopLeft2()", 1); } ftlObj2 = ml2("divAdLeft"); stayTopLeft2(); } function ShowAdDiv() { var objAdDivRight = document.getElementById("divAdRight"); var objAdDivLeft = document.getElementById("divAdLeft"); objAdDivLeft.style.display="block" objAdDivRight.style.display="block" if (document.body.clientWidth < 980) { objAdDivRight.style.left = - adRWidth; objAdDivLeft.style.left = - adLWidth; } else { objAdDivLeft.style.left = 0; objAdDivRight.style.left = document.body.clientWidth - adRWidth; } FloatTopDiv(); FloatTopDiv2(); } ShowAdDiv(); LComplete = 1; Bạn hãy thay những dòng chữ đỏ bằng địa chỉ website và hình quảng cáo (kích thước 110 x 200). Sau hi tạo xong bạn lưu file này vào thư mục includes. Bây giờ bạn tiến hành chèn file này vào các file khác, cụ thể là các file sau đây: all_band.asp, all_singer.asp, category.asp, default.asp, list_song.asp, noidungtin.asp, play.asp, search_results.asp, singer.asp. Cách chèn vào các file này có thao tác tương tự nhau. Đầu tiên bạn mở file đó lên, kéo xuống dưới cùng và bạn thêm vào dòng lệnh sau: vào trước thẻ .
Chèn đoạn mã vào file. Sau khi chèn mã liên kết vào tất cả các file bạn có thể mở website lên chiêm ngưỡng thành quả của mình. Thành quả bạn thu được sau khi thực hiện thao tác. Vừa rồi mình vừa hướng dẫn với các bạn các thao tác để phát triển thêm một số phần cho website nghe nhạc ASP (bạn download ebook hướng dẫn tạo website nghe nhạc ASP trước tai website www.a2trungvuong.net). Mình hy vọng sau khi các bạn xong xem xong ebook này các bạn sẽ phát triển website của mình lên để nó trợ nên sinh động hơn, lôi cuốn hơn. Mình là dân nghiệp dư nên có đôi chỗ chắc còn sai xót mong các bậc đàn anh chuyên nghiệp bỏ qua và chỉ dạy giúp. Trong quá trình thực hiện thao tác nếu bạn có gặp khó khăn trong bước nào thì các bạn có thể liên hệ với mình để nhận sự trợ giúp hoặc nhận file đã tạo sẵn theo địa chỉ: Huỳnh Mai Anh Kiệt Email: huynhmaianhkiet@gmail.com hoặc www.a2trungvuong.net@gmail.com Yahoo! Messenger: huynhmaianhkiet Website: www.a2trungvuong.net hoặc www.a2trungvuong.somee.com Forum: www.a2trungvuong.uni.cc Nếu các bạn nào có đề xuất để phát triển thêm website thì xin liên hệ với mình cũng theo địa chỉ trên nha. Nếu các bạn có sử dụng nội dung của ebook này thì xin vui lòng ghi rõ nguồn gốc để tránh hiểu lầm. Xin chân thành cảm ơn các bạn và chúc các bạn thành công.