Thứ Năm, 2 tháng 1, 2014

LOGO – Thông điệp riêng của doanh nghiệp

Với một logo được thiết kế tốt, các khách hàng tiềm năng có thể thấy ngay được công ty của bạn sẽ đem lại cho họ những gì. Logo là cách giới thiệu bằng hình ảnh về công ty bạn. Ví dụ chữ M hình cánh cổng màu vàng của Mc Donal, hoặc hình boomerang của Nike – là hai logo rất ấn tượng thể hiện rõ rệt các hãng này.

Các dạng logo
Nhìn chung, có ba loại logo. Thứ nhất là các logo dạng chữ. Ví dụ các logo của IBM, Microsoft và Sony sử dụng các kiểu chữ được viết cách điệu trông rất ấn tượng. Thứ hai là các logo sử dụng hình ảnh để giới thiệu lĩnh vực kinh doanh của công ty, ví dụ như một công ty chuyên sơn nhà sử dụng hình ảnh của một cái chổi trên logo của nó. Và cuối cùng là các logo đồ hoạ trừu tượng, ví dụ logo hình boomerang của Nike. Theo nhiều chuyên gia trong lĩnh vực marketing, loại logo này chỉ có ý nghĩa khi công ty có thể truyền tải được những thông điệp về công ty tới các khách hàng thông qua những liên tưởng mà nó đi kèm. Tuy nhiên, việc xây dựng cây cầu tinh thần đó tốn kém về cả thời gian và tiền bạc. Logo boomerang của Nike chẳng có mấy ý nghĩa ngoài những gì đã được tạo ra theo năm tháng bằng những nỗ lực tiếp thị quảng bá đã chuyển tải logo này thành một “dấu hiệu nhận biết” cho một phong cách thể thao.

Với các công ty đang phát triển thì việc tạo ra những liên tưởng như vậy không dễ, do vậy họ thường chọn thiết kế logo minh hoạ được hoạt động của công ty.

Bắt đầu
Trước khi phác hoạ, bạn hãy chỉ rõ thông điệp mà bạn muốn truyền tải thông qua logo của mình. Hãy thử viết một câu về hình tượng và khẩu hiệu của công ty để giúp bạn tập trung nỗ lực. Và hãy tuân theo khẩu hiệu này trong khi bạn thiết kế logo.

Nhưng như vậy cũng có thể chưa đủ để cho bạn bắt đầu. Sau đây là một vài lưu ý giúp bạn tạo ra một logo thích hợp cho công ty .
Bắt đầu
Trước khi phác hoạ, bạn hãy chỉ rõ thông điệp mà bạn muốn truyền tải thông qua logo của mình. Hãy thử viết một câu về hình tượng và khẩu hiệu của công ty để giúp bạn tập trung nỗ lực. Và hãy tuân theo khẩu hiệu này trong khi bạn thiết kế logo.

Nhưng như vậy cũng có thể chưa đủ để cho bạn bắt đầu. Sau đây là một vài lưu ý giúp bạn tạo ra một logo thích hợp cho công ty .

Xem xét logo của các công ty khác trong cùng lĩnh vực với công ty của bạn. Các công ty cạnh tranh sử dụng các hình ảnh liền khối, vừa phải, hay các khối đồ hoạ và màu sặc sỡ? Hãy thử nghĩ xem bạn muốn logo của mình phải khác logo của họ như thế nào.
Tập trung vào thông điệp của bạn.

Quyết định những gì bạn muốn giới thiệu về công ty mình. Những gì làm cho nó độc đáo so với các công ty cạnh tranh? Tính chất của đối tượng mà bạn đang hướng tới là gì? Những yếu tố này đóng một vai trò quan trọng trong suốt quá trình thiết kế mới hay thiết kế lại logo.
Làm cho nó đẹp và thiết thực.
Logo của bạn phải sử dụng được trên danh thiếp của bạn cũng như trên thành một chiếc xe tải. Một logo tốt thì có thể phóng to, thu nhỏ, dễ tạo, dễ nhớ và dễ phân biệt. Hình tượng thì tốt hơn ảnh do ảnh có thể không rõ nếu phóng to hoặc thu nhỏ đáng kể. Và cũng cần đảm bảo cho logo có thể được sao lại dưới dạng đen trắng để có thể gửi fax, hoặc sử dụng một cách hiệu quả như đối với logo màu.

Tên gọi công ty của bạn sẽ ảnh hưởng đến thiết kế logo
Nếu tên công ty của bạn là “D.C. Jewelers” thì bạn sẽ muốn dùng một kiểu phông chữ hoa kiểu cách để nêu bật lên các chữ cái (đặc biệt nếu tên của công ty bạn cấu thành từ các chữ cái viết tắt). Với một công ty có tên “công ty In Tia Chớp”, thì logo có thể nêu bật một liên tưởng sáng tạo nào đó của một tia chớp.

Dùng logo của bạn để thể hiện các ích lợi chính của công ty bạn.

Những logo tốt nhất tạo ra được một thông điệp trực tiếp bằng tranh hoặc hình ảnh mà không phải bằng lời. Ví dụ logo của “Công ty In Tia Chớp” có thể cần truyền tải ích lợi về mặt kinh doanh là “siêu nhanh, đảm bảo”. Hình ảnh của tia chớp có thể gợi ra tốc độ và sự đảm bảo.

Không dùng các mẫu sẵn có.

Dù rất lôi cuốn nhưng các mẫu có sẵn có thể bị sao chép dễ dàng. Sản phẩm nguyên bản không những tạo ra một thông điệp ấn tượng về công ty của bạn mà còn làm cho công ty của bạn phân biệt với các công ty khác.
Tránh các phong cách chạy theo mốt.

Nếu bạn thiết kế lại logo cũ của mình, có thể bạn sẽ gây bối rối cho khách hàng, hoặc tệ hơn là làm cho logo thay đổi từ từ, thời gian có thể lên tới hàng năm. Tuy nhiên, không nên thay đổi logo nhiều lần. Tốt nhất bạn nên chọn một logo có thể tồn tại trong vòng 10 đến 20 năm, hoặc có thể lâu hơn. Đó là tiêu chuẩn của một logo tốt.

Màu sắc
Một điều bạn cần phải cân nhắc là việc tạo màu cho logo trên các chất liệu khác nhau sẽ rất tốn kém. Nhìn logo năm màu của bạn thật tuyệt, nhưng sẽ không còn hấp dẫn nữa khi bạn phải tính đến chi phí để in trên giấy. Nó cũng không tốt trên các chất liệu chỉ cho phép thể hiện một hoặc hai màu. Cố gắng không dùng quá 3 màu trừ khi bạn thấy thực sự cần thiết.

