thiet ke web

Thẻ marquee là một tính năng rất thú vị, nhưng có nhiều người lại lạm dụng nó. Mặc dù ý tưởng dùng chữ marquee là khá hay và hấp dẫn, nhưng bạn nên nhớ rằng không phải.. ai cũng thấy [r]

(1)

Thiết kế Web

Các bước để có website

Tuy nhiên để giải toả chút nóng đốt cháy bạn, tơi có vài mẹo để bạn bắt đầu với lĩnh vực mà người ta hay gọi với tên – câu lạc webmaster

Dùng dịch vụ Free

Dịch vụ host free có ưu điểm bạn không đồng để mua host domain mà có trang web mạng Nhưng trái lại bạn phải phụ thuộc vào dịch vụ nhiều ví dụ dung lượng giới hạn, bandwidth ít, vơ số banner quảng cáo điều tệ chết lúc

Một điều bạn dùng host free bạn khơng có tên miền cho riêng mà dạng http: //www.doteasy.com/~username

Tuy nhiên để bắt đầu với việc làm web, host domain free ý tưởng hay để bắt đầu với

Bạn vào Google Yahoo search với từ khóa, free blog, free host, free domain … cho bạn nhiều kết Và bạn việc chọn thứ

Tơi có biết trang web cho host free uy tín KHƠNG có banner Bạn đăng ký dùng thử Doteasy.com

(2)

Cho dù có nhiều phần mềm thiết kế web dạng HTML Editor, nhiên cho dù công cụ có mạnh đến đâu công cụ Bạn người định Do chút kiến thức HTML bạn khơng có, thật khó cho bạn bạn muốn làm web

Về HTML bạn đọc phần Cơ HTML có Vietphotoshop.com

Bạn nên biết sử dụng thành thạo phần mềm thiết kế web

Bạn nên học cách sử dụng hai phần mềm thiết kế web sau: Dream Weaver Microsoft Frontpage Đây hai phần mềm mạnh thiết kế web HTML có thị trường Về Microsoft Frontpage, bạn học cách sử dụng qua chương sách “Bước đầu đến với Frontpage” có Vietphotoshop

Bạn nên biết cách sử dụng chương trình đồ hoạ

Sau bạn biết tag HTML, biết sử dụng phần mềm thiết kế web đến lúc bạn nên biết phần mềm đồ hoạ Nó giúp bạn tạo banner, button, hình ảnh … cho trang web bạn Đây bước quan trọng việc thiết kế web

Về bản, bạn học phần mềm đồ hoạ Adobe Photoshop Với kiến thức vững phần mềm này, bạn tự tạo layout, banner, button chí logo cho riêng website bạn

Bạn nên học PHP

(3)

được tham gia vào trang web để viết bài, gửi bài, tham gia thảo luận, nhận xét … họ khơng cịn thụ động xưa mà chủ động Cho nên nhu cầu trang web động nội dung thực cần thiết

Chính trang web động sử dụng MySQL cập nhật liên tục mà không thời gian trang web tĩnh dạng HTML Đây xu hướng dần thay trang web ban sơ dạng HTML

Cuối cùng, bạn thấy, để trở thành webmaster dễ Do bạn cần chút tâm lòng đam mê, bạn qua hết “cửa ải” mà tơi nói Đến lúc tạo trang web với nội dung thật hấp dẫn, quay lại Vietphotoshop liên kết nhé!

Chúng chờ bạn sẵn sàng giúp đỡ bạn

© Bá tước Monte Cristo – www.vietphotoshop.com

Tạo trang Redirect (định hướng) tự động

