Giáo trình thiết kế website căn bản doc

Mở đầu HTML gì, cấu tạo trang web dạng HTML, màu chữ, màu Ðể viết HTML cho trang Web, bạn start chương trình NotePad Microsoft có kèm theo với Windows Ðó ASCII Editor Viết xong, bạn save vào folder dễ nhớ Tên file bắt buộc phải có tận htm html Ví dụ: start.htm Ðể thưởng thức thành mình, bạn open file Browser Cấu trúc Một document HTML bắt đầu kết thúc (trong bạn viết nhỏ viết hoa ) Nhờ có cặp TAG mà Browser biắt HTML - document để trình duyệt Những chữ để dành riêng cho Browser, người đọc nhận viết cặp TAG Trong document html, thích dùng sau: Như trang web viết html có cấu trúc sau: Một trang trống, khơng có nội dung với màu da cam viết sau: Tất nhiên, Homepage cịn có nội dung (lời viết hình ảnh): Chào bạn, đây dòng chữ viết bằng font Arial, màu đen, cỡ Còn đây dòng chữ viết bằng font Verdana, màu xanh nước biển, cỡ Dòng lại font Bodoni, màu đỏ, cỡ face thể cho mẫu chữ, size thể cho cỡ chữ (số lớn chữ to) color thể cho màu sắc chữ, #000000 màu đen, #FF0000 màu đỏ, #FFFF00 màu vàng TAG cho phép bạn chuyển sang dịng Bạn dùng nhiều bạn muốn Cứ lần có lần xuống dịng Bạn có thạ dùng mouse phải gõ vào trang web chọn source code để tham khảo xem viết Ðấy cách tốt để khám phá điều "bí mật" website đẹp Như bạn viết trang web đơn giản Một trang web có hai phần tiêu đề phần thân Tiêu đề ln viết to Bạn dùng size lớn dùng TAG định sẵn cho tiêu đề Tiêu đề trang web Welcome to my Homepage! Tiêu đề trang web Tiêu đề trang web Tiêu đề trang web Tiêu đề trang web to nhỏ Tiêu đề ln nằm trung tâm trang, ta phải dùng thêm cặp TAG : Tất nằm cặp TAG định hướng vào phía trang Trong ví dụ này, trang xanh nước biển (#000080) chữ màu trắng Bổ sung: Trong HTML Document, phần body cịn có phần head, viết cặp tag Nếu bạn sử dụng cặp tag này, bạn bắt buộc phải viết thêm cặp tag nữa, Giữa tên trang web browser trình bày phía menubar Như trang web với "đầu" có cấu trúc sau: Trang web dau tien cua toi Phần bạn cần trình bày Ví dụ ảnh hay lời văn Trong "head" ta cịn đưa nhiều thơng tin vào cho browser, search engine Cái đề cập đến mục riêng Cách đưa tranh ảnh vào trang web Trong trang trước, đề cập đến cách trình bày chữ trang web Ðể làm cho trang web sinh động hơn, hấp dẫn hơn, bạn đưa thêm tranh ảnh vào Có trang web liên quan đến số liệu, đồ thị đồ thị dạng ảnh (images) Sau cách đưa ảnh vào trang web • Ảnh cho vào trang web nên save dạng GIF JPG • Khơng nên to q, khơng nói đến kích thước (cm) mà nói đến kính cỡ file (số KB) • Khi scan, bạn chọn 72 dpi (dots per inch) đa phần hình máy tính làm việc với độ phân giải • Khi upload trang web, nhớ upload ảnh • Tên file nên sử dụng chữ thường, khơng nên sử dụng chữ hoa Ví dụ: myphoto.jpg khơng Myphoto.jpg Sau HTML Code để đưa hình ảnh vào trang web: Bạn thấy khơng, điều đơn giản Chỉ riêng đủ để đưa ảnh vào trang web img image src source Tất đằng sau để trình bày ảnh đẹp thơi width chiều rộng ảnh mà bạn muốn, khơng phụ thuộc vào kích thước gốc ảnh height chiều cao Tất đo pixel border="0" báo cho Browser biết ảnh trình bày khơng có khung alt có ích ảnh chưa không nạp (nhiều người surf không ảnh để đỡ tốn thời gian) Khi người xem biết xem Dùng tranh ảnh làm cho trang web Trong trang trước, nói đến màu sắc trang web Bằng cách thay đổi thông số bgcolor, bạn tạo màu khác tuỳ theo sở thích Như bạn thấy website đến thăm, trang web cịn có đẹp, tạo từ tranh nhỏ Cái đơn giản HTML Code sau: Bạn thấy đó, có khác biệt nhỏ: ta thêm background vào nhận back.jpg Tuỳ theo kích cỡ back.jpg mà trơng khác back.jpg ghép vào với cỡ nhỏ window Browser bgcolor có mà khơng có được, có tác dụng back.jpg lý không nạp Cách tạo liên kết (hyper link) tới trang web khác Sau có tranh ảnh viết, bạn muốn có vài links tới trang khác Trang bạn trang mà bạn thích Rồi phải có chỗ mà người đến thăm cần click vào viết thư cho bạn Chỗ từ, câu hay ảnh Trang bạn xem dở bạn ngó qua chút Gõ vào ảnh bên bạn kết tương tự Sau html code liên kết Trang bạn xem dở bạn ngó qua [trang trước] chút Dùng cặp TAG , bạn biến nhiều objects thành links Trong ví dụ này, bạn có ảnh Hillary Clinton hai chữ "trangtrước" làm liên kết (links) Chỉ cần gõ vào bạn bước sang trang khác Links khơng giới hạn website bạn, đưa bạn khắp nơi internet Sau code trang với links tới trang khác, ví dụ trang web [Thương Hiệu Việt] nơi tui làm việc Ví dụ trang web [Thương Hiệu Việt Bochum, CHLB Ðức Ở ví dụ trên, bạn thấy đoạn code mới, target="_new" Nếu biết tiếng Anh, bạn suy ý nghĩa đoạn code Nó có tác dụng cho trình duyệt (browser) biết phải mở trang web cửa sổ (target = đích, new = mới) Target cịn mang giá trị sau: "_blank" (như "_new"), "_top", "_parent", "_self" (3 giá trị dùng cho trang web có chứa frame - sễ đề cập đến sau) Và cách tạo email-link: Chắc bạn thấy nhiều trang web có link mà càn gõ vào chương trình e-mail tự động mở cho bạn viết thư tới địa định sẵn, nhiều tiêu đề (subject) e-mail có sẵn Gõ [vào đây] vào biểu tượng bên để gửi e-mail cho Gõ [vào đây] vào biểu tượng bên để gửi e-mail cho Thay địa trang web, bạn cần đưa mailto: địa e-mail, muốn có subject text sẵn, cần thêm ?subject=tiêu đề&body=text Màu liên kết: Trong trang web này, bạn thấy liên kết màu xanh, gõ vào thành màu trắng, sau gõ màu xám Ðiều thực đoạn code sau (trong body tag): (alink= active link, vlink= visited link) ImageMap - nhìn phức tạp lại đơn giản Trên số trang web, bạn thấy tranh mà gõ chuột vào góc tới trang Ở người ta sử dụng tranh, ảnh để làm liên kết Ðể định vị khu vực ảnh, người ta sử dụng tọa độ khu vực Bạn thử gõ vào trán, miệng, mũi, cổ Hillary Clinton để xem ví dụ Cái gọi ImageMap, sử dụng Code sau: Trong bạn đặt ảnh MAP USERMAP: usemap="#Hillary", chia phần map AREA, quy định tọa độ phần map COORDS: coords="29,24,82,52", quy định liên kết phần TAG quen thuộc HREF, định hình cho phần SHAPE: shape="rect" SHAP cịn mang giá trị circle (trịn) , poly (polygon = đa giác) Bạn sử dụng COORDS sau: • Nếu shape = "rect": coords="x1,y1,x2,y2", x1,y1 tọa độ góc bên trái x2,y2 tọa độ góc bên phải hình chữ nhật tính từ góc bên trái ảnh • Nếu shape = "circle": coords="x,y,r", x,y tọa độ tâm hình trịn tính từ góc bên trái ảnh r bán kính hình trịn • Nếu shape = "poly": coords="x1,y1,x2,y2, ,xn,yn", xn,yn tọa độ góc đa giác tính từ góc bên trái ảnh Ðể tính tọa độ AREA, bạn dùng phần mềm xử lý ảnh Corel PhotoPaint 10, PaintShop Pro phải đoán thử dựa vào kích cỡ ảnh Hãy gõ vào minh họa bên để xem chi tiết Cách trang trí chữ, bố cục trang web Trong trang trước, đề cập đến cách định hướng object document cặp TAG: Những nằm cặp TAG Browser đưa vào window Nếu bạn khơng định hướng browser tự động theo thứ tự từ trái sang phải Nhưng đừng vội thử với hay hai cặp TAG khơng tồn ;-) Muốn có trang mà tranh bên phải chữ bên trái bạn phải dùng đến TABLE Cái nhắc đến phần sau Bạn dùng cặp TAG