Logo của bạn có thể xuất hiện trên biển hiệu, quảng cáo, tài liệu, phương tiện chuyên chở và bao bì… Chú ý là một số trong số  đó bị giới hạn về màu sắc. Bạn hãy xem xét logo của bạn dưới các dạng một màu, hai màu và ba màu.
Thuê người thiết kế
Trong khi việc bạn nghĩ ra các ý tưởng về logo của mình là một bước quan trọng trong việc tạo ra hình ảnh cho công ty bạn thì việc tự bạn cố thử tạo ra một logo một cách hoàn chỉnh sẽ là một sai lầm. Cách tốt nhất là thuê một công ty thiết kế chuyên nghiệp. Tuy nhiên, cũng cần biết rằng có hàng ngàn người thiết kế hành nghề tự do có thể lấy giá thấp hơn nhiều. Những công ty có ngân sách hạn hẹp nên tham khảo kỹ để tìm ra một nhà thiết kế phù hợp.

Nhưng đừng thuê ai đó chỉ vì giá thấp. Hãy tìm một nhà thiết kế quen thuộc với lĩnh vực của bạn. Nếu giá vẫn quá cao, “hãy nhớ rằng một logo tốt có thể tồn tại trong vòng 10 năm. Nếu bạn xem xét rằng việc trả dần chi phí đó trong khoảng thời gian 10 năm thì giá đó dường như cũng không tồi”.

Sử dụng và gìn giữ logo của bạn
Khi bạn đã tạo được một logo mà thông qua đó người tiêu dùng thấy được lĩnh vực kinh doanh của công ty bạn, bạn đừng quên đăng ký xác lập quyền cho nó để tránh việc các công ty khác sử dụng.

Sau khi logo của bạn được Nhà nước bảo hộ, bạn có thể sử dụng logo này trong quảng cáo, trên các loại giấy tờ giao dịch, trên sản phẩm…. nhằm tạo hình ảnh của công ty của bạn. Tuy nhiên, bạn cũng cần phải biết rằng, việc xây dựng logo cũng chỉ là một khâu trong bước đầu của việc phát triển thương hiệu của công ty bạn.
(Nguồn: NQL)

Thứ Tư, 1 tháng 1, 2014

Cách thiết kế web chuyên nghiệp bằng cách sử dụng các mẫu web

Để tạo ra những website chuyên nghiệp không hề đơn giản. Bạn phải cân nhắc rất nhiều đặc tính của web ví dụ như tính chuyển hướng, các đường dẫn chiến lược, giải mã sạch, khung web chuyên nghiệp, dễ tải về, có thể scan được thực dụng v.v... Có những nhân tố phân biệt một website chuyên nghiệp với những cái hạng trung. Vì thế thiết kế website không quan trọng mà là thiết kế như thế nào.
Lựa chọn duy nhất để có một website tốt đó là thuê một nhà thiết kế web. Nhà 
thiết kế web có thể giúp bạn tạo ra một website tuyệt vời trông chuyên nghiệp và được mã hóa một cách hoàn hảo, nhưng ngoài yếu tố chi phí thì vấn đề thời gian thì sao. Đây là những mẫu web có thể giúp ích cho bạn

Mẫu web là gì?
Bạn không biết mẫu web là gi? Nói một cách đơn giản, các mẫu web là những trang web được thiết kế từ trước và mới được hoàn thành phân nửa để giảm bớt thời gian 
thiết kế web và website lưu trữ. Chúng được mã hóa và mọi thứ từ đồ họa tới logo đều có thể chỉnh sửa khi cần để bổ sung thêm hình ảnh và nội dung, v.v...

Tại sao các mẫu web lại được gọi là trang web được hoàn thành có phân nửa
Các mẫu web được gọi là trang web mới hoàn thành phân nửa bởi vì chưa thể đăng chúng lên như thế. Bạn cần phải bổ sung những nhân tốt nhất định để là cho nó hoàn chính. Một vài nhân tố chính bạn cần có đó là:
1.    Các đường dẫn
2.    Nội dung trang web
3.    Tiêu đề trang web/Phần đầu trang/Phần chân trang và các đuôi
4.    Logo công ty, các hình ảnh v.v...

Sau khi bổ sung những chi tiết này, thì mẫu trang web sẵn sàng để đăng lên sử dụng một lưu trữ web để cả thế giới đều thấy

Mức giá của mẫu web như thế nào?
Mức giá của mẫu web phụ thuộc vào loại mẫu, thuật ngữ sử dụng, các gói hàng, và thẻ thành viên được cung cấp kèm... Đặc biệt một mẫu web chuyên nghiệp không kèm quyền độc quyền mẫu web đó có thể trị giá từ 2 đến 100 USD. Mức giá này vẫn thấp hơn mức giá một nhà 
thiết kế web sẽ đòi từ bạn, đấy là chưa kể đến yếu tố thời gian. Những mẫu web có bản quyền với quyền được độc quyền mẫu đó có thể trị giá từ 350 đến 1800 USD. Một vài dịch vụ cung cấp mẫu web như http://www.buytemplates.net có thể mang lại cho bạn những mẫu web chuyên nghiệp với giá phải chăng.

Tôi cần có những tệp nào khi mua một mẫu web?
Những tệp bạn có được khi mua một mẫu web tùy thuộc vào người bán, và đặc điểm của mẫu web. Bất kể là mẫu web nào thì gói hàng của bạn cũng phải có những tệp sau

1.    Tệp index.html
2.    Tệp hình ảnh Jpeg/gif, tệp phông
3.    Tệp tin định kiểu tầng bên ngoài
4.    Tệp cơ sở dữ liệu của Photoshop
Ngoài ra, những tệp khác như js (cho những mẫu sử dụng JavaScript) và readme.txt cũng có thể cho thêm vào. Thông thường những tệp này được cung cấp dưới chuẩn a.zip và bạn có thể cần phải mở nó trước khi sử dụng. Bạn có thể sử dụng các phần mềm mở khóa như Winzip để mở khóa các tệp. Phần mềm này có thể tải tại trang winzip.com