Tuy nhiên sau thời gian tồn tại, trang bạn lại thu hút nhiều người đến xem nội dung Bạn có ý định mua host domain cho thay dùng host free Nhưng vấn đề thường trang bạn trước nhiều Search Engine indexed rồi, nhiều người book mark site bạn rồi, nhiều người quen với tên miền bạn Bây mà bạn bỏ khơng lời từ biệt teo mất! việc tốt lúc đặt trang tự động chuyển địa URL Nó nên trang đơn giản với hình logo bạn, chạy lệnh redirect cách tự động gửi khách đến thăm sang địa định bạn Ở trang redirect bạn nên ghi thông tin là:

(4)

http://www.yournewsite.com"[/I]

Bạn copy paste đoạn code sau vào HTML hai thẻ trang redirect -

< HEAD>

< META HTTP-EQUIV=REFRESH CONTENT="X;URL=http://www.mynewurl.com"> < /HEAD>

-

(bỏ hai dấu chấm nhé)

X số lượng thời gian trước chuyển sang địa Bạn nên đặt thời gian giây để người đọc biết xảy

Bằng cách đơn giản bạn di chuyển domain thật đơn giản mà khơng phải lo nhiều độc giả

© www.vietphotoshop.com - Dịch Bá tước Monte Cristo

Bảo vệ hình ảnh khỏi bị lấy direct link

Bảo vệ hình bạn htaccess đơn giản Những bạn cần làm cho hết hình vào thư mục mà bạn muốn bảo vệ Tiếp đến tạo file text ASCII đặt tên htaccess lưu lại thư mục chưa file hình Chú ý tên file bắt đầu dấu chấm tất chữ thường khơng có in hoa Mở notepad Window lên, Copy dán đoạn code sau vào notepad

>*******************<

(5)

SetEnvIfNoCase Referer "^http://domain-của-bạn.com/" locally_linked=1 SetEnvIfNoCase Referer "^http://domain-của-bạn.com$" locally_linked=1 SetEnvIfNoCase Referer "^$" locally_linked=1

<FilesMatch ".(gif|png|jpe?g)$"> Order Allow,Deny

Allow from env=locally_linked </FilesMatch>

>********************<

Thay chữ domain-của-bạn thành tên domain thật bạn ví dụ www.bantayden.com Nếu bạn muốn cho phép domain khác dùng link hình bạn copy hai dịng cho tên domain vào Ví dụ tơi muốn cho trang www.appznet.org dùng hình tôi làm sau

>********************<

SetEnvIfNoCase Referer "^http://www.bantayden.com/" locally_linked=1 SetEnvIfNoCase Referer "^http://www.bantayden.com$" locally_linked=1 SetEnvIfNoCase Referer "^http://www.appznet.org/diendan/" locally_linked=1 SetEnvIfNoCase Referer "^http://www.appznet.org/diendan$" locally_linked=1 SetEnvIfNoCase Referer "^$" locally_linked=1

<FilesMatch ".(gif|png|jpe?g)$"> Order Allow,Deny

Allow from env=locally_linked </FilesMatch>

>********************<

(6)

những domain không cần phải gõ www mà cần gõ thẳng tên domain vào Do bạn ln vào địa www.domain-của-ban.com bạn xố hai dòng

Thêm bạn muốn cho trang khác xem hình bạn copy dòng thứ thứ hai dán xuống thêm domain trang Vậy xong, file bảo vệ hình có định dạng ".gif", ".png", ".jpg" ".jpeg"

Khi bạn copy chỉnh sửa xong bạn lưu file lại tên htaccess upload lên host trình FTP

Lưu ý: bạn upload lên bạn không thấy file lên số trình FTP ví dụ

như Cute FTP Vì coi file hệ thống Unix ẩn file Để xố file có vài cách dùng câu lệnh FTP Nhưng cách đơn giản dùng phần mềm FlashFTP nhìn thấy file host xố

Nếu bạn khơng muốn phức tạp tạo lại file htaccess khác với nội dung trắng upload đè lên việc lại trở lại bình thường

Bá tước Monte Cristo - www.bantayden.com

Một banner đẹp tập hợp điều giản dị

Author:Granny's Mettle

======================

