1: 2: 3: Bài 2: Xây dựng trang web (bai2.htm) có giao diện sau: Khi click chuột vào button message hiển thị lên câu chào sau: Trang Bài tập thực hành Thiết kế Web ThS Trần Anh Dũng Bài 3: Xây dựng trang web (bai3.htm) thực chức sau: Khi đóng cửa sổ trình duyệt chuyển sang trang web khác xuất hội thoại thông báo sau: Hướng dẫn: Bài 4: Thiết kế trang web (bai4.htm) có chức sau: Trang web hiển thị liên kết đến trang web khác, người dùng click vào link trang xuất thông báo sau: Nếu click OK link đến trang đó, ngược lại khơng làm Hướng dẫn: Trang Bài tập thực hành Thiết kế Web ThS Trần Anh Dũng Bài 5: Thiết kế trang web (bai5.htm) máy tính sau: Hướng dẫn: Trang Bài tập thực hành Thiết kế Web ThS Trần Anh Dũng Trang Bài tập thực hành Thiết kế Web ThS Trần Anh Dũng Bài 6: Xây dựng trang web (bai6.htm) hỗ trợ chức gửi mail có giao diện sau: Khi người dùng click vào link button cho phép nhập vào địa mail người nhận subject mail Hướng dẫn: Trang Bài tập thực hành Thiết kế Web ThS Trần Anh Dũng Bài 7: Xây dựng trang web (bai7.htm) cho phép link đến trang web khác, cho phép thiết lập tùy chọn sau: Hướng dẫn: function customize(form) { var address = document.form1.url.value; var op_tool = (document.form1.tool.checked == true) ? : 0; var op_loc_box = (document.form1.loc_box.checked == true) ? : 0; var op_dir = (document.form1.dir.checked == true) ? : 0; var op_stat = (document.form1.stat.checked == true) ? : 0; var op_menu = (document.form1.menu.checked == true) ? : 0; var op_scroll = (document.form1.scroll.checked == true) ? : 0; var op_resize = (document.form1.resize.checked == true) ? : 0; var op_wid = document.form1.wid.value; var op_heigh = document.form1.heigh.value; Trang Bài tập thực hành Thiết kế Web ThS Trần Anh Dũng var option = "toolbar=" + op_tool + ",location=" + op_loc_box + ",directories=" + op_dir + ",status=" + op_stat + ",menubar=" + op_menu + ",scrollbars=" + op_scroll + ",resizable=" + op_resize + ",width=" + op_wid + ",height=" + op_heigh; var win3 = window.open("", "what_I_want", option); var win4 = window.open(address, "what_I_want"); } function clear(form) { document.form1.wid.value = ""; document.form1.heigh.value = ""; } Please choose from the following selections to customize your window URL: : Toolbar : Location : Directories : Status : Menubar : Scrollbars : Resizable : Width : Height Bài 8: Thiết kế trang web (bai8.htm) kiểm tra tính hợp lệ thơng tin nhập vào Trang Bài tập thực hành Thiết kế Web ThS Trần Anh Dũng Hướng dẫn: Trang Bài tập thực hành Thiết kế Web ThS Trần Anh Dũng Bài 9: Thiết kế xử lý trang đăng nhập cho trang web sau: - Cho phép người dùng nhập username password Nếu người dùng nhập thiếu thông tin phải hiển thị hộp thoại thông báo yêu cầu người dùng nhập đầy đủ thông tin Khi nhập đầy đủ thơng tin kiểm tra: o Nếu username = “dungta” password = “123456” hiển thị thơng báo “Xin chào bạn đến với website” o Ngược lại thông báo thông tin đăng nhập không Trang ...Bài tập thực hành Thiết kế Web ThS Trần Anh Dũng Bài 3: Xây dựng trang web (bai3.htm) thực chức sau: Khi đóng cửa sổ trình duyệt chuyển sang trang web khác xuất hội... đến trang web khác, cho phép thiết lập tùy chọn sau: Hướng dẫn: function customize(form) { var address = document.form1.url.value; var op_tool = (document.form1.tool.checked... ",scrollbars=" + op_scroll + ",resizable=" + op_resize + ",width=" + op_wid + ",height=" + op_heigh; var win3 = window.open("", "what_I_want", option); var win4 = window.open(address, "what_I_want"); } function