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

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

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;