1 Kích thước nên phù hợp với tiêu chuẩn:

(7)

làm tới đâu?" Cho nên khuyên bạn nên làm mức tiêu chuẩn Theo thông số thức banner tằm 778x140 dạng tiêu chuẩn nhiều site sử dụng

2 Nội dung trang phải phù hợp với banner

Bên cạnh hình đồ họa thiết kế tỉ mỉ, banner bạn phải có nội dung cân với Nội dung banner nên ngắn gọn, đơn giản phải thể mục tiêu hướng trang web Nhưng hết phải thu hút ý

Nội dung banner nên trực tiếp ngắn gọn điều đơn giản khơng đủ chỗ cho diễn văn Hơn nữa, muốn đọc cố gắng đọc bạn viết Cho nên giữ mức tối thiểu Hãy nhờ giúp đỡ bạn bè, gia đình để có câu ngắn gọn, súc tích chữ Bạn chí tạo lên khác biệt câu slogan thật ý nghĩa bạn

3 Màu sắc hình động nên phù hợp

Trang web bạn có màu sắc hình động nên phù hợp mạch lạc suốt toàn trang Màu sắc nên bắt mắt dễ nhìn xíu, hình đồ họa nên đơn giản hiệu tốt dung lượng nên nhỏ để giảm thời gian load Dù cho banner bạn có đoạn intro flash đẹp mơ câu slogan đầy ý nghĩa, tất điều trở thành vơ nghĩa chọn nút X màu đỏ trước kịp có hội để thể Hãy giữ cho banner bạn load thật nhanh người dùng internet tốc độ không cao Vì khơng phải có may mắn dùng đường truyền ADSL bạn

(8)

Người ta nói nới tốt để có lời nhận xét chân thành từ thành viên gia đình bạn bè thân thiết Họ cho bạn lời nhận xét tích cực tiêu cực để bạn chỉnh sửa cho hoàn thiện họ người mong bạn thành cơng Hơn họ khơng cảm thấy ngại phải nói thẳng banner bạn nhìn thấy ghớm! Cho nên mở rộng tâm hồn để đón nhận lời nhận xét cho dù tích cực hay tiêu cực đánh giá thật nghiêm túc

© www.vietphotoshop.com - Dịch Bá Tước Monte Cristo

Chọn font chữ cho đúng

Rất nhiều nhà thiết kế web ngộ nhận lựa chọn font chữ Điều khơng nên font chữ đóng góp nhiều vào diện mạo trang web tính dễ đọc nội dung Nếu phải liệt kê có khoảng 20.000 font chữ, số khơng dừng lại ngày có người ngồi thiết kế thêm font khác Với nhiều khác biệt bạn phải đánh dấu xuất phát điểm đâu bây giờ?

Điều bạn cần làm hạn chế lựa chọn font lại Bạn nên chọn font hỗ trợ cho thành phần thiết kết Font chữ thể tính cách Nó hạnh phúc vui nhộn đứa trẻ, nghiêm túc trang trọng người lớn tuổi, u buồn với màu đen, vui tươi với màu vàng Font chữ ngỗ nghịch, kín đáo, dè dặt, quỷ quyệt, gian xảo, tự tin thích thú bạn phải chọn chúng với tính cách mà font chữ thể Nếu khơng trang web bạn trò Net

Đây vài điều KHÔNG - KHÔNG:

(9)

người đọc thấy chán ngán với font chữ dạng Cuối cùng, muốn mắt bị đau phải đọc thứ thế? Một điều bạn không nên sử dụng font chữ nhỏ lớn Kích thước tiêu chuẩn từ 12-14, mức font bạn vùng "nguy hiểm"

Bên cạnh giá trị thẩm mỹ font chữ, tính dễ đọc nên đặc biệt quan tâm font làm để đọc để trang trí Người thiết kế font phải nghĩ font làm phải để người khác đọc Theo sau tính dễ đọc giá trị thẩm mỹ hút độc giả Nó phải thiết kế khéo léo cho thể tính cách font Nếu thiếu thiếu sót lớn