Tôi có những quyền gì đối với các mẫu web?
Cơ bản có hai loại mẫu web: mẫu độc quyền (có bản quyền) và mẫu không độc quyền (không có bản quyền). Một mẫu độc quyền cho bạn quyền sở hữu mẫu đó, trong khi mẫu không độc quyền không cho bạn quyền sở hữu mà chỉ được quyền sử dụng. Mẫu độc quyền đắt hơn một chút và sẽ đảm bảo là mẫu đó sẽ không được bán cho bất cứ khách hàng nào nữa. Bạn có thể sử dụng mẫu khi bạn thích và bán lại cho khách hàng khác. Một mẫu không độc quyền, trái lại, rẻ hơn và chỉ cho bạn quyền sử dụng đối với mẫu đó. Điều này có nghĩa là bạn có thể thay đổi mẫu nếu cần nhưng không thể bán nó cho một người thứ ba. Mẫu không độc quyền cũng có nghĩa là bên cung cấp mẫu có thể bán mẫu đó cho nhiều khách hàng.

Tôi chỉnh sửa mẫu web như thế nào?
Thông thường chỉnh sửa sẽ gồm các việc như chỉnh sửa nội dung, thay đổi kiểu và bổ sung/thay đổi đồ họa. Có thể thực hiện việc này bằng cách sử dụng các tệp psd, index.html và những tệp khác mà nhà cung cấp mẫu web đưa cho bạn khi bán một mẫu web nào đó

Chỉnh sửa hình ảnh và đồ họa
Bạn sẽ cần các tệp PSD để chỉnh sửa hình ảnh và đồ họa như là thay đổi màu sắc, bổ sung hay loại bỏ những lớp hình ảnh vân vân. Phần mềm PSD có chứa phần mềm Photoshop và có thể chỉnh sửa bằng cách sử dụng Photoshop, ImageReady, imac hoặc những chương trình phần mềm xử lí hình ảnh khác. Bạn cũng có thể thay đổi hình ảnh theo sở thích của mình. Nơi bạn có thể tìm được những hình ảnh có chất lượng tốt nhất cho các mẫu web của mình đó là tại ‘gettyimages.com’.

Chỉnh sửa nội dung
Nếu bạn chỉ cần thay đổi/chèn nội dung của mẫu, bạn có thể chỉnh sửa tệp index.html. Tệp index.html do bên bán mẫu web cung cấp và chương trình này có thể chỉnh sửa bằng cách sử dụng các phần mềm chỉnh sửa như FrontPage, Dreamweaver, Golive vân vân. Bạn cũng có thể chính sửa nội dung bằng cách sử dụng phần mềm chỉnh sửa văn bản. Phần mềm Index.html có thể còn được sử dụng để loại bỏ/thay thế hình ảnh, thay đổi đường dẫn, bổ sung các siêu đuôi, bổ sung các văn bản thay thế, bổ sung tiêu đề và thay đổi nguồn hình ảnh

Chỉnh sửa khung và kiểu
Để chỉnh sửa khung và kiểu web bạn cần có tệp định tin kiểu tầng CSS. Một chương trình tệp định tin kiểu tầng là một văn bản cho phép bạn thay đổi màu sắc của văn bản, khoảng cách giữa các văn bản/đoạn văn, đầu đề và các đường dẫn vân vân để biến hóa các trang. Phải yêu cầu bên bán mẫu web cung cấp cho bạn Tệp định tin kiểu tầng CSS, bởi vì chương trình này rất hữu dụng. Có thể chỉnh sửa CSS bằng bất kì chương trình chỉnh sửa văn bản hay HTML nào

Nếu bạn gặp khó khăn với việc chỉnh sửa, bạn có thể sử dụng các dịch vụ chuẩn hóa mẫu web mà bên bán mẫu web phải cung cấp cho bạn

Đăng kí tên miền và lưu trữ
Đăng kí tên miền và lưu trữ web là một phần quan trọng để website của bạn có thể xuất hiện trực tuyến. Nhiều bên bán mẫu web cũng đưa các dịch vụ liên kết của họ như đăng kí tên miền và lưu trữ. Thậm chí có công ty còn cung cấp dịch vụ như phát triển nội dung và tối ưu hóa công cụ tìm kiếm. Vì thế hãy nhớ mua các mẫu web của những nhà cung cấp có thể mang lại cho bạn những dịch vụ phụ thêm. Một vài nhà cung cấp mẫu web như ‘buytemplates.net’ có cung cấp dịch vụ liên quan đến mẫu không quan trọng là bạn đang ở nước nào.

Tôi có thể tìm thấy những mẫu web chất lượng ở đâu?
Trên internet có vô vàn những website đăng bán mẫu web. Tất cả những gì bạn cần phải làm là nhập từ khóa “công ty mẫu web” vào google hay yahoo! Để tìm những nhà cung cấp mẫu web. Nhưng tìm được mẫu web chất lượng trong vô vàn những thứ tạp nham này mới là khó. Một mẫu nhìn có vẻ lộng lẫy trên màn hình của bạn nhưng cũng có thể chứa những đồ họa mã hóa kém và cấp thấp. Một vài cái giá có vẻ rẻ nhưng dịch vụ đi kèm lại kém chất lượng hoặc thậm chí còn chẳng có dịch vụ đi kèm. Vậy làm thế nào để chọn ra những mẫu web tốt nhất trong vô vàn những kết quả hiển thị? Cách tốt nhất là tự hỏi bản thân mình 7 câu hỏi sau đây trước khi quyết định mua chúng

Những câu hỏi cần phải đặt ra trước khi mua mẫu web
1.    Liệu những mẫu web đó có phù hợp với mục đích và mục tiêu của công ty tôi hay không?
2.    Liệu chúng có cuốn hút những khách hàng của tôi chứ
3.    Nhà cung cấp mẫu web này có những hỗ trợ gì cho khách hàng
4.    Nhà cung cấp mẫu web có cung cấp các dịch vụ phụ trợ như dịch vụ lưu trữ, chuẩn hóa hay dịch vụ tối ưu hóa công cụ tìm kiếm hay không?
5.    Liệu mẫu web có tương thích với các chương trình phần mềm soạn thảo không?
6.    Nhà bán mẫu web sẽ cho tôi những chương trình phần mềm nào?
7.    Có cơ hội làm thành viên không
Những nhà cung cấp mẫu web trực tuyến tốt nhất
Một trong số những nhà cung cấp mẫu web trực tuyến cung cấp mẫu web chất lượng cao với giá cả phải chưng đó là www.buytemplates.net templatemagic.net (cung cấp những mẫu giá cả phải chăng) designgalagxy.net (trang này thường cung cấp kèm thôi mẫu web những mẫu logo, giới thiệu dạng flash, các mẫu Photoshop và các mẫu Powerpoint) và interspire.com (các bạn nên ghé thăm trăng web này nếu đang muốn tìm mẫu web. Những mẫu web miễn phí trên trang web này có chất lượng cao và được cập nhật thường xuyên. Bạn cũng có thể có được mẫu khung tin tức và các mẫu lô-gô ở đây) (buytemplates.net thường cung cấp mẫu web chất lượng với giá cả phải chăng. Họ cũng cung cấp những dịch vụ đi kèm như chuẩn hóa mẫu web, tối ưu hóa công cụ tìm kiếm chèn nội dung và dịch vụ lưu trữ web).
Chúc các bạn thành công

