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. 

Thứ Hai, 23 tháng 12, 2013

HTML5 sẽ độc chiếm thị trường ứng dụng di động

HTML5 là một công nghệ mới cho phép các nhà phát triển xây dựng các ứng dụng dựa trên nền tảng web. Những ứng dụng này có thể chạy trên bất kỳ một thiết bị nào thông qua trình duyệt web tiêu chuẩn. Các ứng dụng Native App trước đây đã trở nên cũ kỹ và sẽ dần nhường chỗ cho một công nghệ tiên tiến hơn. Native App là một ứng dụng được thiết kế đặc biệt chỉ chạy trên một hệ điều hành của một thiết bị nào đó và thường phải điều chỉnh để chạy được trên các thiết bị khác nhau. Vì vậy, dường như HTML5 là một lựa chọn tốt hơn so với Native App.
Dưới đây là những lý do chính để tin vào chiến thắng của HTML5 trước Native App:
html5 828e7 HTML5 sẽ độc chiếm thị trường ứng dụng di động
- HTML5 đặc biệt hữu dụng khi được dùng để phát triển các ứng dụng media và ứng dụng truy cập mạng (cho phép người dùng truy cập nhanh vào một tài khoản hiện có thông qua thiết bị di động, chẳng hạn như tài khoản ngân hàng). Bởi vì các ứng dụng này có thể hiển thị văn bản, hình ảnh, video và quảng cáo với giá rẻ và hiệu quả hơn nhờ HTML5.
- Xu thế mới sẽ là sự gia tăng của các ứng dụng “lai”. Đây là những ứng dụng về bản chất có vẻ giống Native App, nhưng mà toàn bộ các chức năng được thực hiện thông qua HTML5. Một ví dụ đơn cử của ứng dụng lai đó là Facebook cho iPad. Những ứng dụng “lai” sẽ có được những tính năng nổi trội nhất cũng như cải thiện về hiệu năng của Native App và nền tảng HTML5.
- HTML5 chính là một công nghệ mang tính đột phá kinh điển. Mặc dù, hiện nay HTML5 còn nhiều mặt hạn chế hơn Native App do thời gian phát triển chưa lâu. Tuy nhiên, công nghệ này đang được cải thiện từng ngày. Bên cạnh đó, kinh phí để sản xuất các ứng dụng HTML5 rẻ hơn các Native Ap. Trong tương lai, tận dụng những ưu điểm của mình, HTML5 sẽ dần thay thế các Native App trong kho ứng dụng của các nhà cung cấp hệ điều hành.
html5support f597b HTML5 sẽ độc chiếm thị trường ứng dụng di động
HTML5 hiện nay vẫn chưa chiếm được nhiều thị phần so với các nền tảng cũ.
- Mặc dù được xác định là một công nghệ tiên tiến, nhưng việc phổ cập công nghệ mới HTML5 không thể diễn ra trong một sớm một chiều. Bước đầu, HTML5 sẽ mới chỉ hỗ trợ cho các ứng dụng media và truy cập mạng, còn bước tiếp theo nền tảng này sẽ hướng tới ngành công nghiệp sản xuất game di động đầy tiềm năng.

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

7 Bước của quy trình thiết kế logo



Bạn có biết rằng hầu như tất cả các nhà thiết kế logo chuyên nghiệp có một quy trình thiết kế thích hợp mà họ luôn làm theo? Bạn cũng nên biết rằng nếu không đi theo những quy trình rất căn bản này thì thiết kế logo của bạn sẽ găp phải một số vấn đề rất nguy hại.

Một số trong những vấn đề mà bạn có thể phải đối mặt nếu bạn không có một quy trình thiết kế phù hợp ngoài việc tạo ra một sản phẩm không phản ánh được tính chất ngành nghề công ty mà bạn đang thiết kế thì có thể bao gồm cả mất sự tín nhiệm của khách hàng, phải đối mặt với một khách hàng bất mãn, được gọi là nghiệp dư và nhiều hơn nữa…