Một điêu quan trọng bạn không nên sử dụng nhiều loại font thiết kế Bởi làm cho trang web rắc rối lộn xộn Khoảng trắng chữ nên quan tâm để tối ưu hoá nội dung

Nếu bạn khơng lựa chọn font chữ cho mình, bạn nên hỏi ý kiến chuyên gia thiết kế để giúp đỡ bạn chọn font Hãy nhớ font chữ cúng thành phần khác tạo nên thành công trang web mang đến thất bại Và bạn muốn thử chọn font cách hay muốn thử thách?

Thế gọi nội dung hấp dẫn

Sau vài điểm để bạn lấy làm chuẩn cho hai chữ "Nội dung" hấp dẫn

1 Phù hợp

(10)

dẫn tin tức nóng hổi đăng Vnexpress.net

2 Chính xác

Thơng tin đăng trang web bạn phải xác tốt Một phần lý bạn thêm nội dung cho trang web bạn bạn muốn cho người đọc thấy bạn người rành vấn đề bạn viết Nhưng thông tin bạn lại thiếu xác người ta nghĩ bạn tay cừ bạn nghĩ

3 FREE - Miễn phí

Nếu bạn sơng nghế bán thơng tin khơng phải tất phần thông tin bạn nên cho miễn phí Làm người ta biết thơng tin bạn giá trị đến mức chưa lần xem mà phải trả tiền Ví dụ tơi muốn bán web host vietphotoshop.com viết nhiều viết chủ đề webhost domain Không phải muốn chia sẻ thông tin vấn đề mà tơi muốn cho bạn thấy biết host domain

Cuối không phần quan trọng nội dung trang bạn nên "độc vô nhị" đừng nên copy paste trang khác lấy làm Nếu trường hợp bạn yếu khoản viết lách, khơng cần phải cố ngồi viết mà lại mong mang nhiều thơng tin Nếu trường hợp bạn "mượn" thông tin người khác dùng trang bạn Nhưng nên nhớ phải credit cho họ nhé! Nhưng bạn tự viết viết dựa kinh nghiệm bạn điều tốt

Chọn màu phù hợp

(11)

chọn màu theo kiểu sai sửa Dưới kinh nghiệm quý báu liên quan đến việc chọn màu cho trang web Đọc bắt đầu cơng việc thu hút ý người đọc

Cách sử dụng màu pattern

Nếu bạn cho phép người đọc trang web bạn lưa chọn màu sắc, skin tuỳ theo sở thích họ Tiếp đến việc tạo độ tương phản cao chữ hình nền, tạo độ tương phản chữ hình điều nên làm, nhiên bạn đừng nên dung pattern texture background đằng sau chữ Một màu đặc khơng có thường tốt nhiều

Bạn đừng nên dựa nhiều vào ý nghĩa dẫn màu sắc cho đoạn thông tin quan trọng Sử dụng màu sắc cách để phân biệt thành phần khác trang web thú vị vui mắt Nhưng tránh lạm dụng màu sắc bạn phải dung nhiều màu lúc Nên mạch lạc đặt giới hạn cho số lượng màu mà bạn dung cho trang web

Lựa chọn màu phù hợp

Màu an toàn nhất, dễ đọc chuyên nghiệp kết hợp chữ đen trắng Theo khả trung bình mắt người - màu đỏ xanh rõ ràng đặt Trắng, đen, vàng xanh dương rõ ràng đặt vùng biên Nếu muốn xác định hai nhóm nội dung, đừng nên sử dụng kết hợp hai màu đỏ xanh lá, nhớ hầu hết người bị bệnh mù màu mù với hai màu đỏ xanh Cũng tương tự với hai màu Xanh dương Vàng có 1-2% số người bị mù với hai mùa Vàng Xanh dương