Thứ Hai, 30 tháng 12, 2013

Màu sắc và sự thành công với một website

Bạn có thể không nhận ra tầm quan trọng của màu sắc trong việc thiết kế kế web. Nếu một website là màu xanh lá cây, nó có lẽ cũng ổn với màu xanh da trời; điều đó không quan trọng. Và khi tôi nghĩ về chính mình trong suốt thời gian dài, tôi mới đi đến kết luận rằng màu sắc thật sự sẽ tạo nên sự khác biệt rất lớn và sẽ thể hiện những điều rất khác nhau đối với các đối tượng bạn nhăm đến.
Có những tác động tâm lý đằng sau mỗi màu sắc hay giai điệu, vì thế tôi quyết định nói thêm với các bạn về chúng hôm nay. Giác quan của con người bị tác động bởi rất nhiều thứ. Một trong những các hiệu quả nhất để kích thích ai đó là thể hiện màu đỏ trên các bức tường trong phòng của họ. Nó đã từng được tiến hành trước đây bởi các nhà khoa học và họ đã đi đến một kết luận rõ ràng. Một người sống trong một căn phòng đầy màu đỏ có nhịp tim và huyết áp cao hơn so với người sống trong căn phòng màu xanh. Đó là do màu đỏ tượng trưng cho sự phấn khích, như tất cả chúng ta đã biết. Đây là lý do vì sao các công ty thức ăn nhanh thường sử dụng màu đỏ làm gam màu chính hoặc phụ cho mình.
Các ví dụ điển hình là Coca-Cola, McDonald’s, Burger King hay Pepsi (mặc dù màu xanh là màu chính của họ).
Màu sắc kích thích các giác quan
Màu sắc có thể tác động và kích thích con người, tăng cảm giác thèm ăn của họ, làm họ thấy ấm áp hoặc tạo cho họ sự yên tĩnh. Màu đỏ chỉ đơn giản làm cho bạn cảm thấy hứng thú theo những nhà nghiên cứu về sắc động lực học. Website của Coke có màu đỏ – nó mang lại cho bạn cảm giác về một ngày hè nóng bức, lười biếng – chính là lúc bạn cần uống Coke.
mau sac website
Có nhiều điều để nói về màu sắc hơn trong thiết kế web chứ không chỉ là yếu tố về cảm xúc. Mọi người có xu hướng đánh bạc dưới điều kiện ánh sáng đỏ nhiều hơn so với ánh sáng xanh. Đây là lý do chính đằng sau việc các thành phố như Las Vegas sử dụng rất nhiều ánh sáng đỏ. Màu sắc có ảnh hưởng đến hiệu suất. Ánh sáng đỏ làm người ta hành động nhanh hơn và cảm thấy mạnh mẽ hơn, mà không phải lúc nào cũng luôn có lợi, trong khi màu xanh khiến người ta suy nghĩ nhiều hơn trước khi hành động. Đây là lý do bảng báo STOP có màu đỏ – bạn phải hành động ngay và dừng xe lại, nếu không bạn sẽ gặp nguy hiểm.
Sự pha trộn màu sắc
Sự pha trộn màu sắc sẽ có lợi nếu được thực hiện đúng cách. Sự pha trộn những màu bù trừ cho nhau cũng là điều mọi người làm, nhưng chỉ nên thực hiện thi thoảng. Không nên làm dụng vì nó sẽ gây tác động không tốt với mắt mọi người. Bạn có thể nghĩ về một website màu đen với chữ màu hồng. Giờ đây đó là hình ảnh tôi muốn trục xuất khỏi đầu mình ngay tức khắc J
Có một thủ thuật rất tốt để sử dụng các màu bù trừ cho nhau. Vẽ một đường mỏng màu trắng, xám hay đen quanh hai khối màu sẽ làm cho mắt nhìn thấy cả hai màu riêng biệt. Hãy nhìn logo Pepsi dưới đây: hai mảng đỏ và xanh không chỉ được phân tách bằng một lớp mỏng màu trắng mà là cả một dải trắng khá lớn. Dải trắng này phối hợp với màu đỏ và xanh tốt hơn sau đó nếu chúng được đặt ngay trên đầu những thứ khác.
pepsi
Màu sắc và văn hóa
Bên cạnh đó, màu sắc còn có nhiều ý nghĩa ở các vùng khác nhau trên thế giới. Trong khi màu đỏ mang ý nghĩa may mắn ở Trung Hoa, thì ở Đức nó lại chỉ sự thiếu sót. Các tập đoàn lớn với nguồn tài chính dồi dào sẽ bỏ ra rất nhiều tiền để nghiên cứu các ảnh hưởng khác nhau của màu sắc đối với các nền văn hóa khác nhau, trước khi xâm nhập thị trường mới. Nhiều người cho là không thể có chuyện đó, nhưng bạn sẽ có thể mất khách hàng vì sử dụng sai màu sắc.
Và mặc dù các tập đoàn lớn luôn thuê các chuyên gia để nghiên cứu giúp họ, kết quả thu được không phải lúc nào cũng tốt. Mỗi nhà  (và mọi người nói chung) có xu hướng thích một số màu hoặc sự kết hợp các màu sắc và sử dụng chúng trong các tình huống khác nhau vì đó là sở thích cá nhân họ. Bản thân tôi thích màu đỏ và đen, khá rõ ràng vì tôi đã và đang hỗ trợ trang phục đội bóng A.C.Milan trong gần mười năm nay. Ở đây không như là một điều quý giá khi làm việc với màu sắc là cách để bạn kiếm được một mức lương. Đó là điều cực kì quan trọng đối với các nhà thiết kế để bỏ những sở thích cá nhân của mình ra và chỉ tập trung vào khách hàng và những nhu cầu của họ mà thôi.
Màu sắc cho một website
Chọn màu cho một website có ý nghĩa nhiều hơn sau khi bạn chọn màu yêu thích của mình và biến nó thành layout. Có nghĩa là phải chọn đúng màu sắc để đáp ứng được mong muốn từ phía người xem. Nếu bạn biết rõ về khách hàng của mình và tìm ra được màu sắc tốt nhất cho họ, bạn đã hoàn thành nửa chặng đường trong quá trình sáng tạo của mình rồi đấy.
mau sac website
Cũng khá khó để chọn được màu sắc phù hợp cho mọi người truy cập vào website của bạn, do đó điều quan trọng hơn là xác định được màu và tone màu tốt nhất cho hầu hết những người dùng mà bạn hướng đến. Theo các nguồn tin khác nhau, một nửa số người truy cập vào một website không trở lại là do màu sắc của thiết kế. Điều đầu tiên mọi người cần để nhận biết khi họ truy cập vào website của bạn là các màu sắc của thương hiệu bạn.
Nếu bạn có nhiều màu và họ không nhìn thấy màu sắc chủ đạo trong đó, thì bạn nên xem xét việc thiết kế lại.
Nếu bạn dùng gam màu xanh, mọi người có khả năng sẽ mang lại phản hồi tốt khi họ có tâm trạng tốt. Nếu bạn muốn dùng gam màu trắng sạch sẽ, cũng sẽ rất tốt. Nhưng nếu bạn muốn tạo ra sự hưng phấn, hãy sử dụng màu đỏ tươi hoặc cam. Màu trắng và xanh phối với nhau sẽ rất tuyệt, và nếu bạn muốn có phong cách và hiện đại hơn mà không dùng các màu mạnh, hãy dùng màu trắng và xám. Sự kết hợp này sẽ thể hiện điều gì đó thật thu hút, mượt mà, tươi mới và sạch sẽ.
Chỉ cần nhìn ví dụ sang trọng dưới đây bạn sẽ thấy Nếu bạn thích màu tối hơn, có khá nhiều thứ sẽ ổn với màu đen miễn màu đen không phải là màu chủ đạo.
mau xanh
Một website với nền đen có thể được ưa thích và trông ổn, nhưng không dễ để đọc. Có hai cách kết hợp đơn giản nhất bạn có thể thử là màu đen với trắng hoặc đen và xám trắng. Mặc dù rất tương phản, màu đen và cam thực sự cũng tốt khi kết hợp, nhưng có lẽ cần màu trắng để cân bằng.
mau den
Nếu bạn muốn kết hợp cả hai màu đen trắng với một màu khác, bạn có thể dùng màu xanh; nhưng hãy giữ màu trắng làm chủ đạo, nếu không bạn cần phải dùng màu xanh thật tươi làm chủ đạo. Đừng để màu đen được nhấn quá nhiều trong sự kết hợp này. Bạn có thể thấy một ví dụ điển hình dưới đây.
mau den
Ví dụ thứ hai khá kém và cho thấy cách kết hợp này có thể được đưa vào thực tế như thế nào. Không chỉ là thiết kế lỗi thời, nhưng các màu sắc thậm chí còn làm cho nó khó chịu hơn. Màu đen và trắng cũng phối hợp rất tốt với màu đỏ, nhưng cần đảm bảo màu đỏ không phải là chủ đạo, vì khi đó nó sẽ trở nên quá mạnh và tạo ra sự tương phản không thể chịu nổi với màu đen.
website
Bạn có thể xem hai ví dụ điển hình dưới đây. Cách kết hợp thứ ba tôi khuyên dùng là màu đen, trắng và xanh lá, và bạn có thể thấy lý do vì
sao bên dưới.
mau sac website
Kết luận
Cách sử dụng màu sắc trong các thiết kế của bạn là vô cùng quan trọng và tôi chắc rằng bạn có thể hiểu lý do vì sao. Mặc dù nghe có vẻ không đúng, nhưng việc dùng đúng màu sắc phù hợp với đối tượng sẽ giúp tăng khả năng họ sẽ làm những gì bạn muốn. Nhưng dù đúng hay sai, đó là tất cả những gì các nhà thiết kế làm, gửi đi thông điệp đến khách hàng và hy vọng sẽ nhận được phản hồi từ họ. Nếu bạn hiểu cách tâm lý về màu sắc hoạt động và dùng màu sắc phù hợp với đối tượng của mình, bạn đã ở rất gần trong việc tung ra một trang web thành công