để tạo khổ viết Thực TAG đơn Phần

đằng sau bỏ Tuy đa phần Webeditor đặt cuối khổ Bạn định hướng khổ chữ phía phải, trái hay vào trung tâm Ai sử dụng Word biết đến điều đó, khơng phải dùng đến TAG thơi Bạn áp dụng TAG cho object khác picture, video

Toàn khổ chữ hướng phía trái

Toàn khổ chữ hướng vào trung tâm

Toàn khổ chữ hướng bên phải

Cũng viết sau (khơng có

):

Tồn khổ chữ hướng phía trái

Toàn khổ chữ hướng vào trung tâm

Toàn khổ chữ hướng bên phải

Tốt bạn [xem ví dụ] Và sau khả trang trí chữ, cịn nhiều thủ thuật khác cho trang bình thường gọi tạm đủ: • Dòng chữ đậm • Dòng đậm • Dịng chữ nghiêng • Dịng chữ to hơn • Dịng vừa to, vừa nghiêng, vừa đậm, vừa gạch chân • Dịng chữ bé hơn • Dịng lại gạch chân • Nếu cửa hàng bạn giảm giá từ € 20000 xuống 00 € 150 • Tổng bình phương hai cạnh góc vng bình phương cạnh huyền: a2+b2=c2 (a2+b2=c2) • Cơng thức hóa học nước là: H2O (H2O) • Nếu bạn muốn nhấn mạnh điều • Machine code: 100 Basic 150 if then go to • Tên phím Keyboard: Enter; Del; Contrl • Ðưa ví dụ vào bài: Sample • Tên Variables lĩnh vực Programming: window.open("mywindow.html"); • Các trích dẫn từ câu nói đó: Học, học học - Lê nin • Chỉ dành cho Netscape Browser: Chữ nhấp nháy Look at me now, i am blinking • Chỉ dành cho Internet explorer: Chữ chạy o o o Khi cần dòng kẻ ngang qua trang web dưới, bạn dùng tag để "kẻ": mang giá trị sau: "noshade" (khơng có bóng), width="x" (trong width chiều rộng x % ví dụ width="80%" pixel ví dụ width="600"), color="blue" (màu dòng kẻ), size="1" (độ đậm dòng kẻ) Dòng viết sau: Thôi vậy, có lẽ đủ rồi, nhiều lại loãng ;-) Table - bố cục trang web sử dụng bảng Table - yếu tố quan trong Website đẹp Table cho phép bạn có xác đến pixel bố cục Homepage Với Table bạn trang trí bố cục trang web tờ báo với nhiều cột khác Table làm cho trang web bạn có layout sinh động Trang đề cập tới Table Cặp TAG tạo Table Như bạn biết, Table tạo ta từ nhiều dòng dịng lại chứa nhiều Mỗi cặp TAG tạo dòng, dòng bạn sử dụng nhiều cặp TAG để có nhiều ô Cũng

