Thiết kế trang web mạng

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, nội dung với màu da cam viết sau: [Xem ví dụ] Tất nhiên, Homepage 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 [Xem ví dụ] 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 đề 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 đề 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ó 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 đư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 quá, 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 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 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ó đẹp, tạo từ tranh nhỏ Cái đơn giản HTML Code sau: [Xem ví dụ] 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à đượ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 [trang trước] 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 [Hội Phụ Nữ Việt Nam] Bochum, CHLB Ðức: Ví dụ trang web [Hội Phụ Nữ Việt Nam 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 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: web 1" shape="rect" web 2" shape="rect" web 3" shape="rect" web 4" shape="rect" 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 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 đó, dùng đến TAG 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ốt bạn [xem ví dụ] Và sau khả trang trí chữ, 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 € 15000 • Tổng bình phương hai cạnh góc vuông 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ố 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 toà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 (), toà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ố 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 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ó Table - yếu tố quan trong Table - yếu tố quan trong • [TheGuestbook] Cũng hay, thấy net mà chưa thử cài bao Forum • [ForumCo.com] đăng ký sử dụng thử biết, chán chuyển sang dịch vụ khác ;-) • [www.bravenet.com] nói mục lưu bút: dùng tốt! Nếu có thời gian kiên nhẫn, bạn học thêm PERL, ASP, PHP để tự viết cho Guestbook hay Forum download phần mềm viết sẵn sửa cho hợp để dùng Một địa hay cho thích mày mò học theo kiểu "learning by doing" là: www.cgi-resources.com Nếu bạn không hài lòng với nêu trên, tìm thêm www.google.com với từ khóa sau: free guestbook, free forum Find free services free guestbook, free forum Cách phá Popup quảng cáo FWP (Free Webspace Provider) Ðăng ký tên miền tk miễn phí! www your-domain-here tk register Các bạn có Homepage đặt [các dịch vụ Webspace miễn phí] có lần tự hỏi, làm cách để bỏ Popup để người xem đỡ rối mắt Bỏ bao ngày đêm làm trang web thật vừa mắt với hình ảnh đẹp mà bị đống rác Popup che hết kể tức Cũng có nhiều bạn viết thư hỏi Trong trang web này, xin giới thiệu với bạn cách phá Popup cho nhiều FWP khác Nhưng trước đọc tiếp, bạn nên biết số điều sau: • Phá Popup đồng nghĩa với không tuân theo Term Of Service (TOS) FWP nên họ có quyền "đá đít" bạn xóa hẳn homepage bạn lúc Vì lý này, bạn nên tạo cho trang web địa độc lập (redirect - ví dụ: www.tenban.tk come.to/tenban) , không liên quan tới provider nơi bạn dặt trang web đề phòng họ phát cấm địa bạn Khi bạn cần thay đổi TARGET URL xong • Nếu làm bạn FWP sống gì? • Và điều quan trọng là: bạn chưa đọc TOS, bạn không quan tâm đến sống FWP họ có địa E-Mail bạn để bán xác suất bị "đá đít" nhỏ, "đá đít" bạn làm account ;-) Nếu bạn đồng ý với nêu làm ơn tiếp tục! Nếu HTML, bạn nên đọc [trang này] trước! Nếu chấm từ (kém nhất) đến 10 (tốt nhất), bạn cho iHTML điểm? Làm ơn chọn nhấn nút Vote Ðể xem nhận xét bạn đọc, nhấn nút View! Vote V3 Forwarder (come.to/tenban) & dot.tk [Come.to] [dot.tk] cung cấp dịch vụ Forward Nếu bạn Geocities, địa bạn www.geocities.com/tenban Ðịa dài khó nhớ come.to/tenban V3 www.tenban.tk dot.tk Khi đăng ký V3, bạn có lựa chọn nhiều kiểu quảng cáo khác nhau, chọn Frame! Dot.tk tự chèn trang bạn vào Frame tung Popup quảng cáo Ðưa dòng code sau vào đầu HTML code trang chủ để phá Frame quảng cáo: // killframe @ www.tridung.de if (top.location != self.location) {top.location = self.location} 250free.com [250free.com] cho phép bạn upload 250 MB tặng kèm theo banner, popups đủ loại Ðể phá quảng cáo, thay TAG HTML Code trang bằng: //Banner Killer by www.tridung.de var td, pn; td = ""; document.write(td+pn); bằng: //Banner Killer by www.tridung.de var lt, jr; td = ""; document.write(lt+jr); 250free thay đổi thường xuyên Banner-Code họ 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ọ 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ọ 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ọ 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, 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 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ú ý: 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ì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 [Forum] để tìm cách khác Ngoài bạ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 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 Ũ 43x 46x 787x Ạ Ẫ Ẵ Ế Ĩ ĩ Ơ Ầ Ằ Ẻ Ễ ầ ằ ẻ ễ Ẩ Ẳ Ẽ Ệ ẩ ẳ ẽ ệ ũ 41x 786x ă đ 29x 785x Ă â 22x 784x  19x 36x Ư Ă ẫ ẵ ế ă Ả Ậ Ặ Ề ả ậ ặ ề Ấ Ắ Ẹ Ể ấ ắ ẹ ể 788x 789x 790x 791x 792x Ỉ Ồ Ờ Ủ Ự ỉ Ị ị Ọ ọ Ỏ ỏ Ố Ổ ổ Ỗ ỗ Ộ ộ Ớ Ở Ỡ ỡ Ợ ợ Ụ ủ Ứ ứ Ừ Ử Ữ ự Ỳ ỳ Ỵ ỵ Ỷ ỷ Ỹ Một số chữ có dấu 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 toà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 Ngoà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ử 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 [...]... trong HTML để định dạng cho trang web Thay vì phải viết đi viết lại một số TAGs, bạn có thể viết sẵn trong một đoạn code ở đầu trang hoặc trong một css file rồi import vào trang web CSS/CSS2 có rất nhiều thuộc tính mà tôi không thể kể hết trong trang này, xin giới thiệu với bạn chút ít về nó để bạn làm quen và có thể học thêm bằng cách xem trong HTML code của các trang web hay Xem trong đoạn code dưới... cách sau để đẩy trang web của mình ra trước Popup Người đọc tuy phải tự đóng Popup nhưng chỉ nhận biết được khi đã rời trang bạn Ðưa dòng code sau vào sau TAG của từng 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 mình một trang web nhỏ và chưa biết... người đọc sẽ thể scroll để đọc tiếp nếu như trang html có cỡ to hơn Frame chứa nó) frameborder="0" (frame không có khung) framespacing="0" (tương tự như trong table) noresize (không cho phép người đọc thay đổi kích cỡ của window) Bạn hãy [xem ví dụ] Âm nhạc, phim ảnh trong trang web Bạn còn có thể làm cho trang web của mình sinh động hơn bằng âm nhạc, video Trang này sẽ giúp bạn thực hiện điều đó Nhưng... sans-serif) Thuộc tính của nền và màu trong trang web • background-attachment: thuộc tính này cho phép chọn xem hình nền nằm cố định trong trang web (fixed) hay trượt theo phần bạn xem (scoll) • background-color: có thể chọn màu (RGB: 255,255,255 / color name: white / Hex: #ffffff) hoặc transparent • background-image: cho phép bạn chọn một hình làm nền cho trang web • background-position: cho phép bạn... controls="PositionField" height="30" width="400" autostart="true"> Bạn hãy [xem ví dụ] Có một điều bạn cần chú ý là tất cả các files nhạc, video đều phải được upload cùng với trang web và cùng nằm trong một địa chỉ như trang web Nếu sử dụng một file của trang web khác, bạn phải đưa địa chỉ đầy đủ của file đó vào html-code Ví dụ: JavaScript... MP3 trên server của họ? Nói ngắn gọn là bạn muốn có webspace và không muốn mất tiền? Trong trang web này, tôi xin giới thiệu với bạn 10 FWPs tốt nhất xếp theo thứ tự 1 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:... gmt=gmt+24 và bây giờ bạn có gmt với giá trị -5+24=19 (19 giờ) Và đang tiện nói về thời gian, tôi giới thiệu thêm với bạn một ứng dụng của JavaScript Trong trang chủ của website này, tôi có cài sẵn lời chúc mừng sinh nhật tới bạn bè, cứ đến ngày là trên trang web tự hiện lên lời chúc Tương tự như vậy, bạn cũng có thể sử dụng code sau để viết "Good morning", "Good evening" hay "Good afternoon" ... Tiêu đề trang web< /h1> Welcome to my Homepage! Tiêu đề trang web< /h3> Tiêu đề trang web< /h4> Tiêu đề trang web< /h5> Tiêu đề trang web< /h6>... 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. .. đư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ố