Chủ Nhật, 29 tháng 12, 2013

HTML là gì ? Tầm quan trọng của HTML

-  HTML là thành phần cơ bản để xây dựng lên trang web. Cho dù trang web của bạn có được thiết kế bằng PHP, ASP hay JSP, nhưng nếu muốn hiển thị nội dung lên trình duyệt. Bao giờ đầu ra cuối cùng vẫn sẽ là HTML, đây chính là định dạng mà trình duyệt web của bạn có thể biên dịch và hiển thị nội dung theo nó.


-  Thậm chí bạn có sử dụng những CMS (Content Management System) thì đầu ra cuối cùng vẫn sẽ là HTML. Cho nên hiểu và  biết cách vận hành HTML vẫn rất cần thiết cho bất cứ ai muốn xây dựng trang web. Trong bài viết này tôi sẽ giới thiệu đến các bạn  HTML là gì ?  Cách sử dụng chúng. Bài viết này phù hợp cho những bạn mới tiếp cận với lập trình web và lần đầu tiền làm việc với html               
  HTML là gì?                    
      +  HTML là chữ viết tắt của Hyper Text Markup Language hay tiếng Việt gọi là Ngôn ngữ hiển thị siêu văn bản.
                   
      +  Một file HTML chứa những thẻ HTML
                   
      +  Những thẻ HTML sẽ hướng dẫn trình duyệt web trình bày thành phần của một trang web
                   
      +  Một file HTML phải có phần mở rộng là .html hoặc .htm
                   
      + Một file HTML có thể được tạo ra bởi trình soạn thảo văn bản đơn giản như Notepad