(12)

chế độ hiển thị nội dung hinh fmáy tính mà xem thời gian dài Những màu thích hợp với người dùng lớn tuổi Nếu bạn muốn màu sắc trang web phải khác biệt với màu xanh đậm, đỏ, màu tía, màu xám, vàng da cam gam màu tốt

Sử dụng mùa để nói công ty hay trang web bạn

Những màu sáng vàng để làm hình dùng để highlight cho sản phẩm hạ giá Những màu sắc phù hợp với thương mại màu be, xanh dương, màu đỏ tía màu xanh đậm hình trắng màu thật nhẹ Bạn đừng nên tạo thoi quen cho sử dụng chữ màu xám, màu nhạt cho đoạn văn quan trọng Nó khơng tốt bạn sử dụng nhiều tông màu Xanh lúc Bạn đừng tạo cho người đọc cảm giác bạn amatơ sử dụng màu sặc sỡ để hihglight

Chọn màu dựa chế độ xem

Khi bạn điều kiện thiếu ánh sáng, sử dụng chữ nhẹ, mỏng với màu vàng nhạt đỏ với màu mùa xanh đậm, xanh đỏ Nếu bạn làm việc mơi trường đủ ánh sáng chữ đen, mảnh trắng tốt

Những hướng dẫn dựa kinh nghiệm nhiên bạn phải cảmnhận phản ứng người đọc trang bạn để đưa kết luận cuối Nếu hướng dẫn không phù hợp với bạn lúc bạn phải tìm thơng tin học từ kinh nghiệm bạn để phản ứng lại với

Đường liên kết dạng liên kết

(13)

bạn click vào di chuột qua bạn khơng thấy có thay đổi Bởi tất đường link định dạng thành màu đỏ Chúng ta bắt đầu đoạn code đây:

- < style type="text/css">

< !

a:link { color: red; }

a:visited { color: red; }

a:hover { color: red; }

a:active { color: red; }

>

(14)

2 Nếu bạn muốn làm đường link bạn khơng có gạch chân di chuột qua bạn cần thêm trạng thái Text-decoration: none vào chỗ a:hover vào hai dấu ngoặc {}

-

a : h o v e r { c o l o r: r e d; t e x t-d ecor ation: non e; } -

(Viết liền)

Do bạn khơng muốn có đường gạch chân đường link, bạn việc thêm dòng Text-decoration: none vào tất trạng thái đường liên kết khơng có đường gạch chân

3 Bạn thêm hình vào đường link bạn di chuột qua Để làm bạn phải thêm màu background-color: vào trạng thái di chuột sau:

- a:hover {

color: red;

text-decoration: none;

background-color: #CCCCCC; }

-

4 Bạn thay đổi trỏ di chuột qua đường link Bạn thử đổi trỏ thành dấu chấm hỏi biểu tượng giúp đỡ

(15)

a:hover { color: red;

text-decoration: none; cursor: help;

}

-

Một vài trạng thái trỏ khác bạn dùng:

- auto

crosshair help move pointer text wait e-resize ne-resize n-resize nw-resize s-resize se-resize

-

Bạn nên cẩn thận sử dụng trạng thái trỏ trang web bạn dùng khơng cách làm cho người đọc nhầm lẫn khó hiểu

(16)

Những điều nên không nên thiết kế web

2 Nên giữ cấu trúc trang web bạn thật mạch lạc

Có vài webmaster muốn thay đổi cách nhìn trang web họ muốn tránh nhàm chán cách thay đổi cấu trúc trang web trang khác Ví dụ trang chủ menu nằm dọc, sang đến trang sau lại nằm ngang, vài trang khác lại dạng menu trượt …

Người lướt web thích mạch lạc, trang web bạn nên Hãy thử xem Window hao hao giống cấu trúc tính khác trời vực

3 Đừng nên dùng Pop up

Pop up có lẽ dạng mã làm cho người lướt web cảm thấy khó chịu Bởi người ta bị ép buộc phải đọc mà người ta không muốn đọc Giống bạn đường bị ném tờ giấy vào mặt bắt bạn phải đọc

Có vài lần tơi có dạo qua vài forum thấy có bảng pop up với lời lẽ lịch yêu cầu đăng ký làm thành viên Bảng pop up theo tơi, tơi kéo chuột xuống xuống theo, kéo lên lên theo mà khơng tắt

Vấn đề đặt nội dung trang hấp dẫn tơi, khơng cần phải nhắc tơi tự khắc đăng ký thành viên Cịn nội dung nghèo nàn cho dù admin trang đăng ký nick cho tôi, cho password chí login vào giùm tơi Tơi việc post chưa tham gia tơi phải đăng ký thành viên pop up

(17)

4 Nên du`ng hệ thống di chuyển tiêu chuẩn

Có nhiều webmaster muốn cho trang web sinh động nên nghĩ nhiều loại di chuyển (navigation) Có người cho xoay mịng mịng quanh cầu, có người cho chạy loanh quanh, có người cho trượt lên trượt xuống … kiểu làm người xem nhức mắt nhầm lẫn

Những trang web lớn họ dung navigation đơn giản nằm ngang phía phần bên tay trái

5 Nên để trang web bạn phù hợp với hình 800 x 600 Px

Hiện hình 800 x 600 khơng cịn chiếm đa số khơng biến chiếm khoảng 40% tổng số người online Cho nên bạn thiết kế, bạn để tâm đến 40%

Việc kéo trượt lên xuống khơng thành vấn đề việc dễ dàng với chuột hỗ trợ lăn Nhưng việc kéo trượt sang ngang vấn đề lớn vơ khó chịu với người lướt web

6 Đừng tự động tái định hướng người dung sang trang khác

Đôi có webmaster muốn người xem ý đến trang đặc biệt nên đặt đoạn mã tái định hướng click vào trang cụ thể Việc làm người dùng thấy khó chịu khơng an tâm Nếu bạn thực phải chuyển người dung đến trang đó, để đường link thay tự động chuyển họ

(18)

7 Nên giữ dung lượng trang chủ không vượt 60Kb

Trang web bao gồm chữ, hình ảnh định dạng khác Flash hình động Nhưng bạn cộng tất thành phần lại, dung lượng khơng nên vượt q 60 K

Bởi theo nghiên cứu tiến hành, trang web bạn giây để load bạn nửa sổ người đến thăm, cịn giây bạn trắng Bạn thử tự hỏi bạn có thực kiên nhẫn phải chờ trang kết tìm kiếm Google load chưa?

8 Đừng canh tất thứ

Canh tất chữ vào giống thể thơ lục bát khó đọc, tưởng tượng bạn đọc sách mà tất chữ nghĩa

Quy luật in giấy xuất từ sớm phải công nhận lề trái cách dễ đọc Vậy trước bạn nên làm gì, nhớ đến ngành in ấn làm

9 Đừng dùng Javascript cho trỏ chuột

Tơi có nhiều lần chiêm ngưỡng Javascript cho trỏ chuột đồng hồ chạy theo chuột, ánh lấp lánh, mũi tên, gươm … nói chung nhìn đẹp vui nhộn thích hợp với trang cho trẻ tuổi Với người tơi, tơi chẳng thấy thích đồng hồ loạt bám đia lấy chuột

(19)

10 Tham khảo “ông kẹ” net

“Ơng kẹ” tơi muốn đề cập đến trang web lớn với hang triệu người truy cập ngày Yahoo, Google, MSN … bạn nên tham khảo cách thiết kế, trình bày, font chữ, màu sắc, hiệu ứng họ

Vì họ công ty lớn, làm ăn lâu dài họ đầu tư tiền vào nghiên cứu họ dung kết trình đúc rút kinh nghiệm từ sai lầm Cho nên tham khảo cách họ làm học hỏi họ

© Bá tước Monte Cristo – www.vietphotoshop.com

10 lỗi thường gặp thiết kế web

1) Lựa chọn màu sắc nghèo nàn

Một điều quan trọng thiết kế website mà bạn ln phải nhớ giữ thật

đơn giản Càng rườm rà rắc rối không cần thiết Trang web bạn không nên

nhiều màu chữ viết nên màu có tính tương phản cao với Khơng cịn bực phải đọc chữ màu vàng màu hồng, chữ màu cam màu xanh Có thể theo bạn đẹp với độc giả lại vấn đề khác thường khó chịu

2) Thanh navigation rắc rối

(20)

3) Font chữ màu sắc lộn xộn

Cũng navigation bạn, bạn nên thiết kế cho font chữ màu sắc trang thật mạch lạc Nếu trang chủ bạn font Arial Font, kích thước 10 trang sau nên dùng chung font kích thước Tất nhiên vùng đặc biệt copyright, điều lệ bạn nên dùng font phù hợp Tuy nhiên, hầu hết trường hợp, bạn nên sử dụng loại font kích thước xuyên suốt toàn trang

Bạn nên nhớ 90% người lướt web tìm thơng tin cách dùng Search Engine để tìm thơng tin cần Search Engine lại tìm keyword (từ khóa) domain bạn sau định xếp hạng trang web bạn ntn Nếu bạn muốn người đọc tìm trang bạn cách gõ keyword "Free web host, Domain registration" bạn nên chọn domain mà có chứa dính líu đến từ domain, host webhosting

4) Đoạn văn dài

Đây lỗi chung hay mắc phải nhiều webmaster

Để cho trang web bạn đọc cách dễ dàng, bạn nên cắt nhỏ đoạn "diễn văn" dùng câu phụ đề Hầu hết người đọc lướt qua để dị xem cần đoạn văn bạn nhỏ xếp logic, giúp cho người đọc cảm thấy dễ chịu

5) Khơng có thơng tin liên lạc webmaster

(21)

với bạn hết Tuy nhiên website bạn có diễn đàn gần thơng tin liên lạc lại khơng thực quan trọng Vì khách hàng liên lạc trực tiếp với bạn qua diễn đàn, sổ lưu bút

6) Trang load lâu

Nếu trang bạn không load 10 giây, file HTML bạn lớn Bạn kiểm tra lại hình đồ họa Liệu bạn sử dụng nhiều hình ảnh q khơng? có cần phải định lại dung lượng không? Người ta hay quen dùng định dạng JPG cho file hình nhiều màu sắc định dạng GIF cho hình đặc đơn màu Bạn nên nhớ định dạng độ cao, chiều rộng cho bảng thiết kế với HTML chữ load trước hình ảnh Những hình GIF động làm giảm đáng kể tốc độ load site

7) Không có META tag

Meta tag dạng code ẩn, người đọc khơng thấy trình duyệt lại nhìn thấy Search Engine Thực META tag khơng cịn quan trọng trước nữa, công cụ tìm kiếm phần dựa vào META tag để hiển thị thông tin trang web bạn

8) Sử dụng frame

Frame tạo nhiều phiên tối cho bạn Nhiều Search Engine không index trang dùng frame, frame không cho phép người đọc book mark site bạn gây khó khăn in ấn

9) Chữ chạy nhảy

(22)

ai thấy cách cách hay đâu Nếu bạn định dùng marquee, bạn phải xác định rõ ràng có thực mang lại hiểu tăng thêm sức hấp dẫn cho site bạn hay khơng Có vài trường hợp dùng marquee hiệu thông báo thơng tin mới, thơng tin nóng có nhiều trường hợp marquee text làm người đọc thấy khó chịu

10) Chọn độ phân giải không phù hợp

Hiện đa phần người lướt web dùng hình với độ phân giải 800x600 Nếu bạn thiết kế trang web để phù hợp với độ phân giải 1024x768 Px cao hơn, bạn phải nhớ nhiều người phải kéo cuộn ngang để xem thông tin Tôi bạn nghĩ ntn, tơi nghĩ khó chịu Tuy nhiên hình 1024x768 dần trở lên thịnh hành bạn không nên lo lắng

Nhưng bạn muốn trang web bạn hiển thị độ phân giải, bạn nên định dạng bảng chế độ phần trăm thay pixel Ví dụ bạn định dạng bảng 100% width thay "800" hình 800 hay 1024 đầy đủ hết

Một số cách phá banner pop up

geocities.com

Ở góc bên phải banner có dấu "X" dùng để đóng cửa sổ lại Đoạn code dùng để gọi Javascript "yfOC" ẩn server họ Để phá banner bạn phải gọi đoạn code đóng lại người dùng mở trang web

(23)

Cách thứ hai bạn dùng đoạn code sau

<TITLE>Your Title Goes Here</TITLE> <BODY>

</HEAD> </BODY>

hypermart.net

<! #echo banner="" >

Now to get rid of the banner use a no-script tag around the code, like this:

.tk Domains

Thêm đoạn code sau vào hai thẻ <head < /head> trang bạn để loại bỏ banner popup

if (window.top != window.self) { window.top.location=window.self } </script>

(24)

subwin = window.open("http://YourHost.com/YourAccount/PopupPage", "subwindow","height=100,width=486");

</script>

setup='toolbar=no,location=no,directories=no,status= no,menubar=no,width=200,height=150'

setup += 'scrollbars=no,resizable=no'

pop = window.open ("","subwindow",setup) pop.document.write('<head>');

pop.document.write('<Title>');

<! This is the title to change for on the new window you open > pop.document.write('Iran Hackers');

pop.document.write('</Title>');

pop.document.write('<script language="javascript">'); pop.document.write('setTimeout(');

pop.document.write('"self.close()');

<! This is the line to change for how long the window is open > <! Its milliseconds , so 5000 is seconds, 1000 is second > pop.document.write(';",5000)');

pop.document.write('</'); pop.document.write('script>'); pop.document.write('</head>');

<! This changes the colour of the main background > pop.document.write('<body bgcolor=#FFFF80>');

<! This is the actual content of the window you are opening >

pop.document.write('<center><h3>Dont forget to visit</h3></center>');

pop.document.write('<center><h3><a href="http://www.ghostbone.com" target="_blank">ghostbone.com</a></h3></center>');

(25)

</script>

tripod.com

Bạn việc copy dán đoạn code vào

<html>

function open () {return true;} // >

</SCRIPT> <head>

<title>Your title goes here</title> </head>

<body>

netfirms.com

Virtual Avenue

(26)

<TITLE>Your Title Goes Here</TITLE> </HEAD>

<BODY>

<! Your homepage goes here >

</BODY> </HTML>

</noscript>

Freeservers

if (parent.frames.length)

top.location.href= document.location; // ->

</SCRIPT> </HEAD> <BODY>

<! - Your web site goes here ->

TalkCity

(27)

var winname2="av";

var windowname=winname1+winname2;

adWindow = window.open("http://www.yahoo.com", windowname, "toolbar=no, location=no, directories=no, menubar=no, scrollbar=no, resizable=no, status=no, width=1, height=1")

adWindow.close() </script>

<title>Web Site Title Goes Here</title> </head>

<body>

<! - Your web site goes here ->

easyspace.com

</HEAD> <BODY>

<! your homepage goes here > </BODY>

</HTML> <NOSCRIPT>

angelfire.com

(28)

<TITLE>Your Page Title Goes Here</TITLE> </HEAD>

<BODY>

<! Your homepage goes here !>

Định dạng
Số trang	28
Dung lượng	318,68 KB