Để tránh những vấn đề đó, để chuyên nghiệp hơn trong lĩnh vực thiết kế logo, hãy đi theo quy trình. Bạn cần giúp đỡ? Hãy đọc hết bài viết này, tất cả Thiết Kế Mỹ Thuật đã cung cấp ở đây cho bạn:

1. Giới Thiệu Tóm Tắt Sáng Tạo





Khi tham gia một dự án thiết kế, bạn nên bắt đầu như thế nào:

- Đọc tóm tắt sáng tạo đúng cách.


- Hiểu rõ sản phẩm, dịch vụ kinh doanh của khách hàng.
- Hỏi khách hàng của bạn nhiều hơn để hiểu rõ bản chất kinh doanh của khách hàng. Bạn cần chuẩn bị những câu hỏi và gửi mail hoặc gặp trực tiếp khách hàng để hiểu rõ hơn những mong muốn của khách hàng về logo mà bạn thiết kế cho họ.

2. Quá Trình Nghiên Cứu





Tiến hành nghiên cứu chi tiết về công ty của khách hàng :

- Nghiên cứu các màu sắc khác nhau, phông chữ và các chủ đề thiết kế được sử dụng cho công ty của khách hàng.
- Nghiên cứu về các đối thủ cạnh tranh của khách hàng.
- Tìm hiểu về màu sắc, biểu tượng, hình ảnh đặc biệt mà khách hàng muốn sử dụng trong logo của họ.
- Bằng cách nghiên cứu và đặt câu hỏi, bạn có thể biết được khách hàng quan tâm đến điều gì, từ đấy tư vấn và bắt tay vào thiết kế dựa trên những chi tiết và đề xuất của khách hàng một cách nghiêm túc. Hiểu thêm về lịch sử ngành nghề công ty khách hàng càng tốt.

3. Bắt Đầu Phác Họa





Đây là một bước quan trọng để phát triển khái niệm thiết kế, một bước quan trọng mà nhiều nhà thiết kế bỏ qua:

- Bắt đầu bằng cách thiết kế ý tưởng và suy nghĩ của bạn trên giấy. Điều này giúp thực hiện những ý tưởng đúng. Nó cũng cho phép bạn để thúc đẩy quá trình sáng tạo trong khi bạn chú ý đến chi tiết nhỏ.

- Kiểm tra các mẫu thiết kế logo liên quan đến ngành công nghiệp khác để tìm cảm hứng, nhưng “không sao chép” (lưu ý, điều này để trong ngoặc kép). Không sử dụng biểu tượng sao chép, clip art hoặc các khái niệm phái sinh.

- Phát triển thiết kế logo dựa trên ý tưởng, mô tả ngắn gọn, và những kết quả nghiên cứu, tham khảo của bạn.

4. Số Hóa Các Thiết Kế





Một khi bạn đang thực hiện với phác thảo và hình thành ý tưởng của bạn, bạn đã sẵn sàng để có những ý tưởng máy tính:

- Bắt đầu việc tạo ra các thiết kế logo bằng cách sử dụng phần mềm đồ họa. Adobe Illustrator là sự lựa chọn phổ biến nhất trong số các nhà thiết kế logo. Hoặc bạn cũng có thể thiết kế bằng Corel Draw. 2 trong số 4 nhà thiết kế logo của Thiết Kế Mỹ Thuật vẽ logo bằng phần mềm này. Nó đơn giản và hiệu quả. Nếu chưa có 2 phần mềm này trong máy, bạn có thể download phần mềm thiết kế logo ở đây.
- Thử nghiệm với những ý tưởng khác nhau, hình dạng, góc độ và màu sắc.
- Tạo ra nhiều biến thể của thiết kế logo, tuy nhiên hãy chú ý đến bản sắc công ty khách hàng, những hình ảnh, màu sắc mà khách hàng muốn sử dụng để không đi sai hướng.