Phần mở rộng là .htm hay .html -  Cả 2 phần mở rộng này đều đúng. Trước đây khi các máy tính cũ không cho phép phần mở rộng vượt quá 3 ký tự, do vậy người ta phải sử dụng .htm. Nhưng hiện nay chúng ta có thể sử dụng .html cũng được. Tuy nhiên bạn hãy tạo thói quen sử dụng chỉ một loại hoặc là .htm hoặc là .html. Đừng khi thì .htm khi thì lại .html.
Tại sao bạn lại phải học HTML   -  Đến đây bạn có thể tự hỏi rằng “tại sao tôi cần phải học HTML khi mà có rất nhiều những phần mềm giúp tạo trang web nhanh mà đơn giản?”. Đúng vậy, bạn hoàn toàn có thể sử dụng những phần mềm WYSIWYG để tạo trang web bằng HTML như là Dreamweaver hoặc Frontpage thay vì phải viết từng dòng code trong Notepad. Tuy nhiên, nếu bạn chỉ dựa vào những phần mềm này, bạn sẽ không hiểu được cấu trúc mã nguồn của trang web. Cũng giống như khi bạn chỉ biết lái xe mà không hiểu chút gì về máy móc. Nếu bạn thực sự muốn đi sâu vào lĩnh vực thiết kế web, bạn không nên sử dụng những phần mềm có sẵn mà hãy tự học HTML và tự viết code cho trang web của mình. Bởi vì cách này được cho là cách hiệu quả nhất để tạo ra một trang web.
  -  Cho dù bạn có ý định sử dụng những phần mềm quản lý nội dung CMS để tạo ra trang web, thì bạn cũng phải có kiến thức cơ bản về HTML để chỉnh sửa và sửa lỗi khi có sự cố xảy ra. Nếu mở code lên mà ngay cả những thẻ cơ bản như <li>, <img>, <a href> … bạn đều không biết thì lúc đó sẽ rất khó khăn cho bạn quản lý trang web của mình.
   - Nếu những bạn thực sự muốn theo đuổi lập trình web thì tôi khuyên các bạn hạy học cách code từ những dòng code đầu tiên không nên phụ thuộc vào những phần mềm, công cụ hỗ trợ kéo thả. Chỉ có nhưng vậy mới nâng cao được kỹ năng của bạn và chỉ có như vậy bạn mới trở thành một lập trình viên chuyên nghiệp.

                    Chúc các bạn học tốt !

Thứ Năm, 26 tháng 12, 2013

TÌM HIỂU VỀ WEB TĨNH & WEB ĐỘNG


- Website tĩnh là website chỉ bao gồm các trang web tĩnh và không có cơ sở dữ liệu đi kèm.
- Web động là thuật ngữ được dùng để chỉ những website có cơ sở dữ liệu và được hỗ trợ bởi các phần mềm phát triển web. 
1. Web tĩnh
- Trang web tĩnh thường được xây dựng bằng các ngôn ngữ HTML, DHTML,…
- Trang web tĩnh thường được dùng để thiết kế các trang web có nội dung ít cần thay đổi và cập nhật.
- Website tĩnh là website chỉ bao gồm các trang web tĩnh và không có cơ sở dữ liệu đi kèm.
- Website tĩnh thích hợp với cá nhân, tổ chức, doanh nghiệp vừa và nhỏ mới làm quen với môi trường Internet.
Trang web tĩnh và website tĩnh có các ưu và nhược điểm cơ bản dưới đây.
* Ưu điểm cơ bản:
Thiết kế đồ hoạ đẹp: Trang Web tĩnh thường được trình bày ấn tượng và cuốn hút hơn trang web động về phần mỹ thuật đồ hoạ vì chúng ta có thể hoàn toàn tự do trình bày các ý tưởng về đồ hoạ và mỹ thuật trên toàn diện tích từng trang web tĩnh.
- Tốc độ truy cập nhanh: Tốc độ truy cập của người dùng vào các trang web tĩnh nhanh hơn các trang web động vì không mất thời gian trong việc truy vấn cơ sở dữ liệu như các trang web động.
- Thân thiện hơn với các máy tìm kiếm (search engine) : Bởi vì địa chỉ URL của các .html, .htm,… trong trang web tĩnh không chứa dấu chấm hỏi (?) như trong web động.
- Chi phí đầu tư thấp: Chi phí xây dựng website tĩnh thấp hơn nhiều so với website động vì không phải xây dựng các cơ sở dữ liệu, lập trình phần mềm cho website và chi phí cho việc thuê chỗ cho cơ sở dữ liệu, chi phí yêu cầu hệ điều hành tương thích (nếu có).
* Nhược điểm cơ bản:
- Khó khăn trong việc thay đổi và cập nhật thông tin: Muốn thay đổi và cập nhật nội dung thông tin của trang website tĩnh Bạn cần phải biết về ngôn ngữ html, sử dụng được các chương trình thiết kế đồ hoạ và thiết kế web cũng như các chương trình cập nhật file lên server.
- Thông tin không có tính linh hoạt, không thân thiện với người dùng: Do nội dung trên trang web tĩnh được thiết kế cố định nên khi nhu cầu về thông tin của người truy cập tăng cao thì thông tin trên website tĩnh sẽ không đáp ứng được.
- Khó tích hợp, nâng cấp, mở rộng: Khi muốn mở rộng, nâng cấp một website tĩnh hầu như là phải làm mới lại website.
2. Web động
- Web động là thuật ngữ được dùng để chỉ những website có cơ sở dữ liệu và được hỗ trợ bởi các phần mềm phát triển web.
- Với web động, thông tin hiển thị được gọi ra từ một cơ sở dữ liệu khi người dùng truy vấn tới một trang web. Trang web được gửi tới trình duyệt gồm những câu chữ, hình ảnh, âm thanh hay những dữ liệu số hoặc ở dạng bảng hoặc ở nhiều hình thức khác nữa.
Chẳng hạn ứng dụng cơ sở của bạn có chức năng như một công cụ thương mại điện tử (một cửa hàng trực tuyến) trưng bày catalogue sản phẩm trên website hay theo dõi kho hàng, khi một mặt hàng được giao, ngay lập tức những trang có liên quan đến sản phẩm đó phản ánh sự thay đổi này. Những website cơ sở dữ liệu còn có thể thực hiện những chức năng truyền và xử lý thông tin giữa doanh nghiệp – doanh nghiệp.
- Web động thường được phát triển bằng các ngôn ngữ lập trình tiên tiến như PHP, ASP, ASP.NET, Java, CGI, Perl, và sử dụng các cơ sở dữ liệu quan hệ mạnh như Access, My SQL, MS SQL, Oracle, DB2.
- Thông tin trên web động luôn luôn mới vì nó dễ dàng được bạn thường xuyên cập nhật thông qua việc Bạn sử dụng các công cụ cập nhật của các phần mềm quản trị web . Thông tin luôn được cập nhật trong một cơ sở dữ liệu và người dùng Internet có thể xem những chỉnh sửa đó ngay lập tức. Vì vậy website được hỗ trợ bởi cơ sở dữ liệu là phương tiện trao đổi thông tin nhanh nhất với người dùng Internet. Điều dễ nhận thấy là những website thường xuyên được cập nhật sẽ thu hút nhiều khách hàng tới thăm hơn những web site ít có sự thay đổi về thông tin.
- Web động có tính tương tác với người sử dụng cao. Với web động, Bạn hoàn toàn có thể dễ dàng quản trị nội dung và điều hành website của mình thông qua các phần mềm hỗ trợ mà không nhất thiết Bạn cần phải có kiến thức nhất định về ngôn ngữ html, lập trình web.
Bạn cũng có thể nhìn nhận vấn đề theo khía cạnh khác: chẳng hạn bạn đã có sẵn những cơ sở dữ liệu như cơ sở dữ liệu sản phẩm, nhân sự, khách hàng hay bất kỳ cơ sở dữ liệu nào đó mà bạn muốn đưa thêm giao diện web vào để người dùng nội bộ hay người dùng Internet đều có thể sử dụng chương trình chỉ với trình duyệt web của mình.
- Tất cả các website Thương mại điện tử, các mạng thương mại, các mạng thông tin lớn, các website của các tổ chức, doanh nghiệp hoạt động chuyên nghiệp trên Net đều sử dụng công nghệ web động. Có thể nói web động là website của giới chuyên nghiệp hoạt động trên môi trường Internet.

