ĐỒ án môn học THIẾT kế lập TRÌNH WEB KINH DOANH 1 xây DỰNG TRANG WEB GIẢI TRÍ

TRƯỜNG ĐẠI HỌC KINH TẾ - LUẬT KHOA TIN HỌC QUẢN LÝ  ĐỒ ÁN MÔN HỌC THIẾT KẾ & LẬP TRÌNH WEB KINH DOANH XÂY DỰNG TRANG WEB GIẢI TRÍ Giảng viên hướng dẫn: ThS Hồ Trung Thành CH Trần Thị Ánh Sinh viên thực hiện: Vạn Thị Kim Chi (K084061039) Trần Dương Minh Chuyên (K084061040) Lê Thị Kim Hiền (K084061055) Châu Thanh Tùng (K084061134) Thành phố Hồ Chí Minh, năm 2010 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com MỤC LỤC trang Chương 1: QUÁ TRÌNH XÂY DỰNG TRANG WEB I Lựa chọn đề tài II Khảo sát đánh giá Website Khảo sát trạng Đánh giá Website Điểm tương đồng điểm bật trang web nhóm III Các giai đoạn xây dựng Website Thiết kế HTML Thiết kế JAVASCRIPT Thiết kế ASP, JAVASCRIPT kết nối với sở liệu IV Những khó khăn thuận lợi thực trang Web 14 Khó khăn Thuận lợi Chương 2: GIỚI THIỆU TỔNG QUAN VÀ HƯỚNG DẪN SỬ DỤNG WEBSITE I Giới thiệu trang Web 16 Cấu trúc tổng quan Website Giới thiệu chi tiết trang Web II Hướng dẫn sử dụng Website 25 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Chương 1: QUÁ TRÌNH XÂY DỰNG TRANG WEB I LỰA CHỌN ĐỀ TÀI: Việt Nam nước có 60% dân số người trẻ độ tuổi 30 Xu hướng thói quen xem tivi, đọc sách niên trước giảm, mà thay vào gia tăng việc thích chơi game lướt net Không giống trước muốn nghe nhạc,xem phim hay tìm kiếm thơng tin… người ta phải nghe qua radio, truyền hình cần thơng tin sách báo Ngày nay, công nghệ thông tin phát triển, người tiêu dùng biết sử dụng internet truy cập vào website để thư giãn, giải trí Chúng ta kể đến trang web giải trí nhiều bạn trẻ yêu thích : kenh14.vn, mp3.zing.vn,… Nhận thấy tầm quan trọng việc cung cấp thơng tin đáp ứng nhu cầu giải trí người dùng, nhóm chọn đề tài :Thiết kế website cung cấp thơng tin giải trí bao gồm chuyên mục: du lịch, đọc truyện, xem phim, ẩm thực, nghe nhạc… II KHẢO SÁT VÀ ĐÁNH GIÁ WEBSITE: Khảo sát trạng: Hiện nay, website giải trí tồn nhiều hầu hết chưa cung cấp đủ loại hình giải trí cho giới trẻ mà thường thiên mặt VD: trang web chuyên nghe nhạc, trang web chuyên xem phim….Điều gây khơng khó khăn cho người sử dụng muốn xem phim phải nhớ địa trang web này, muốn nghe nhạc phải tìm đến trang web Vì vậy, việc đưa trang web cung cấp nhiều chuyên mục thông tin thiên giải trí vơ cần thiết Trong q trình khảo sát trang web nhiều bạn trẻ ưa chuộng nay, nhóm định chọn website http://kenh14.vn để tham khảo mặt thiết kế giao diện chuyên mục nội dung Đánh giá website: Trang web http://kenh14.vn thiết kế với giao diện trực quan, dễ sử dụng, hỗ trợ đầy đủ chức cho người sử dụng bình thường Với giao diện bắt mắt, sinh động, thông tin cung cấp kịp thời điều mà trang web làm để thu hút đông đảo người dùng Chúng ta xem qua phần giao diện trang chủ website (Hình 1): LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Hình Menu website đặt nằm ngang phía trên, sử dụng hiệu màu sắc đẹp bật, thuận tiện cho ngưới sử dụng Ở vị trí trang web người sử dụng quay lại trang chủ hay vị trí mà họ muốn Nội dung chuyên mục bố trí logic rõ ràng,người dùng nhìn bao qt nội dung mà trang web muốn truyền đạt (Hình 2) Hình LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Điểm tương đồng ưu điểm bật trang web nhóm so với kenh14.vn: a Tương đồng: -Mục tiêu: thiết kế website phục vụ nhu cầu giải trí cho người dùng -Giao diện: + Thanh menu ngang nằm cố định (Hình 3) Hình + Các chuyên mục nằm phân bố rõ ràng trang chủ để người dùng bao qt tồn nội dung website (Hình 4) LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Hình b Điểm bật khác: -Giao diện: +Thanh menu ngang phía trỏ tới hiển thị đầy đủ tất danh mục chuyên mục đó, tạo sư thuận tiện cho người dùng (Hình 5) Hình +Ln hiển thị nội dung cập nhật nội dung xem nhiều +Không đưa vào nhiều hình quảng cáo kenh14.vn để tránh làm rối mắt người sử dụng -Nội dung: +Chuyên mục nghe nhạc, xem phim cho phép người dùng nghe xem trực tiếp, khác hẳn với kenh14.vn dừng việc cung cấp thông tin +Chuyên mục sức khỏe không giới hạn cho tuôi học đường mà bao quát tất cả: sức khỏe sơ sinh, sức khỏe sinh sản,… LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com -Đối tượng : đối tượng sử dụng kenh14.vn hướng đến giơi trẻ trang web giải trí nhóm muốn hướng đến nhiều nhóm đối tượng khác nhau: giới trẻ, trung niên,….vì vây chuyên mục thiết kế phù hợp để tất đối tượng hài lòng III CÁC GIAI ĐOẠN XÂY DỰNG WEBSITE: Thiết kế HTML: - Trang chủ: Logo nhóm, tên nhóm, tên trang web background thiết kế cơng cụ Photoshop Thanh menu ngang phía viết CSS (code chi tiết xem file trangchu.css) Cơng cụ tìm kiếm giúp người dùng tìm thấy thơng tin hữu ích từ người “khổng lồ” Google, tạo thuận tiện cho người sử dụng Khung hình nhóm xây dựng flash, nhóm tự thiết kế Tất khung nội dung tin tức khác canh chỉnh CSS thiết kế tĩnh HTML trang chủ xây dựng từ giai đoạn đầu tiên, trang khác nâng lên thành trang asp để tải nguồn thông tin phong phú khác (sẽ nêu chi tiết phần Thiết kế ASP) - Trang đăng ký, đăng nhập liên hệ: thiết kế thơng qua ngơn ngữ HTML Trang đăng ký đăng nhập chủ yếu lầy thông tin truyền vào từ phía người dùng nên cần có giao diện đơngiản, dễ sử dụng, không gây nhầm lẫn yêu cầu nhập liệu khác Trang liên hệ hiển thị thơng tin cá nhân nhóm thành viên nhóm, giao diện cần sinh động, đẹp mắt phù hợp với toàn trang web - HTML ngơn ngữ hình thành nên trang web khơng sử dụng để thiết kế vài trang nêu trên, mà sử dụng xun suốt tồn q trình xây dựng trang web Vì thế, giai đoạn q trình thiết kế, ngơn ngữ HTML sử dụng đóng vai trị quan trọng đề cập đến Thiết kế JAVASCRIPT: - Dùng Javascript để hiển thị thứ, ngày, tháng (bằng tiếng Việt), đặt phía cuối tất trang web function start() { var time = new Date() LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com var arrday = new Array("Chủ Nhật", "Thứ Hai", "Thứ Ba", "Thứ Tư", "Thứ Năm", "Thứ Sáu", "Thứ Bảy"); var = time.getDate(); var thang = time.getMonth() + 1; var nam = time.getFullYear(); var date = time.getDay(); var thu = arrday[date]; var hours = time.getHours() var minutes = time.getMinutes() minutes = ((minutes < 10) ? "0" : "") + minutes var seconds = time.getSeconds() seconds = ((seconds < 10) ? "0" : "") + seconds var clock = hours + ":" + minutes + " GMT+7" var chuoi = "" + thu + ", " + + "/" + thang + "/" + nam + ", " + clock; document.getElementById("time").innerHTML = chuoi timer = setTimeout("start()", 1000) } function onLoadTime() { start(); } onLoadTime(); LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com - Trang đăng ký: viết hàm javascript kiểm tra việc nhập thông tin đăng ký người dùng, người dùng không nhập đầy đủ thông tin hiển thị thông báo lỗi phải nhập lại: function kiemtra() { var un = document.getElementById('username').value var pw = document.getElementById('password').value var ht = document.getElementById('ten').value var mail = document.getElementById('email').value if(un == "" || pw == "" || ht == "" || mail == "") { alert("Bạn phải nhập đầy đủ thông tin") return false } return CheckMail(mail) } Sau nhập đầy đủ vào tất textbox trang đăng ký, hệ thống tiến hành kiểm tra email mà người dùng nhập vào hợp lệ hay chưa cách sử dụng hàm RegExp(): function CheckMail(email) { var rs = new RegExp("([A-Za-z0-9_.-]){2,}@([A-Za-z0-9_.]){2,}.([A-Za-z0-9_.-]){2,}"); if(email.match(rs) == null) { alert("Địa mail không hợp lệ") document.getElementById('email').select() return false LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com } else { return true } } Nếu tất hợp lệ hệ thống tiếp tục xử lý ngôn ngữ asp để lưu trữ liệu (sẽ đề cập phần tiếp theo) - Trang gửi mail liên hệ với thành viên nhóm: xử lý chủ yếu asp, có số xử lý nhỏ javascript tương tự trang đăng ký: có phần kiểm tra nhập đầy đủ thơng tin kiểm tra email người dùng hợp lệ hay chưa Thiết kế ASP JAVASCRIPT kết nối với sở liệu Access: - Trang global.asa: + Chứa biến Application lưu trữ số lượt truy cập vào trang web, khởi tạo tăng lên có yêu cầu gọi trang web +Chứa biến Session user mang giá trị true false đẻ kiểm tra việc đăng nhập người dùng, giá trị khởi tạo false, tức người dùng chưa đăng nhập chưa có quyền user, đăng nhập thành công giá trị gán true, người dùng tự thao tác tất trang thành viên (Code cụ thể xem trang global.asa) - Trang đăng ký: sau kiểm tra thông tin đăng ký người dùng hợp lệ Javascript hệ thống tiền hành thao tác ngôn ngữ ASP, kiểm tra tên người dùng có sở liệu hay chưa, có yêu cầu người dùng chọn tên khác, chưa có tiến hành lưu trữ tất thông tin vào sở liệu, thông báo cho người dùng biết đăng ký thành cơng Sau kết hợp với Javascript sử dụng hàm setTimeout để chuyển qua trang đăng nhập sau giây (Code cụ thể xem trang regist.asp) - Trang đăng nhập: Sau bạn nhập username password vào textbox tương ứng, trình duyệt gửi thơng tin bạn đến server tiến hành kiểm tra với liệu có access, tìm thầy username password bạn báo thành công chuyển hướng đến trang chủ, không thành công báo lỗi yêu cầu bạn đăng nhập lại (Code cụ thể xem trang thanhcong.asp) - Trang chủ: nhận giá trị trả biến Application lưu trữ số lượt truy cập (đã khởi tạo trang global.asa) hiển thị kết vùng Lượt truy cập phía cuối bên 10 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com set conn = Server.CreateObject("ADODB.Connection") conn.Provider = "Microsoft.Jet.OLEDB.4.0" conn.Open Server.MapPath("csdl/data.mdb") set rs = Server.CreateObject("ADODB.recordset") sql = "SELECT * FROM DULICH WHERE MADL = '" & madl & "'" Ở câu lệnh sql lấy dịng thơng tin chứa nội dung có mã trùng với id truyền vào để hiển thị thông tin hình cho người sử dụng Tồn đoạn code trang dulichchitiet.asp để lấy liệu, định dạng hiển thị kết xử lý nêu chi tiết từ dòng 162 đến dòng 193 trang dulichchitiet.asp Các trang cịn lại có chế xử lý tương tác với người dùng tương tự trang du lịch nêu (tham khảo code cụ thể trang tương ứng) Có điểm nhỏ khác biệt tiểu tiểu mục Truyện dài chuyên mục Đọc truyện, người dùng click vào truyện cụ thể, trình duyệt gọi đến trang doctruyenchitiet.asp kết hiển thị file flash chứa nội dung truyện đó, file flash chuyển từ định dạng pdf sang định dạng swf phần mềm “Aiseesoft PDF To SWF Converter”, mục đích việc chuyển đổi nội dung truyện dài thường chiếm không gian lớn, việc chuyển tải nội dung lên từ file pdf làm cho trang web trở nên phong phú, không gây nhàm chán tiết kiệm không gian - Trang liên hệ gửi mail cho thành viên nhóm: Trong trang liên hệ có mục gửi mail phản hồi người dùng đến nhóm liên hệ với thành viên nhóm, click vào email trang liên hệ địa mail tương ứng chuyển đến trang noidung_mail.asp nhận thẻ input có kiểu hidden (thẻ khơng hiển thị trang web) Ở trang noidung_mail.asp, người dùng nhập vào địa mail mình, nội dung muốn gửi bấm nút send để chuyển nội dung đến người nhận, địa mail khơng hợp lệ trình duyệt thông báo yêu cầu nhập lại, tất hợp lệ tồn thơng tin trang noidung_mail.aspl chuyển đến trang sned_mail.asp, trang tiếp nhận thông tin, xử lý gửi nội dung đến mail người nhận theo yêu cầu người dùng - Một số lưu ý khác: Các trang ASP viết hồn tồn ngơn ngữ VBSCRIPT Do nội dung gửi đến người dùng hoàn toàn tiếng Việt nên để hiển thị kiểu chữ cần phải có đoạn code sau để chữ khơng bị bể: Trên tồn q trình xây dựng nên trang web nhóm, thực đồ án, nhóm nhận hỗ trợ, giúp đỡ từ phía giảng viên phấn đấu hết mình, khơng ngừng học hỏi cá nhân, nhiên không tránh khỏi số hạn chế khó khăn, xin nêu sau 14 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com IV NHỮNG KHÓ KHĂN VÀ THUẬN LỢI KHI THỰC HIỆN TRANG WEB: Khó khăn: -Tìm kiếm đề tài, mục tiêu mà đồ án muốn hướng đến Phải xem xét xem đạt tất mục tiêu hay không Mục tiêu cần ưu tiên -Sau xác định ý tưởng, đến việc triển khai ý tưởng gặp khó khăn lịch học dày đặc, thời gian lại hạn chế nơi cách xa nên thành viên thường xuyên phải họp nhóm online, khiến cho việc đưa ý kiến không thống -Do kiến thức thiết kế web cịn hạn chế, buộc phải tìm kiếm học hỏi nhiều internet việc cung cấp internet nơi trọ cịn gặp nhiều thiếu thơn, trở ngại -Trang web đưa nhiều chuyên mục nhằm thu hút nhiều đối tượng người dùng, việc tìm kiếm liệu phù hợp cho nội dung vấn đề vơ khó khăn tốn thời gian -Một trang web thỏa mãn nội dung mà cịn phải lơi hình thức, khó khăn tất thành viên có khiếu thiết kế phối màu., trang web chưa thực bắt mắt - Vấn đề tài yếu tố gây trở ngại lớn trình thực trang web, có nhiều chi phí phát sinh như: chi phí hội họp, lại, liên lạc, văn phòng phẩm, online tìm kiếm thơng tin… Thuận lợi: -Tinh thần trách nhiệm tự học hỏi cá nhân cao nên họp nhóm online ln có deadline cho phần công việc, thành viên hồn thành hạn, giúp tiến độ cơng việc khơng bị trì trệ -Cơng việc phân chia cụ thể cho cá nhân, nhiên thành viên nắm rõ bước qui trình việc thực đồ án nhóm Các thành viên có hỗ trợ lẫn nhau, giúp giải vấn đề khó khăn -Nhóm trưởng biết cách phân chia công việc, tổ chức công việc, hướng thành viên vào mục tiêu chung nhóm -Được hỗ trợ từ giảng viên, hỗ trợ thành viên với nên tiến độ công việc thực sớm thời hạn qui định Các thành viên cảm thấy hài lòng tự 15 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com hào với kết mà nhóm thực cơng sức khơng riêng cá nhân mà nỗ lực khơng ngừng nghỉ nhóm 16 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Chương 2: GIỚI THIỆU TỔNG QUAN VỀ TRANG WEB VÀ HƯỚNG DẪN SỬ DỤNG WEBSITE I GIỚI THIỆU TRANG WEB: Cấu trúc tổng quan website: mô tả chi tiết theo sơ đồ đây: Giới thiệu chi tiết trang web: a Trang chủ: (Hình 9) 17 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Hình - Đây trang giới thiệu tổng quan toàn trang web con, có phần giới thiệu tin tức bật trang thành viên Minh họa hình (Hình 10): Hình 10 18 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com - Khi bạn muốn xem tin tức bật trang, bạn không cần phải tìm đâu xa, trang chủ có link giúp bạn truy cập trực tiếp đến vùng tin HOT - Khung bên phải trang chủ, tin tức bật trang chủ đề, bạn nhanh chóng xem tin Hot chủ đề riêng như: âm nhạc , ẩm thực… mà khơng cần phải tìm đâu xa (Hình 11) Hình 11 - Bên khung Top Tin khung tin tức giải trí, cung cấp cho bạn tin tức giải trí nóng bỏng diễn nước quốc tế (Hình 12) Hình 12 - Khung bên phải chứa đường link liên kết đến trang web khác ứng với nhiều chủ đề nằm tổng thể trang web (Hình 13) 19 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Hình 13 - Trang chủ nơi cung cấp cho bạn biết số lượt truy cập trang, thống kê nằm cuối khung bên phải trang web (Hình 14) Hình 14 - Phần menu cuối trang (giống tất trang): có link liên kết đến trang chủ đề: trang chủ, âm nhạc, sức khỏe, phim truyện, du lịch, ẩm thực Đồng thời có hiển thị ngày địa liên lạc nhóm b Các trang thành viên:  Cấu trúc chung trang thành viên:  Các trang thành viên có cấu trúc ngang giống giới thiệu ban đầu  Phần khung nội dung tất trang thành viên có cấu trúc chung theo chiều dọc gồm phần sau:  Phần khung bên trái: menu chứa mục trang 20 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com  Phần trung tâm: giới thiệu tin tức, kiện bật trang, minh họa hình ảnh lời giới thiệu khái quát, có đường link mục để thuận tiện bạn muốn xem chi tiết mục  Phần khung bên phải: Đây mục top tin, link liên kết đến viết chi tiết có trang thành viên Phía bên khung có liên kết đến trang bên ngoài, tiếng, thuộc thể loại  Cụ thể trang sau: - Trang âm nhạc: (Hình 15) Hình 15  Bên trái menu chứa mục trang gồm: Nhạc trẻ, nhạc phim,nhạc trữ tình, nhạc khơng lời, nhạc dân tộc  Phần trung tâm trang giới thiệu ca khúc bật, bao gồm: Ca khúc Hot tuần, ca khúc mới, ca khúc ca sĩ Hot thể  Bên phải mục Toptin chứa liên kết đến hát hot như: yêu lại từ đầu, Hoa anh đào gió… - Trang phim truyện: (Hình 16) 21 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Hình 16  Bên trái menu chứa mục trang gồm: Phim bộ, Phim hài, phim hành động, phim kinh dị, phim hoạt hình  Phần trung tâm trang giới thiệu phim bật, bao gồm: Phim hot tuần, Phim cập nhật, Phim lẻ cập nhật Phía mục phim khác, giới thiệu phim có trang web (Hình 17) Hình 17  Bên phải mục Toptin chứa liên kết đến phim hot như: đẹp centimet, cảnh sát tương lai… liên kết đến trang khác tiếng chủ đề - Trang du lịch: (Hình 18) 22 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Hình 18  Bên trái menu chứa mục trang gồm: Danh lam thắng cảnh, văn hóa- lễ hội, tour du lịch, cẩm nang du lịch  Phần trung tâm trang giới thiệu tin tức bật, bao gồm: Danh lam thắng cảnh, Văn hóa – lễ hội vùng miền, Cẩm nang du lịch Phía mục tin khác, giới thiệu viết khác có trang web  Bên phải mục Toptin chứa liên kết đến tin du lịch hot như: Những điều cần biết du lịch Sapa, địa điểm trăng mật lý tưởng… liên kết đến trang khác tiếng chủ đề như: dulichphuonghoang.com… - Trang đọc truyện: (Hình 19) Hình 19  Bên trái menu chứa mục trang gồm: Tác phẩm văn học, truyện cổ tích, sống đẹp Bên mục “Sách tuần”: giới thiệu 23 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com đến bạn đọc sách hay, chọn lọc tuần thuộc nhiều thể loại khác như: Tình yêu, tình cảm gia đình, truyện thiếu nhi…  Phần trung tâm trang giới thiệu sách truyện bật, như: Bước qua hai giới, tớ yêu bố…  Bên phải mục Toptin chứa liên kết đến tập truyện hot như: Tình muộn, café muối… liên kết đến trang khác tiếng chủ đề - Trang sức khỏe: (Hình 20) Hình 20  Bên trái menu chứa mục trang gồm: Sức khỏe cộng đồng, Sức khỏe giới tính, Sức khỏe sinh sản  Phần trung tâm trang giới thiệu tin tức bật như: Ăn uống hợp lý người cao tuổi, thực phẩm cho trái tim khỏe Phía mục tin khác, giới thiệu viết khác có trang web  Bên phải mục Toptin chứa liên kết đến tin sức khỏe hot như: Hiểu bệnh cảm cúm, lưu ý chăm sóc trẻ ốm… liên kết đến trang khác tiếng chủ đề - Trang ẩm thực: (Hình 21) 24 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Hình 21  Bên trái menu chứa mục trang gồm: Món ăn Việt, Quán ngon, Góc khéo tay, Món ăn nước ngồi  Phần trung tâm trang giới thiệu tin tức bật, bao gồm: Cả nhà vào bếp, Ẩm thực bốn phương Phía mục tin khác, giới thiệu viết khác có trang web  Bên phải mục Toptin chứa liên kết đến tin ẩm thực hot như: Lẫu rừng, ốc bươu người Pháp… liên kết đến trang khác tiếng chủ đề như: amthhuc.com.vn… - Trang liên hệ: (Hình 22) Hình 22 25 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com  Trang liên hệ chủ yếu có giao diện đẹp, giới thiệu nhóm thành viên nhóm: thơng tin cá nhân, địa mail liên lạc…  Nếu bạn muốn liên hệ với thành viên nào, bạn việc click vào mail người đó, sau hệ thống chuyển trang nội dung mail (Hình 23) đến cho bạn để ghi lời góp ý bạn muốn gửi gắm đến chúng tôi, bạn việc click nút Gửi thư bạn tự động gửi mà không cần bạn phải tốn cơng đăng nhập vào yahoo mail Hình 23 II HƯỚNG DẪN SỬ DỤNG WEBSITE: - Bước 1: truy cập vào địa trang chủ: www.thugian4c.webng.com - Bước 2: Khi bạn nhấn vào mục trang chủ (nếu lần truy cập đầu tiên), hệ thống website chuyển trang đăng nhập (Hình 24) đến cho bạn, bạn phải nhập vào User pass login xem tin tức mà bạn muốn xem 26 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Hình 24  Sau bạn đăng nhập thành công, hệ thống chuyển đến trang chủ bạn xem mục yêu thích ^^  Trong trường hợp bạn chưa có tài khoản trang này, bạn đăng ký cách “Click vào đây” Trang đăng ký (Hình 25) Hình 25  Chú ý bạn phải nhập đầy đủ thông tin nha, không báo lỗi Ví dụ lỗi nè (Hình 26): Hình 26 + Nếu đăng ký thành công thông báo thành cơng (Hình 27): 27 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Hình 27 Và hệ thống chuyền hướng đến trang đăng nhập Qúa trình đăng nhập diễn mô tả  Bước 3: Hiện bạn thành viên trang web bạn xem trang bạn muốn Nhiệm vụ bạn click chuột tận hưởng giây phút thư giãn thoải mái với âm nhạc, phim truyện… thông tin du lịch bổ ích mà chúng tơi mang đến cho bạn  -HẾT 28 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com ... LỤC trang Chương 1: QUÁ TRÌNH XÂY DỰNG TRANG WEB I Lựa chọn đề tài II Khảo sát đánh giá Website Khảo sát trạng Đánh giá Website Điểm tương đồng điểm bật trang web nhóm III Các giai đoạn xây dựng. .. đoạn đầu thiết kế trang web, trang xây dựng ngơn ngữ HTML, trang hồn tồn tĩnh, có giao diện tương đồng phần trên, bên phải phần Nội dung trang thiết kế phù hợp với chủ đề trang Sau học ASP, trang. .. (Hình 11 ) Hình 11 - Bên khung Top Tin khung tin tức giải trí, cung cấp cho bạn tin tức giải trí nóng bỏng diễn nước quốc tế (Hình 12 ) Hình 12 - Khung bên phải chứa đường link liên kết đến trang web