5. Trình Bày

Quyết định làm thế nào bạn sẽ trình bày các thiết kế logo:

- Chọn màu sắc không tương phản hoặc quá bóng bẩy và hãy chắc chắn rằng bạn đang sử dụng màu sắc Pantone.

- Chọn phông chữ phù hợp với biểu tượng và bản sắc doanh nghiệp. Tùy thuộc vào ngành nghề doanh nghiệp để chọn một phông chữ một cách khôn ngoan.

- Sử dụng màu sắc phù hợp. Mỗi ngành nghề đều có một lượng màu sắc riêng biệt. Hãy lựa chọn chúng một cách đúng đắn. Một số màu sắc được coi là chuyên nghiệp trong các ngành công nghiệp nhất định thì đối với mới một số ngành khác lại có đó là một sai lầm và thiếu chuyên nghiệp.

- Hãy xem xét sự kết hợp màu sắc khách hàng cung cấp cho bạn và tìm hiểu lý do tại sao nó là quan trọng đối với khách hàng.

- Thiết kế logo của bạn phải có khả năng mở rộng, không bị giảm chất lượng khi thay đổi kích cỡ hoặc in một màu.

- Trình bày 2 – 3 khái niệm thiết kế tốt nhất cho khách hàng của bạn để họ có nhiều sự lựa chọn hơn.

6. Nhận Được Tin Phản Hồi





Một khi khách hàng gửi thông tin phản hồi, nhận thấy và hiểu:

- Hãy thử nhìn vào quan điểm của khách hàng và lưu ý của các thông tin phản hồi.


- Liên lạc với khách hàng, cung cấp các thay đổi cần thiết và nộp thêm 1 hoặc 2 mẫu (những mẫu này nên tập trung vào sự thay đổi phông chữ và tông màu) sau khi nhận các thông tin phản hồi ban đầu.

- Tìm hiểu thông tin phản hồi từ khách hàng của các nhà thiết kế logo khác cũng sẽ cung cấp cho bạn một sự hiểu biết tốt hơn về những gì khách hàng muốn nhìn thấy trong thiết kế logo của mình.

- Hãy trình thay đổi và chỉnh sửa cho đến khi khách hàng hoàn toàn hài lòng.

7. Gửi Hồ Sơ.







Nếu bạn đã được chọn là người chiến thắng … Xin chúc mừng!

Trước khi ăn mừng chiến thắng, xin hãy hoàn thành việc cuối cùng:

- Hoàn thiện hồ sơ thiết kế, tập tin nên được trình bày phù hợp, nên gửi cho khách hàng bằng nhiều định dạng khác nhau. File gốc nên lưu bằng CD hoặc USB. Một chiếc USB kèm móc chìa khoá có in logo của bạn cũng là một giải pháp marketing tốt và chuyên nghiệp.

- Sau khi hoàn tất hồ sơ và gửi đến khách hàng. Còn chờ gì nữa. Hãy nhận thù lao và ăn mừng. Nó là phần thưởng cho công sức của bạn.

Một số nhà thiết kế logo có thể bỏ qua toàn bộ quá trình này, cho rằng nó quá tốn thời gian.Nhưng nếu bạn muốn phát triển nghề nghiệp thiết kế của mình, Thiết Kế Mỹ Thuật khuyên bạn không nên bỏ qua nó. Muốn hiểu rõ hơn, bạn hãy zoom vào quá trình thiết kế logo của tổ chức tốt. Trong bài sau, Thiết Kế Mỹ Thuật sẽ đưa ra một vài ví dụ về các dự án mà Thiết Kế Mỹ Thuật đã hoàn thành để bạn hiểu rõ hơn về vấn đề này. Có bất cứ điều gì bạn muốn thêm vào quá trình này? Đừng quên cung cấp cho chúng tôi phản hồi của bạn. Chúng tôi muốn nghe từ bạn!