, thực TAG đơn, không cần đến cẩn thận, ta nên dùng cặp TAG Table - yếu tố quan trong Website đẹp Table cho phép bạn có xác đến pixel bố cục Homepage Với Table bạn trang trí bố cục trang web tờ báo với nhiều cột khác Table - yếu tố quan trong Website đẹp Table cho phép bạn có xác đến pixel bố cục Homepage Với Table bạn trang trí bố cục trang web tờ báo với nhiều cột khác Table - yếu tố quan trong Website đẹp Table cho phép bạn có xác đến pixel bố cục Homepage Với Table bạn trang trí bố cục trang web tờ báo với nhiều cột khác Với Table bạn trang trí bố cục trang web tờ báo với nhiều cột khác Table làm cho trang web bạn có layout sinh động Với Table bạn trang trí bố cục trang web tờ báo với nhiều cột khác Table làm cho trang web bạn có layout sinh động Với Table bạn trang trí bố cục trang web tờ báo với nhiều cột khác Table làm cho trang web bạn có layout sinh động HTML Code bảng viết sau: Dòng - 1 Dịng - 2 Dịng - 3 Dịng - 1 Dịng - 2 Dịng - 3 • cho biết chiều rộng table 100%, số khơng có giá trị cố định, thay đổi theo mức rộng ảnh người đến xem, người xem scroll ngang Nhưng bạn dùng giá trị cố định, chẳng hạn: width="800", Table luôn rộng chừng pixel, ảnh 800 hay 1024 pixels • cho biết, chiếm 33% chiều rộng dịng • hướng bảng vào trung tâm trang web, định hướng tồn nội dung align mang giá trị sau: "left" (gía trị mặc định - không cần viết được), "center" (trung tâm), "right" (phải) • bgcolor sử dụng cho trang web (), tồn table () () • border="1" bordercolor="red" có nghĩa: bảng có khung với độ dày 1, màu đỏ • Bạn định khoảng cách nội dung khung ô cellpadding, cellpadding="10" có nghĩa text cách khung 10 pixels Tương tự với khoảng cách ô bảng (cellpadding): cellspacing="5" có nghĩa table cách pixels Table - yếu tố quan trong Website đẹp Table cho phép bạn có xác đến pixel bố cục Homepage Với Table bạn trang trí bố cục trang web tờ báo với nhiều cột khác Table - yếu tố quan trong Website đẹp Table cho phép bạn có xác đến pixel bố cục Homepage Với Table bạn trang trí bố cục trang web tờ báo với nhiều cột khác Table - yếu tố Với Table bạn Table - yếu tố quan trong Website đẹp Table cho phép bạn có xác đến pixel bố cục Homepage Với Table bạn trang trí bố cục trang web tờ báo với nhiều cột khác Table làm cho trang web bạn có layout sinh động Trong table trên, bạn thấy có chiều cao chiều rộng khác nhau, xác bên trái, phía rộng ô trên, ô bên phải lại cao hai bên trái Ðiều thực colspan rowspan (xem HTML Code) Dòng - ô 1 Dòng - ô 2 Text Text document.write(lt+jr); 250free thay đổi thường xuyên Banner-Code họ ln tìm cách vơ hiệu hóa dịng code bạn Nếu bạn thấy Banner Bravenet [trên trang Test này], làm ơn thông báo cho [Forum] Batcave.net / ZeroCatch [batcave.net] [0catch.com] tặng bạn 100 MB banner, popups Ðể phá quảng cáo họ, bạn thêm đoạn code (màu đỏ) vào sau TAG HTML code: Your web page title Batcave thay đổi thường xuyên Banner-Code họ ln tìm cách vơ hiệu hóa dịng code bạn Nếu bạn thấy Banner Batcave [trên trang Test này], làm ơn thông báo cho [Forum] Ðây lời giải đáp thắc mắc bạn Mai Thi Kieu Nuong (18.11.2002) Chúc bạn thành công! Bravenet.com [bravenet.com] cung cấp đủ thứ, Popups Banner Ðưa dòng code đỏ sau vào sau tag HTML code trang để phá: Bravenet thay đổi thường xuyên Banner-Code họ ln tìm cách vơ hiệu hóa dịng code bạn Nếu bạn thấy Banner Bravenet [trên trang Test này], làm ơn thông báo cho [Forum] Crosswinds.net [crosswinds.net] cho bạn sử dụng Webspace vô tư quấy rầy bạn Popups Ðưa dòng code sau vào trước TAG (đầu trang) trang để "tóm gọn" đóng Popup vừa mở ra: var winname1="jW4Lo"; var winname2="s9wh"; var windowname=winname1+winname2; handle = window.open("index.htm", windowname); handle.close(); PS: Crosswinds khơng tìm cách phá code bạn, họ xóa thẳng tay trang web bạn, sau nhiều lần họ xóa hẳn account Tôi tạo account crosswinds.net bị họ xóa Nếu bạn muốn sử dụng crosswinds đành phải chấp nhận popup họ dùng đoạn code phần [Hide Popup] Fortunecity.com [Fortunecity.com] cho bạn sử dụng 100 MB quấy rầy bạn Popups Ðưa dòng code sau vào trước TAG trang để phá: Freepage [Freepage] cho bạn sử dụng 20 MB quấy rầy bạn Frame Ðưa dòng code sau vào HTML code trang chủ để phá Frame: // killframe @ www.tridung.de if (top.location != self.location) {top.location = self.location} Geocities.com [Geocities.com] cho bạn sử dụng 15 MB quấy rầy bạn PopupMenu Thêm dòng code màu đỏ vào HTML code sau TAG trang để phá: Geocities thay đổi thường xuyên Banner-Code họ ln tìm cách vơ hiệu hóa dịng code bạn Nếu bạn thấy Banner Geocities [trên trang Test này], làm ơn thông báo cho [Forum] Tất nhiên, nhiều anh lập trình viên geocities luẩn quẩn, trước phải dùng tới gần 10 dòng code để phá, sau họ "vơ hiệu hóa" hết, tơi cần dịng ;-) Hypermart [Hypermart.com] cho bạn sử dụng 50 MB CGI, SSI quấy rầy bạn Popups Ðưa dòng code sau vào sau TAG cuối (nếu có) nơi HTML code (nếu khơng có TAG ) trang để phá: Lycos.com [Lycos.com] cho bạn sử dụng 50 MB PHP, MySQL quấy rầy bạn Popups Ðưa dòng code sau vào sau TAG trang để phá: Netfirms.com [Netfirms.com] cho bạn sử dụng 25 MB CGI-BIN tất nhiên, có banner "trọn gói" Tất biện pháp nêu bị họ vơ hiệu hóa, trừ biện pháp Ðưa đoạn code đỏ sau vào sau TAG (dưới tận cùng) trang để phá: Be fair and don't remove these lines! Banner Killer by www.tridung.de Tơi có làm [trang thử nghiệm] netfirms, trang có banner nghĩa biện pháp bị phát hiện, làm ơn thông báo cho [forum] qua [email] Ðây lời giải đáp thắc mắc bạn ngocthanh forum (17.12.2002) Topcities.com [Topcities.com] cho bạn sử dụng 150 MB khuyến mại cho bạn Banner tương đối to Chắc bạn khơng thích bị mụn bự trán không ;-) Ðưa dịng code sau vào sau thay (chú ý: tơi nói thay thế, có nghĩa HTML Code bạn không phép chứa TAG thứ hai!) cho TAG trang để phá: //Banner Killer by www.tridung.de var td, pn; td = ""; document.write(td+pn); từ 14.09.2002 bạn phải thêm dòng sau vào sau TAG trang web để vơ hiệu hóa dịng code cuối trang Topcities Tơi có [Testpage] Topcities, thấy có quảng cáo biện pháp bị phát Hãy thông báo cho [Forum] để tơi tìm cách khác Ðây lời giải đáp thắc mắc bạn Khoi Viet Hoang (05.09.2002) Chúc bạn thành công! Tripod.com [Tripod.com] cho bạn sử dụng 50 MB CGI quấy rầy bạn Banner Ðưa dòng code sau vào trước TAG trang để phá: //Banner Killer by www.tridung.de var td, pn; td = ""; document.write(td+pn); Tôi có [Testpage] Tripod, thấy có quảng cáo biện pháp bị phát Hãy thơng báo cho tơi [Forum] để tơi tìm cách khác Ngồi bạn cịn dùng cách dành cho Topcities để phá Kill Popup Ðưa dòng code sau vào sau TAG trang để phá: Hijack Popup Nếu bạn biết tên Popup Window (xem đoạn Script mà FWP cài thêm vào trang bạn), bạn dùng Script sau để đóng lại sau mở người xem khơng nhận biết điều Ðưa dòng code sau vào sau TAG trang để phá Phương pháp dùng cho Coolfreepages.com Hide Popup Nếu khơng có cách cách áp dụng được, bạn sử dụng cách sau để đẩy trang web trước Popup Người đọc phải tự đóng Popup nhận biết rời trang bạn Ðưa dòng code sau vào sau TAG trang để phá: 10 BEST FWP (Free Webspace Provider) Ðăng ký tên miền tk miễn phí! www your-domain-here tk register Bạn vừa làm cho trang web nhỏ chưa biết làm để đưa lên internet? Bạn có ổ cứng đầy MP3 muốn chia xẻ với người nhà cung cấp internet bạn không cho phép lưu MP3 server họ? Nói ngắn gọn bạn muốn có webspace khơng muốn tiền? Trong trang web này, xin giới thiệu với bạn 10 FWPs tốt xếp theo thứ tự Crosswinds Free • • • • • • • • Internet: www.crosswinds.net Homepage-URL: www.crosswinds.net/~ten_ban Webspace: vô tư (no limit) Giới hạn traffic: vô tư Upload FTP: không hỗ trợ Upload Web: hỗ trợ Quảng cáo: Pop-ups [xem cách phá] Extra: khơng • Hạn chế: khơng Batcave.net • • • • • • Internet: www2.batcave.net Homepage-URL: www.ten_ban.batcave.net Webspace: 100 MB Giới hạn traffic: 600 MB/tháng Upload FTP: hỗ trợ Upload Web: hỗ trợ • • Quảng cáo: Pop-ups, Banner [xem cách phá] Extra: Statistic, Feedback Form • Hạn chế: khơng ZeroCatch • • • • • • • • Internet: www.0catch.com Homepage-URL: www.ten_ban.0catch.com Webspace: 100 MB Giới hạn traffic: 20 MB/ngày, 600 MB/tháng Upload FTP: hỗ trợ Upload Web: hỗ trợ Quảng cáo: Pop-ups, Banner [xem cách phá] Extra: khơng • Hạn chế: file khơng lớn MB Anzwers Free Home • • • • • • • • Internet: www.anzwers.net Homepage-URL: http://anzwers.org/free/ten_ban Webspace: 60 MB, muốn nhiều phải hỏi Giới hạn traffic: vô tư Upload FTP: không hỗ trợ Upload Web: hỗ trợ Quảng cáo: Banner Extra: khơng • Hạn chế: cấm số file types, không hỗ trợ frames Lycos Tripod • Internet: www.tripod.com • Homepage-URL: ten_ban.tripod.com • Webspace: 50 MB • Giới hạn traffic: vô tư • Upload FTP: hỗ trợ (địa chỉ: ftp.tripod.com, sử dụng username password) • Upload Web: hỗ trợ • Quảng cáo: Pop-ups [xem cách phá] • Extra: tài khoản e-mail, PHP • Hạn chế: khơng Fortunecity • • • • • • • • Internet: www.fortunecity.com Homepage-URL: http://members.fortunecity.com/ten_ban Webspace: 100 MB Giới hạn traffic: vô tư Upload FTP: hỗ trợ Upload Web: hỗ trợ Quảng cáo: Pop-ups, Banner [xem cách phá] Extra: khơng • Hạn chế: cấm file lớn MB Cool Free Pages • • • • • • • • Internet: www.coolfreepages.com Homepage-URL: ten_ban.coolfreepages.com Webspace: 50 MB Giới hạn traffic: vô tư Upload FTP: hỗ trợ Upload Web: không hỗ trợ Quảng cáo: Pop-under [xem cách phá] Extra: PHP • Hạn chế: khơng FindALL • • • • • • • • Internet: www.findall.de Homepage-URL: www.findall.de/home/ten_ban Webspace: 25 MB Giới hạn traffic: vô tư Upload FTP: không hỗ trợ Upload Web: hỗ trợ Quảng cáo: không Extra: khơng • Hạn chế: khơng Spaceports • Internet: www.spaceports.com • Homepage-URL: http://galileo.spaceports.com/~ten_ban • Webspace: 20 MB, muốn nhiều xin thêm • Giới hạn traffic: 100 MB/ngày, GB/tháng • Upload FTP: hỗ trợ (địa ví dụ: galieo.spaceports.com, sử dụng username password) • Upload Web: hỗ trợ • Quảng cáo: Banner • Extra: tài khoản E-Mail, CGI (rất tốt!), PHP • Hạn chế: khơng 10 Yahoo! Geocities • Internet: www.geocities.com • Homepage-URL: www.geocities.com/ten_ban • Webspace: 15 MB, muốn nhiều xin thêm • Giới hạn traffic: vơ tư • Upload FTP: hỗ trợ (địa chỉ: ftp.geocities.com, sử dụng username password - hay bị lỗi login) • Upload Web: hỗ trợ • Quảng cáo: Pop-ups (AdSquare) [xem cách phá] • Extra: tài khoản E-Mail, statistic • Hạn chế: không Bảng chữ tiếng Việt sử dụng Unicode Giá trị x (ví dụ: Ð = Đ) Ă 25x Ð 27x Ĩ ẩ ĩ Ơ Ũ Ầ ầ ũ 41x 784x Ẩ đ 29x 46x ă â 22x 43x  19x 36x Ư Ă ă Ạ Ả ả Ấ ấ 785x 786x 787x 788x 789x 790x 791x 792x Ẫ Ẵ Ế Ỉ Ồ Ờ Ủ Ự ẫ Ậ ậ Ắ ắ Ằ ằ Ẳ ẵ Ặ ặ Ẹ ẹ Ẻ ẻ Ẽ ế Ề ề Ể ể Ễ ễ Ệ ỉ Ị ị Ọ ọ Ỏ ỏ Ố Ổ ổ Ỗ ỗ Ộ ộ Ớ Ở Ỡ ỡ Ợ ợ Ụ ủ Ứ ứ Ừ Ử Ữ ự Ỳ ỳ Ỵ ỵ Ỷ ỷ Ỹ Một số chữ có dấu cịn lại tiếng Việt Chữ Code Chữ Code À È è Ì ì Ị ị Ù À à Á É é Í í Ĩ ó Ú Á Á à à È È è è Ì Ë ì ì Ò Ñ ò ò Ù Ù á á É É é é Í Ì í í Ó Ò ó ó Ú Ú ẳ ẽ ệ ố ụ ữ ỹ ù ù ù ú Ý ý ú ú ý Ý ý ý Bạn dùng bảng code để viết tiếng Việt HTML Code (sử dụng font: Times New Roman, Verdana, Arial Tahoma) nên dùng Frontpage (có Office 2000, XP) VPSKeys 4.2 để viết cho nhanh Cookie - bánh quy vơ hình Có thể bạn đọc cookie chưa nhìn thấy hoạt động nào, chưa tưởng tượng hình dáng Nếu bạn sử dụng Windows XP, mở Windows Explorer ra, vào C:\Documents and Settings\Ten Ban\Cookies\ thấy vô số cookie trang web gài vào từ Bạn xóa tồn cookie mà khơng làm ảnh hưởng đến máy Cookie (bánh quy) thường file text nhỏ (max 4KB) sử dụng để trang web "nhớ" tới bạn bạn quay lại, đơn giản hóa khâu điền form, nhớ settings bạn trang web Cookie thường có dạng sau: Option: | tat | ~~local~~/D:\Website\Tri Dung\ihtml\ | 1088368571366429526991300723643229525583* Tôi thêm dấu | vào để bạn dễ nhìn Trong dịng trên, bạn thấy cookie có khúc Hai khúc đầu mang tên bạn, ví dụ Option nhạc nền, hai khúc Path trang web (trong ví dụ trang web nằm local máy tôi) khúc sau thời điểm hết hạn cookie Ðoạn code cho phép bạn tạo (set_cookie)và đọc (get_cookie) cookie: //Script by www.tridung.de var browser = navigator.appName; LIVEDAYS=7; function set_cookie(name, value) // Tao cookie { document.cookie= name + "=" + escape(value)+ "; EXPIRES=" + cookie_live(); } function cookie_live() // Tinh thoi diem het han { var date=new Date(); date.setDate(date.getDate()+LIVEDAYS); var gmt=date.toGMTString(); var k1=gmt.indexOf(" "); var k2=gmt.indexOf(" ", k1+1); var k3=gmt.indexOf(" ", k2+1); var str=gmt.substring(0,k2)+"-"+gmt.substring(k2+1,k3)+"-"+gmt.substring(k3+3,gmt.length); return str; } function get_cookie(name) //doc Cookie { var value; if(document.cookie != "") { var kk=document.cookie.indexOf(name+"="); if(kk >= 0) { kk=kk+name.length+1; var ll=document.cookie.indexOf(";", kk); if(ll < 0)ll=document.cookie.length; value=document.cookie.substring(kk, ll); value=unescape(value); } } return value; } Cookie at work - background music [see more] Cách tạo nhạc cho trang web bạn biết chương trước Sau xin giới thiệu cách điều chỉnh nhạc phù hợp với ý muốn người tới thăm Trang web cho phép người tới thăm lựa chọn cách: chơi nhạc lần, chơi chơi lại tắt hẳn Và chắn bạn bất ngờ quay lại trang sau giờ: bạn nghe nhạc khác! Ðiều đơn giản lắm, cần đọc kỹ trang JavaScript nghiên cứu source code hai script bạn tự làm Bây mời bạn thử! Làm ơn chỉnh nhạc trang web: chạy liên tục chạy lần tắt Ðể làm điều trên, bạn cần viết đoạn code sau: Lam on chon nhac nen cho trang web: chay mot lan chay lien tuc tat Ngồi ra, cần có folder mang tên sound, chứa hát (xem script source code để biết tên cần thiết) hai script (download đây: music.js load_music.js) nằm folder scripts Bạn nhoc_con có hỏi forum cách tạo popup window (thường chứa thông báo mới) trang mở muốn popup mở lần người xem vừa đến Ðây lại nhiệm vụ cao cookie Trang web mở popup tự cài cookie vào máy người xem đánh dấu máy đọc popup để lần sau trang web không mở popup Tất nhiên bạn dựa vào ví dụ phép người xem tự định có muốn xem popup lần thăm tới khơng Cookie at work - Popup Setting [see more] Trong ví dụ này, bạn thử tơi nêu trên: Show popup on your next visit? Yes No Ðể làm điều trên, bạn cần viết đoạn code sau: Show popup on your next visit? Yes No Ngoài ra, bạn cần file mang tên ihtml_popup.htm hai script (download đây: popup.js load_popup.js) nằm folder scripts Trong trang Popup, bạn nên để lệnh onBlur="self.close()" tag body để trang tự đóng người xem xem tiếp trang ... if(document.cookie != "") { var kk=document.cookie.indexOf(name+"="); if(kk >= 0) { kk=kk+name.length+1; var ll=document.cookie.indexOf(";", kk); if(ll < 0)ll=document.cookie.length; value=document.cookie.substring(kk,... get_cookie(name) / /doc Cookie { var value; if(document.cookie != "") { var kk=document.cookie.indexOf(name+"="); if(kk >= 0) { kk=kk+name.length+1; var ll=document.cookie.indexOf(";", kk); if(ll < 0)ll=document.cookie.length;... undefined){ document.write("Chao ban, cam on ban da toi tham!"); } else{ document.write("Chao " + visitor_name + ", cam on ban da quay lai!"); } function TDPN() { var ten = document.getName.Visit.value;