MỘT SỐ THÔNG TIN THAM KHẢO THIẾT KẾ WEB

  • Domain name (tên miền) và web hosting (máy chủ chứa web) là gì?
  • Sitemap (cấu trúc website) là gì?
  • Tìm hiểu về web Tĩnh và web Động. Những điểm tối ưu của chúng
  • 20 Lý do nên xây dựng website cho doanh nghiệp
  • Làm thế nào để có 1 website? Các bước thực hiện
  • Mất bao lâu để xây dựng 1 Website & các khoản chi phí khi thiết kế website
  • Website mang lại những lợi ích gì cho doanh nghiệp?
  • 11 bí quyết để tạo ra một website hấp dẫn! Thu hút người truy cập?
  • 37 "mẹo" kéo khách vào web của bạn
  • 10 cách giúp website của bạn thường trực trong danh sách kết quả tìm kiếm của Search Engine (Google, Yahoo, MSN)

TÌM KIẾM GOOGLE

Css với thiết kế web

Trong suốt vài năm vừa qua , Lập trình viên đã chuyển đổi từ kết cấu website dựa trên table sang kết cấu website dựa trên div. Đây là 1 thay đổi lớn nhưng cần phải xem lại ! Liệu lập trình viên có biết lý do của sự chuyển đổi này và họ có biết phải làm như thế nào? Đa số lập trình viên tránh xa sự rắc rối của table-based để rồi tiếp tục gặp rắc rối với div-based

Topweb đưa ra bài  tổng kết các vấn đề hay gặp với kết cấu layout trong thiết kế web.Phần đầu sẽ giới thiệu về table và div,gồm 1 số ví dụ.Phần kế tiếp giới thiệu cách nào để viết code rõ ràng & dễ đọc. Phần cuối sẽ nhìn qua 1 số sản phẩm cho tương lai.

Table Hell
Bạn đang gặp rắc rối với table và website của bạn sử dụng table để thiết kế web. Table nói 1 cách tổng quát sẽ tăng sự rắc rối của văn bản và làm nó khó khăn khi bảo dưỡng.Đồng thời , nó cũng giảm tính linh hoạt của website trong điều chỉnh các media và thiết kế các thành phần trang web , và nó giới hạn chức năng website
MAMA (chương trình phân tích & khai thác đa dữ liệu) là 1 phương tiện tìm kiếm dựa trên web của Opera Software , nó dò trang web và trả về kết quả là cấu trúc chi tiết của trang web. Nếu chúng ta nhìn vào các khóa tìm kiếm của MAMA, chúng ta sẽ thấy trung bình 1 trang web có cấu trúc table 3 tầng lồng vào nhau.Trong danh sách 10 thẻ thông dụng nhất luôn có 3 thẻ table , td , tr. Thành phần table được tìm thấy trên 80% trang mà URL được dò bởi MAMA
Các nhà ngôn ngữ nói rằng , thẻ table có nghĩa là liệt kê dữ liệu thành bảng. nó ko phải dùng để xây dựng cấu trúc

Cách sử dụng :
Sử dụng table để xây dựng cấu trúc web là thuần vào trực giác. Chúng ta nhìn thấy dữ liệu kiểu table mỗi ngày, khái niệm dễ hiểu
Và sự tồn tại của các thành phần table làm cho các kỹ năng của lập trình viên mòn đi, bởi vì lập trình viên không buộc phải sử dụng các trang soạn thảo riêng biệt. Với div, lập trình viên phải sử dụng các thành phần mới hoặc sử dụng trang soạn thảo mới , vì không thể gắn các thành phẩn vào thẻ div
Đồng thời, table không bị phá vỡ khi nội dung quá rộng.Cột không bị ép bởi 1 cột khác khi dùng cấu trúc div.Sự bổ sung này làm cảm giác sử dụng table rất an toàn.

Table bao gồm nhìu thẻ khác nhau : thẻ table là thẻ bao ngoài , tr cho mỗi hàng và td cho mỗi cột.Thẻ thread và tbody không được dùng cho mục đích cấu trúc vì nó thêm nghĩa vào nội dung.Để dễ đọc , mỗi thẻ thường có 1 dòng riêng và được viết cách vào. Với tất cả thẻ cho table,vài dòng code được thêm vào nội dung. Thẻ colspan và rowspan làm đoạn code rắc rối hơn, và lập trình viên bảo dưỡng trang web trong tương lại phải đọc rất nhiều dòng dư thừa để hiểu nội dung đoạn code
PHP Code:

<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td colspan="3" height="120px">....td>
tr>
<tr>
<td class="menu" valign="top">...td>
<td class="content" valign="top">...td>
<td class="aSide" valign="top">...td>
tr>
<tr>
<td colspan="3">...td>
tr>
table>
<div id="header">...div>
<div id="menu">...div>
<div id="content">...div>
<div id="aSide">...div>
<div id="footer">...div>
Như chúng ta đã thấy trong ví dụ,layout dựa trên table gồm nhiều code hơn dùng div.Hãy tưởng tượng sự khác biệt về kích thước này khi code dài ra (tỉ lệ gần như là 2:1). Trong cấu trúc dựa trên div,ta có thể bỏ qua phần liệt kê div và sử dụng 1 danh sách không cần phải sắp xếp
Table được lồng vào nhau sẽ dẫn tới sự sai sót về lập trình làm cho 1 website gặp rắc rối trong khâu viết table.Số lượng dòng code dường như ko kết thúc , & nhiều rắc rối.Table không thể có sự rõ ràng khi lập trình và đừng nên mang thứ gì rắc rối vào nội dung trừ khi bạn đối mặt với 1 dữ liệu kiểu table thật sự.Và nếu bạn được giao lại trách nhiệm duy trì trang web với lập trình khó đọc , không còn gì khổ hơn. Table lồng vào nhau là sự thay thế rất dở khi muốn code dễ đọc và các thành phần rõ ràng

Một hạn chế khác của table là nó làm chúng ta khó diễn đạt nội dung từ thiết kế.Thẻ border,width,cellpadding&cellspacing được sử dụng trong 90% trang web sử dụng tables (dựa vào MAMA).Nó thêm code vào HTML thay vì trên trang soạn thảo
Lượng code dư thừa sẽ làm chậm sản phẩm và tăng chi phí bảo trì.Có 1 giới hạn về dòng mà 1 lập trình viên có thế viết mỗi h,và code dư thừa sẽ làm những người khác khó hiểu.Thậm chí người viết sẽ ko thể hiểu khi đọc lại sau 1 thời gian

Mỗi dòng code thêm vào tăng kích thước sản phẩm,đồng nghĩa với thời gian download lâu hơn.Lập trình viên phải ghi nhớ là 1 phương tiện mới ,chẳng hạn 1 thiết bị di động,thường có băng thông thấp.Trang web phải giúp đỡ phương tiên nhiều hơn các máy tính trong tươg lai,và lập trình dở sẽ giới hạn khả năng đó.Code nhiều hơn sẽ gây nhiều lỗi hơn,lập trình viên phải bảo đảm lượng lỗi mỗi dòng.Do table tăng độ dài code,cấu trúc table nhiều lỗi hơn so với cấu trúc ít dòng code hơn

Thứ Ba, 24 tháng 12, 2013

10 lý do để học CSS, DIV thay cho Table

1. Xây dựng một nền tảng để thay thế các phương thức cổ điển của Web. Tổ chức World Wide Web Consortium (W3C) tạo ra CSS để thay thế các bảng (table), các thẻ font, frame và các dạng "hack" thẻ HTML để tạo hiệu quả cho website Với tôi, CSS mang lại hiệu quả công việc cao hơn. Nhìn cái tag font rối rắm là tôi thấy nản. Coder muốn sửa chữa gì cũng mệt vì sự rối rắm của nó. Trong trường hợp muốn thay đổi về thiết kế của code, bạn lại đụng tới khá nhiều mảng của coder. Còn nếu sử dụng css, việc chỉnh sửa rất đơn giản, không phụ thuộc vào coder.
2. Tăng tốc độ website. Thời gian load một website sẽ nhanh hơn. Dung lượng của một trang web sẽ nhẹ hơn 50% so với cách làm cổ điển.
Theo cơ sở của DOM thì:
- Table: web browser phải load cả <table>...</table> thì mới có thể dựng thành DOM tree và hiển thị ra màn hình.
- Div: chỉ cần load <div>..</div> là đã có thể dựng được DOM tree và hiển thị.
Như vậy, quá trình hiển thị 1 trang table-less sẽ nhanh hơn 1 trang table. Hơn nữa, cùng 1 cấu trúc nhưng DOM tree của table sẽ lớn và phức tạp hơn của div rất nhiều, điều này cũng ảnh hưởng đến bộ nhớ và tốc độ xử lý của browser.
Chưa kể, cùng 1 trang nhưng nếu dùng table thì code HTML sẽ lớn hơn dùng div. Code CSS có dùng div có thể sẽ lớn hơn, nhưng CSS được load 1 lần, sau đó được cache trên client.
3.Thời gian phát triển website nhanh hơnThông qua một thao tác về thiết kế: thay đổi CSS, thì hàng ngàn trang web sẽ được thay đổi theo.
4. Typography thể hiện ngầu hơnCSS có khả năng kiểm soát mạnh mẽ hơn tag FONT rất nhiều. Chúng ta có thể kiểm soát chiều cao giữa các dòng, thay màu font, các font theo họ - tức là không có font này, sẽ tự chọn font tiếp theo trong danh sách, và nhiều nhiều hơn thế.
5. Dễ viếtBạn có thể tạo và thay đổi CSS dễ dàng như khả năng làm code HTML thủ công.
6.Khả năng phát triển. Sử dụng CSS hiệu quả sẽ tương tự như sử dụng cấu trúc nội dung với HTML. Với cấu trúc HTML, chúng ta chỉ giữ lại các tag cho đoạn văn, các tag tiêu đề (H1 -> H6), bảng dành cho một số ít bảng biểu đặc biệt, bạn sẽ tăng khả năng đáp ứng lượng khách viếng thăm mà không cần xây dựng một phiên bản độc lập để giảm tải.
7. Thiết kế dành cho in ấn cũng đẹp như dành cho web. CSS hỗ trợ tốt cho một khi bạn cần in ra, chẳng hạn in ấn, hay PowerPoint
8. Dễ kiểm soát thông qua vị trí các thành phần trên web. Việc đánh ID trên từng thẻ DIV, sẽ dễ dàng hơn cho bạn khi cần kiểm soát và hỗ trợ tốt cho Ajax.
9Các trang web tách biệt phần thiết kế và nội dung. Giữ lại thiết kế trong một file liên kết, bạn có thể tiết kiệm nhiều thời gian khi cần thêm bớt các thành phần của một trang web.
10. Cải thiện vị trí trong các website tìm kiếm. Với cách sử dụng HTML cho phần nội dung mà thôi, bạn đã loại bỏ các tag định dạng phức tạp cho thiết kế. Điều này là cho các website tìm kiếm index (tạo chỉ mục) website của bạn tốt hơn, và sẽ là tăng thứ hạng của website.