Trong trường hợp này, bạn cần cẩn thận trong việc lựa chọn đối tác. Một trang web được thiết kế nghèo nàn, cẩu thả có thể khiến bạn tốn kém nhiều tiền của, khách hàng sẽ từ bỏ bạn và danh tiếng công ty cũng ngày một suy giảm theo. Vì thế trước khi ký kết hợp đồng với một nhà thiết kế, bạn hãy xem xét các yếu tố cơ bản sau:

1. Xác định rõ nhu cầu của mình.

Bạn có thể thuê một nhà Thiết kế web trong thời gian dài để xây dựng, triển khai và duy trì hoạt động cho trang web của bạn. Nhưng nếu mục đích trang web của bạn chỉ đơn thuần là giới thiệu trực tuyến các thông tin về công ty và sản phẩm/dịch vụ, thì bạn có thể tiết kiệm chi phí bằng cách thuê một nhà thiết kế web để xây dựng và triển khai trang web trong thời gian ngắn, còn bạn sẽ tự thực hiện mọi công việc liên quan đến hoạt động của trang web (chẳng hạn như khắc phục các đường link hỏng) ngay tại công ty. Bạn hãy xác định rõ những mục tiêu và kế hoạch tăng trưởng của công ty để dự liệu về thời hạn thuê dịch vụ của công ty thiết kế web.

2. Nghiên cứu kỹ lưỡng từng ứng viên.

Đây là phân đoạn thiết yếu trong thời gian bạn nghiên cứu để chọn lựa các nhà thiết kế web, bởi vì nó giúp bạn đánh giá chính xác năng lực của họ. Sau khi tìm được một vài nhà thiết kế web mà bạn cảm thấy có vẻ ưng ý nhất – thông qua danh bạ web hay các trang web của đối thủ cạnh tranh – bạn hãy đọc danh mục những công việc và chi phí họ đưa ra ngay trên trang web của mình. Một trang web được coi là đẹp mắt, tiện lợi trong sử dụng và có trình độ chuyên nghiệp cao không nhất thiết phải cầu kỳ hay rực rỡ. Bạn chỉ cần tìm hiểu cảm nhận của các chuyên gia thiết kế để xem những ý tưởng của họ có phù hợp với mình không. Bạn cũng nên chú ý hơn đến các nhà thiết kế có nhiều kinh nghiệm trong lĩnh vực kinh doanh của bạn.

3. Đánh giá các dịch vụ của họ.

Hãy xác định xem liệu nhà thiết kế web có đáp ứng được các yêu cầu của bạn không. Nếu bạn muốn kinh doanh sản phẩm trực tuyến, bạn hãy tìm kiếm các công ty có nhiều kinh nghiệm trong việc thiết kế trang web thương mại điện tử. Nếu ứng viên mà bạn quan tâm là một cá nhân, thì bạn cần đảm bảo rằng người này có đủ các kỹ năng cần thiết để xây dựng thành công tất cả những gì bạn đòi hỏi. Bạn phải luôn tỉnh táo trước những “lời đường mật” của các công ty thiết kế web, mà hãy chú ý nhiều hơn đến những dịch vụ cộng thêm do các công ty thiết kế web đưa ra (ví dụ như nội dung viết quảng cáo, tiếp thị và một số dịch vụ khác).

4. Gặp gỡ trực tiếp.

Thông thường, nhà thiết kế web tương lai của bạn, dù là cá nhân hay công ty đa quốc gia, sẽ giới thiệu các đặc tính trang web của họ ra toàn thế giới, thế nhưng bạn cần phải chọn đối tác nào mà mình có khả năng gặp gỡ, làm việc và hợp tác chặt chẽ. Sau khi tiếp xúc với nhà thiết kế web, bạn hãy tự hỏi bản thân một số câu dưới đây và hãy tự trả lời chúng thật trung thực:

• Họ có lắng nghe các nhu cầu của mình không?
• Họ có hiểu vấn đề theo cách hiểu của mình không?
• Họ có hiểu biết về lĩnh vực kinh doanh của mình không?
• Họ có chia sẻ viễn cảnh của mình trong trang web không?

5. Kiểm tra và tham khảo ý kiến.

Việc tìm hiểu về hiệu quả kinh doanh của nhà thiết kế web luôn rất hữu ích, vì nó cho bạn biết nhà thiết kế đó đang hoạt động ra sao. Có thể công ty thiết kế web đó nổi tiếng khắp thế giới nhờ khả năng sáng tạo không ngừng, nhưng nếu họ không hoàn thành trang web của bạn đúng hạn với chất lượng đúng như đòi hỏi của bạn, thì đó không phải là đối tượng mà bạn cần tìm. Bạn có thể không cần đến Fat Hat Design – một cái tên quá nổi tiếng trong ngành thiết kế web và nhãn hiệu kinh doanh với các khách hàng là nhiều công ty, tập đoàn lớn trên toàn nước Mỹ, mà cái bạn cần là một nhà thiết kế web có thể xây dựng một trang web phù hợp nhất với yêu cầu kinh doanh của bạn. Bạn có thể gọi điện thoại và tham khảo ý kiến một số khách hàng cũ của nhà thiết kế web này về việc công ty:

• Có hoàn thành hợp đồng đúng theo hạn định không?
• Có đáp ứng được các yêu cầu đề ra ban đầu không?
• Có nhiệt tình tiếp nhận các đề xuất và câu hỏi của khách hàng không?
• Có nhanh chóng khắc phục sai sót không?
• Có thực hiện công việc theo mức phí đã thoả thuận ban đầu không?

6. Hãy nhìn xa hơn.

Nhiều năm qua, hàng trăm công ty thiết kế web khác nhau trên thế giới với đủ quy mô và trình độ chuyên môn đã tiến hành sát nhập, cắt giảm hoạt động hay đơn giản là đóng cửa. Do không thể biết chắc nhà thiết kế web mà bạn muốn thuê sẽ tiếp tục hoạt động lâu dài hay chuẩn bị phá sản, nên bạn có quyền đưa ra câu hỏi về tính ổn định và lâu dài trong mối quan hệ giữa bạn với nhà thiết kế đó. Bạn cũng nên hỏi trước hình thức thanh toán: có thể trả tiền làm nhiều đợt theo tiến độ công việc thực hiện được, hay phải thanh toán toàn bộ chi phí ngay sau khi ký kết hợp đồng. Những nhà thiết kế nào sẵn sàng chấp nhận phương thức thanh toán từng phần chính là đối tượng mà bạn có thể tin cậy khi giao dịch.

Có thể nói, để trang web của bạn thực sự là một công cụ hỗ trợ kinh doanh, đồng thời đáp ứng được yêu cầu của bạn về các chức năng tìm kiếm, kỹ thuật và cả yếu tố thẩm mỹ, giúp khách hàng cảm thấy thoải mái và thuận tiện khi truy cập, thì điều quan quan trọng là bạn phải tìm được cho mình một nhà thiết kế có năng lực, có khả năng sáng tạo và có kinh nghiệm. Tuy nhiên, bạn cũng cần để ý đến khoản ngân sách dành cho việc này. Đừng để công ty bạn phải hoạt động với một trang web đẹp mắt và một tài khoản có số dư bằng 0.

Nguồn http://www.bwportal.com.vn/?cid=4,4&txtid=2124

The post Lựa chọn nhà thiết kế website appeared first on Mã Nguồn Mở - Mã nguồn mở Joomla, Wordpress, Drupal, Magento: VOCW.edu.vn.

Đây là một vài những kinh nghiệm giúp bạn chọn màu cho logo của trang web.

– Vàng Cam: Một màu ấm áp bao hàm cái ấm của vùng nhiệt đới, sang trọng, niềm say mê và vẻ đẹp kỳ lạ. Màu vàng cam thể hiện sự nhiệt tình, rung động và chan hoà. Logo của bạn có thể quyến rũ ngay bằng cái nhìn đầu tiên khi bạn chọn màu Vàng Cam

– Vàng: Một màu thể hiện trí tuệ, long tin, sự hào hiệp và tình bạn. Màu vàng cũng thể hiện sự tự tin, hạnh phúc, lý tưởng hoá và tưởng tượng phong phú. Trừ khi công ty của bạn mang một màu sang, cảm giác vui vẻ mà bạn muốn thể hiện trên logo, màu vàng có thể được sử dụng rất tốt nếu dùng làm màu nền.

– Xanh: Một màu rất phổ biến mang trong nó hoà bình và tĩnh lặng, long trung thành và tính trung thực, sự hài hoà cân đối, niềm tin và độ tin cậy. Cho những ai thích dùng dạng màu 216 color, màu xanh có hầu hết ở mọi dạng bong. Nó có thể là một màu mạnh cho logo của trang web mà có thể mang trong nó một cảm giác thư thái và một tâm trạng thoải mái.

– Tím: một màu tiềm ẩn sự bí hiểm, hoàng gia và thiêng liêng. Với kiểu logo phá cách, sáng tạo và tự hào là một dạng duy nhất, logo của bạn sẽ rất cuốn hút với một chút chấm phá màu của loài hoa oải hương tim tím trên đó. Màu tím cũng mang trong nó sự công bằng và chân lý.

-Màu xám: thể hiện sự trung lập, kiên định và thông thái.

– Màu trắng: Đây là màu của sự trong sạch và tinh khiết, trẻ trung, đơn giản, ngây thơ trong trắng, tình bạn và hoà bình. Màu trắng đã trỏ thành màu phổ biển nhất cho màu nền của hầu hết các trang web. Bởi vì nó cho phép người đọc có cảm giác dễ chịu nhất trên màn hình.

– Màu xanh lá: Mang trong nó tính trung lập, sự phát triển, tiền bạc, khiêm tốn và thông thái. Đây là một màu mang sắc thái của lòng tốt, khoan dung và thường được chọn cho những trang về tài chính hoặc những trang thể hiện sự đang phát đạt.

– Màu Đen: thường được mệnh danh là màu của tang tóc, nặng nề và ảm đạm. Dù cho nó cũng mang trong mình một chút gì đó của sự tao nhã quý phái, tinh tế và bí hiểm.

– Màu đỏ: được cho là màu nóng nhất trong các màu, nó thể hiện tất cả những gì mạnh mẽ nhất và say mê nhất. Nó có nghĩa là nguy hiểm, nóng và lửa, tốc độ, máu và sự náo động. Nó còn là hiện thân của những cuộc cạnh tranh và xâm lược. Chính vì lẽ đó màu đỏ có thể khá là khó chịu, gây cảm giác lo lắng hoặc kích động phụ thuộc vào độ đậm đặc của nó trên logo của bạn.

Cho nên những gì bạn phải làm là hãy từ từ tìm hiểu và chọn ra màu thích hợp cho mình và có thể cuốn hút người xem. Bạn đã có quyết định chọn màu nào chưa?

Nguồn http://thegioiweb.vn/Story/vn/thietkeweb/nguyentacthietkeweb/2007/10/978.html

The post Chọn màu thiết kế logo appeared first on Mã Nguồn Mở - Mã nguồn mở Joomla, Wordpress, Drupal, Magento: VOCW.edu.vn.

Có thể bạn có một website đẹp với sự thiết kế thành công, song lại chưa tính đến những nguyên tắc về tối ưu hóa công cụ tìm kiếm (SEO) hoặc một website cũ, hoạt động tốt, nói cho mọi người biết về công ty của bạn, nhưng tải chậm và nội dung ít cập nhật. Trong những trường hợp này bạn cần thiết kế lại website của mình.

Cả 2 website trên sẽ “ vật lộn” để dành được lưu lượng truy cập. Trang web thiết kế tốt có thể dành được lưu lượng truy cập , đặc biệt là những người truy cập trực tiếp trang đó, nhưng đối với những người sử dụng từ khóa tìm kiếm sản phẩm và dịch vụ của bạn thì lại không thể tìm ra nó.

Một website cũ hơn với nội dung lạc hậu cũng sẽ thất bại bởi các công cụ tìm kiếm cho rằng nó không tồn tại hoặc đã ngừng hoạt động (vì thiếu tin tức mới). Cả 2 website này đều có lưu lượng truy cập lớn và tăng khả năng sinh lời trong kinh doanh, nhưng nếu thiếu SEO thì sẽ làm giảm một phần doanh thu có thể.

Cần thiết kế lại yếu tố nào trên một website?

Tất cả Flash

Mặc dù có những tiến bộ đáng kể trong công nghệ Search Engine và chúng bắt đầu đọc một số dạng flash, một site chứa toàn flash có thể không được Search Engines lập chỉ mục. Các website này rất đẹp nhưng các công cụ tìm kiếm sẽ không đánh giá chúng cao bởi vì nội dung này không thể đọc được. Vậy các công ty lớn có xếp hạng cao mà có các site toàn chứa flash thì sao? Những website này có một mức độ liên kết cao nên nội dung chứa flash của chúng có lẽ không gây ra vấn đề gì, nếu bạn không phải một công ty lớn, một website chứa toàn flash sẽ không tốt.

Frames

Các frame trên website sẽ khiến các công cụ tìm kiếm gặp khó khăn khi lập chỉ mục cho website đó. Hơn nữa những người khách truy cập cũng thường không mấy ưa chuộng các frame này bởi chúng khiến họ khó đọc và không ấn tượng với trang web của bạn. Một số trình duyệt còn không hỗ trợ các frame khiến các khách hàng tiềm năng hoàn toàn không đọc được trang web của bạn.

Các Splash page

Các nhà thiết kế dùng splash pages để tạo tác động trực quan tới khách thăm. Hãy tưởng tượng rằng toàn bộ webpage giống như trang hoạt ảnh sinh động. Thật ấn tượng. Nhưng đáng tiếc , theo góc nhìn của SEO thì chúng thật khủng khiếp. Nói chung, các splash page chứa rất ít hoặc không có nội dung text và cũng không có cả các đường link nhưng lại chứa nhiều các flash page và phần mềm khác. Điều này khiến các Search Engine vẫn khó xếp hạng cho website của bạn.Vì vậy, bạn có thể ấn tượng với các splash page của mình nhưng chính chúng lại làm rất nhiều các khách hàng tiềm năng “ chối bỏ” trang web của bạn .

Tải chậm

Thường thì một trang web tải chậm gây cản trở cho cả các khách truy cập và search engine. Bởi các khách thăm không đủ kiên nhẫn để chờ tải các trang và hầu hết các search engine luôn xếp hạng cho các trang tải nhanh hơn là một trang tải chậm. Vì vậy, bạn cần sự thay thế nếu các trang trên website của bạn tải chậm.

Nội dung lỗi thời

Trước hết, các search engine sẽ hoàn toàn không để ý loại trang web này nếu nó không còn tồn tại. Có thể trước đây nó vẫn được chấp nhận cả khi không cập nhật nội dung hàng tháng, nhưng lúc này nó sẽ bị bỏ qua nếu nội dung không cập nhật thường xuyên. Bởi nội dung cũ kỹ sẽ không thu hút khách truy cập của bạn.

Nếu website của bạn gặp phải bất cứ vấn đề nào về SEO như ở trên thì bạn cần triển khai thiết kế lại; Điều đó mang lại doanh thu tiềm năng cho bạn.

Nguồn http://thegioiweb.vn/Story/vn/thietkeweb/nguyentacthietkeweb/2009/6/8202.html

The post Trang web của bạn có cần thiết kế lại không? appeared first on Mã Nguồn Mở - Mã nguồn mở Joomla, Wordpress, Drupal, Magento: VOCW.edu.vn.

Thiết kế web có thể là một công việc không mấy dễ dàng, vậy bạn sẽ cần những kỹ năng nào? Có thể tự thiết kế nó không? Và khi nào cần đến một website? Sau khi thành lập và vận hành công ty hay là khi việc kinh doanh của bạn được tiến hành trên trang web.

Dù có vài câu hỏi khiến bạn băn khoăn song chỉ có một câu hỏi mà bạn phải cố gắng tìm ra câu trả lời, và sẽ chỉ có được những câu trả lời phù hợp nhờ sự trợ giúp của người tư vấn hoặc công ty thiết kế web.

Dưới đây là những điều bạn nên xem xét khi lên kế hoạch, thiết kế và xây dựng website, sao cho có một trang web có nội dung thu hút khách truy cập và dành được thứ hạng trên công cụ tìm kiếm.

1. Hãy có một logo đẹp. Bởi nó là thương hiệu và là điều khiến mọi người nhớ tới website của bạn. Logo thường được đặt ở phía trên cùng của website vì khách thăm sẽ dễ nhìn thấy vị trí này trước tiên khi tới trang web của bạn. Logo/ thương hiệu có thể “ phản ánh” rất nhiều điều vì thế nó rất quan trọng.

2. Bài text trên mỗi trang cần được liên quan tới nhau và có tối thiểu 250 từ, thật tốt nếu những bài text này có chứa các từ khóa về sản phẩm và dịch vụ của bạn. Song cũng có thể sử dụng các bài copy của chuyên gia về viết text cho website.

3. Hình ảnh cũng rất quan trọng , hình ảnh đẹp về sản phẩm có thể thay muôn lời, còn hình ảnh không mấy “ thuyết phục” có thể ảnh hưởng tới giao diện của website. Song bạn cũng không nên tải lên quá nhiều hình ảnh.

4. Mỗi trang nên có: Thẻ meta keywords, meta descriptions và tiêu đề trang riêng vì chúng là một phần rất quan trọng trong xây dựng website.

5. Hãy thử dùng CSS (định kiểu trình bày trang HTML) để thuận tiện hơn cho các công cụ tìm kiếm cũng như giúp những thay đổi về màu sắc, phông hay cỡ chữ được thực hiện dễ dàng hơn.

6. Nên sử dụng các thẻ H1-H6 để làm nổi bật tiêu đề chính trên trang text vì điều này có liên quan tới tiêu đề website của bạn và các thẻ H2 sẽ phù hợp cho các tiêu đề của các đoạn văn tiếp theo. Nên sử dụng chữ in đậm để làm nổi bật các từ khóa trong đoạn văn, nhưng cũng không nên dùng nó quá nhiều.

7. Nếu bạn sử dụng điều hướng text thì các công cụ tìm kiếm sẽ lập chỉ mục cho website của bạn hiệu quả hơn.

8. Hãy đảm bảo cho người sử dụng cuối cùng dễ dàng mua hoặc tìm kiếm được các sản phẩm và dịch vụ của bạn, nên tiến hành nâng cấp để hướng tới sự đổi mới và mang lại doanh thu.

9. Những đường dẫn từ các trang tới trang bên trong khác cũng phải tốt, hãy quảng cáo các sản phẩm hoặc dịch vụ khác, hãy sử dụng chúng để người dùng tìm thấy những yếu tố khác trên website của bạn dễ dàng hơn nhưng cũng không nên quá lạm dụng chúng.

10. Hãy xây dựng một sơ đồ web để các phương tiện tìm kiếm lập chỉ mục dễ dàng hơn, bạn có thể tải một sơ đồ web XML từ các công cụ webmaster trên Google vì điều đó khiến việc lập chỉ mục cho mọi trang trên website của bạn thuận tiện hơn.

11. Nếu đang thu thập bất kỳ thông tin nào từ website qua mẫu khai báo thì bạn nên có một chính sách riêng.

12. Cuối cùng hãy cài đặt Google Analytics, điều này rất quan trọng, vì chúng cung cấp những dữ liệu vô giá về khách truy cập của bạn.

Trên đây chỉ là vài điểm cần chú ý, song chúng lại rất cần thiết khi bạn bắt đầu thiết kế và xây dựng một webiste cho mình. Bạn hãy nên tìm đến một công ty thiết kế web để có thể thiết kế và xây dựng một website như ý cũng như chuyên nghiệp hơn trong công cuộc “chiến thắng” khách hàng mục tiêu.

Nguồn : http://thegioiweb.vn/Story/vn/thietkeweb/nguyentacthietkeweb/2009/9/9227.html

The post 12 thủ thuật thiết kế cho website thương mại nhỏ appeared first on Mã Nguồn Mở - Mã nguồn mở Joomla, Wordpress, Drupal, Magento: VOCW.edu.vn.

Các tổ chức cần phải coi website của mình như vốn đầu tư nếu họ muốn có được lợi nhuận và lợi thế cạnh tranh.

Hãy kiểm soát những ưu thế của mình

Lance Loveday và Sandra Niehaus cùng các cựu chuyên gia web (những người đã giúp Hewlett-Packard và WebEx có được sự thay đổi diện mạo trên mạng internet) nói rằng: Việc thiết kế các website vì lợi nhuận đầu tư không như khoa học tên lửa mà chỉ là vấn đề đơn giản từ những thực tiễn đã được chứng minh như sau để tăng thêm lợi ích cho bạn. Loveday cho biết “Thời gian và tiền bạc để thiết kế một website tệ hay hiệu quả là như nhau. Song kết quả lợi nhuận thực có thể ảnh hưởng tới kết quả công việc kinh doanh của bạn”.

Nhiều tổ chức chỉ tập trung thu hút khách truy cập mà không nghĩ tới điều gì xảy ra sau sự ghé thăm của họ. Sandra Niehaus chỉ ra rằng: “Liệu có hiệu quả không khi có hàng ngàn, triệu khách truy cập mà không ai mua hàng hay liên lạc gì? Vậy tốt hơn là hãy xây dựng một trang web trước hết phải có thành quả rồi sau đó mới quan tâm tới cách thu hút lưu lượng truy cập”.

Thiết kế website vì lợi nhuận đầu tư thách thức các tổ chức nhìn trang web của mình theo một quan niệm mới. Loveday nói rằng “Đây là thời điểm cần quan tâm tới website hơn. Hãy thiết kế web vì lợi nhuận đầu tư và cách thức làm tăng lợi nhuận cũng như lợi thế cạnh tranh tốt hơn”.

Hãy xem xét 5 chỉ dẫn dưới đây để có một website thành công:

1. Hãy coi trang web của bạn như một công việc kinh doanh: Các doanh nghiệp thành công đều có một chiến lược web. Hãy kết hợp sự đầu tư thời gian nỗ lực cho hoạch định kinh doanh cũng như khả năng tiềm tàng cho kế hoạch trang web .Các công ty lớn thường có các nhà thiết kế, kỹ sư và các nhà tiếp thị tạo ra những website khuyến khích được sự hành động của khách truy cập.

2. Hãy hiểu rõ điều bạn muốn: Hãy chỉ rõ điều bạn đang cố gắng hoàn tất cụ thể cho trang web của mình. Bạn có muốn gia tăng doanh thu, tiềm năng thúc đẩy hành động của khách hàng và sự tin cậy không?

3. Hãy thiết kế một trang web vì người xem: Cần hiểu ai là khán giả mục tiêu của bạn. Tại sao họ lai đến với website của bạn? Họ mong đợi điều gì? Bạn có thể làm như thế nào để trang web của mình sử dụng thân thiện và điều hướng dễ dàng?

4. Đo lường các thông số thích hợp: Lưu lượng truy cập site và số lượt người truy cập vào website chưa nói hết cho bạn mọi điều; thông số này cần kết hợp với các chỉ số kinh doanh, thống kê site và thông tin phản hồi của người sử dụng.

5. Sự lặp lại, học hỏi và kiểm thử: Thử nghiệm, học hỏi, làm đi làm lại, website của bạn như chưa bao giờ được “tiến hành”. Hãy dành thời gian và thường xuyên xem xét site của bạn, thực hiện những thử nghiệm cho người dùng, và kiểm tra đối thủ cạnh tranh. Hãy sử dụng kiến thức đó để nâng cao website của bạn hơn nữa để đảm bảo truyền tải được chính xác những gì bạn muốn.

Nguồn : http://www.graphic-design.com

The post Thiết kế web vì lợi nhuận đầu tư appeared first on Mã Nguồn Mở - Mã nguồn mở Joomla, Wordpress, Drupal, Magento: VOCW.edu.vn.

8 thủ thuật tạo khả năng truy cập cho website của bạn
Ngày nay, các nhà quản trị và chuyên gia web đều biết rằng khả năng truy cập là yếu tố chính làm tăng lưu lượng truy cập, đồng thời điều đó cũng là một vấn đề mà bất cứ ai cũng cần phải quan tâm. Hãy lưu ý rằng khả năng truy cập khác với tính tiện ích! Tiện ích thể hiện sự tương tác dễ dàng trên giao diện và nội dung dễ đọc thì khả năng truy cập lại liên quan nhiều đến lưu lượng khách ghé thăm.
Tại sao khả năng truy cập lại quan trọng đến vậy?
Nói chung, mọi trang web cần phải đáp ứng được thị hiếu và nhu cầu. Ngoài những nhóm người thông thường dùng internet thì cũng cần website phù hợp với:
Nhóm người có thị lực kém
Nhóm người dùng máy tính có cấu hình thấp
Nhóm người sử dụng các trình duyệt khác nhau
Theo dữ liệu thống kê thì trên thế giới có khoảng 20% người thuộc các nhóm trên.
Thêm nữa, nội dung cũng nên luôn sẵn sàng cho mọi người dùng mà không bị quá phụ thuộc vào cách truy cập của họ ( trình duyệt bằng máy tính, điện thoại hoặc trình duyệt giọng nói) hay từ các tác nhân bên ngoài của môi trường (quá nhiều ánh sáng hoặc tạp nhiễu). Một lý do nữa tại sao khả năng truy cập lại đáng để xem xét là tốc độ tìm kiếm thông tin mà mọi người quan tâm.
Ngôn ngữ là một vấn đề cần được quan tâm. Bởi không phải mọi khách truy cập đều có thể hiểu đầy đủ được ngôn ngữ trên trang web của bạn.
Song, thực tế thì khả năng truy cập có thể giảm được chi phí và mang lại lợi nhuận. Vậy tại sao không tìm ra các cách để khả năng truy cập cho trang web của bạn được tốt hơn?

8 thủ thuật tạo khả năng truy cập
Hãy “ tối ưu”  HTML
Việc sử dụng HTML là một trong những tính năng quan trọng nhất để làm tăng khả năng truy cập cho website. Song, vấn đề không chỉ đơn giản. Cần phải tính tới  các loại trình duyệt khác nhau, cả những phiên bản cũ lẫn phiên bản mới, đưa ra những cách “tối ưu” HTML. Để đảm bảo cho text HTML của bạn chính xác, bạn có thể sử dụng các chương trình chuyên biệt như: W3C HTML Validator  or WDG HTML Validator để cho phép bạn hiệu chỉnh các lỗi chính tả có thể mắc phải mà bạn không nhận ra. Hãy thận trọng với nhiều chương trình khác khẳng định có thể tối ưu được HTML.–>Hãy thu hút  “ tối ưu” HTML.
Mặt khác, bạn sử dụng HTML không chỉ để cho đẹp mà còn nhấn mạnh cho cấu trúc và nội dung trên web thay vì chỉ thể hiện vẻ ngoài. (Ví dụ, bạn thường sử dụng tính năng chữ đậm không chỉ để thu hút mắt mà còn để đánh dấu một tuyên bố, một ý tưởng, một vấn đề. Bạn có thể sử dụng các yếu tố EM  hoặc STRONG để thể hiện sự nhấn mạnh.
Dùng thẻ ALT dưới dạng text
Liên quan tới các hình ảnh, khi sử dụng IMG và AREA bạn cũng nên cung cấp thẻ ALT để lựa chọn; mục đích của nó là thực hiện chức năng hơn là chỉ để mô tả. Tuy nhiên, nếu bạn muốn một ảnh trang trí và sử dụng ALT =’’’’ để biết không có  nội dung ảnh.
Đừng thay thế text bằng các hình ảnh

Lựa chọn các hình ảnh thay thế text thường làm giảm khả năng truy cập của bản thiết kế web. Nhìn chung, text linh hoạt hơn trong việc cung cấp khả năng lựa chọn phông chữ cho người dùng. Kết quả là nếu không làm như vậy sẽ dẫn đến chất lượng hình ảnh nghèo nàn đối với một số cấu hình phần cứng máy tính.

Các gợi ý màu

1. Đừng quên chỉ rõ các thuộc tính của tất cả các màu vì chúng có ảnh hưởng tới khả năng truy cập cho một website. Việc xác định một hệ thống số có cơ sở là 16 (hexadecimal) dưới các dạng <#rrggbb> hoặc <#RRGGBB> hầu như có tầm quan trọng sống còn vì cũng có những trình duyệt cũ hơn không hỗ trợ các tên màu sắc.
2. Bạn nên nhạy cảm khi lựa chọn màu của text sao cho thật dễ đọc và cần có  tương phản rõ với màu nền.
3. Người ta khuyến nghị rằng: không nên dùng cùng màu cho các đường link đã được nhấp chuột với các đường link chưa được nhấp chuột vì dễ gây nhầm lẫn cho người dùng.

Hãy sử dụng những cỡ Font chữ phù hợp

Font chữ là một yếu tố khá quan trọng khi nói đến HTML bởi nó làm tăng thêm khả năng truy cập cho website. Hãy đảm bảo rằng website của bạn cho phép người sử dụng có thể thay đổi cỡ font phù hợp. Và bạn không chỉ cố gắng tập trung vào FONT mà còn phải chú ý đến nội dung.

Đừng quá “ phụ thuộc vào “ javascript
Một số trình duyệt không hỗ trợ Java scripts, nên đôi khi sẽ tốt hơn nếu bạn không sử dụng nó. Dù Java scripts thường được coi là những nhân tố làm tăng khả năng truy cập và mang lại cho người dùng những mách nước hữu ích.
Vì vậy, điều cần lưu ý là:

1. Hãy đảm bảo Java scripts có khả năng truy cập
2. Hãy sẵn sàng với một trình duyệt không hỗ trợ Java script.

Tổ chức website của bạn

• Hãy đảm bảo cho trang web của bạn có một cấu trúc nội dung rõ ràng và hợp lý.
• Hãy tổ chức các đường link sao cho logic và hiệu quả, khiến người dùng truy cập được dễ hơn tới những đường link mà họ muốn.
• CSS có thể là một quan niệm tin cậy để nhấn mạnh các đường link dạng text và khiến người dùng nhìn được rõ hơn.
• Sơ đồ trang, box tìm kiếm hay lô gô cũng là những nhân tố thể hiện một website có khả năng truy cập.
• Kiểm tra lượng người dùng thực trên trang web là một cách tốt để phân tích khả năng truy cập và dự đoán số lưu lượng truy cập vào site.
• Nên để phần cuối trang có nội dung đơn giản, rõ ràng và dễ đọc.

Kết luận

Hãy luôn nhớ rằng một website tiện lợi là trước hết phải dễ truy cập. Khả năng truy cập chỉ là chi tiết nhỏ trong việc thiết lập một trang web nhưng nó mang một giá trị không tính hết được đối với website.
Vậy nên, hãy quan tâm đến những lợi ích sau:

• Lưu lượng truy cập
• Tìm thấy thông tin dễ dàng
• Tốc độ tìm kiếm nhanh
• Xếp hạng trên kết quả tìm kiếm cao hơn
• Ngăn chặn được tính rủi ro pháp lý
• Triển khai dịch vụ tốt hơn
• Tiếp cận website tốt hơn.
• Thời gian tải nhanh hơn
• Tăng xếp hạng trang
• Tránh hiện tượng tắc nghẽn băng thông

Để có được những ưu thế này, hãy lưu ý đến:

• Tối ưu HTML
• Thu hút bằng ý tưởng chứ không phải bằng giao diện (bố cục)
• Cung cấp thẻ ALT dưới dạng text
• Sử dụng màu tương phản
• Tránh đặt text trong các bức ảnh.
• Sử dụng font chữ phù hợp
• Hãy sẵn sàng với một trình duyệt không hỗ trợ javascript.
• Nội dung đơn giản, rõ ràng và dễ đọc

Nguồn: avangate.com

The post Làm thế nào để tăng khả năng truy cập cho website của bạn? appeared first on Mã Nguồn Mở - Mã nguồn mở Joomla, Wordpress, Drupal, Magento: VOCW.edu.vn.

Qui ước thiết kế là những nguyên tắc “bất thành văn” đã được thừa nhận và đi vào tiềm thức trong văn hóa trực quan qua thời gian . Chúng giúp làm giảm lượng giải đoán cho người dùng.

Qui ước khiến công việc của người thiết kế dễ dàng hơn. Nghĩa là, chúng ta không phải tìm kiếm giải pháp cho những vấn đề thông thường mà tập trung hơn vào chi tiết.

ột trong những kỹ năng quan trọng để thiết kế hiệu quả là hiểu rõ và ứng dụng được những qui ước này với lợi ích tối đa.
Qui ước thiết kế là gì?
Qui ước thiết kế có thể là màu sắc, hình dạng, kiểu mẫu, bố cục, phông chữ và chúng đều bao hàm những ẩn ý muốn truyền tải.

Thật vậy, có hàng trăm qui ước thiết kế web mà bạn muốn hiểu thông qua những ví dụ đơn giản sau:

• Ở nhiều nơi trên thế giới đều biết, hình tam giác màu vàng trong tín hiệu giao thông mang ý nghĩa “ cảnh báo”. Điều này đã trở thành một qui ước trong phần mềm.
• Khi nhấp chuột vào vùng màn hình, chẳng hạn như nút bấm ( hình chữ nhật được nổi cùng với hình xiên) sẽ thực hiện thao tác như theo qui ước. Nút này như những nút bấm trên các thiết bị như đài, ti vi và máy tính. Nhờ việc điều khiển một nút bấm, người dùng có thể kết hợp và thực hiện các thao tác.
• Các trình duyệt web đầu tiên đã dùng màu xanh nhạt và định dạng gạch chân cho các text hyperlink. Qui ước này đã “ phải chịu đựng” suốt một thập kỷ qua, dù nó chưa phải là dễ đọc nhất.
• Nếu bạn muốn tới trang chủ của một website, trước tiên bạn sẽ nhìn về phía trái trên cùng của màn hình để nhìn thấy lô gô hoặc nút bấm có từ “ trang chủ”. Dù không ai nói với bạn điều này nhưng bạn biết được từ kinh nghiệm.
• Nếu bạn nhìn thấy một tập hợp của: Các từ khóa I được ngăn kết bởi I các đường nhỏ thẳng đứng tại phía cuối của trang web, bạn thừa nhận rằng chúng là một tập hợp của các đường liên kết chung trong phạm vi của trang web. Điều này cũng là một qui ước mà bạn đã biết được từ những website khác.

Cách qui ước hoạt động

Vì sao qui ước lại giá trị đến thế: Bởi chúng là những biểu tượng tắt, có khả năng tổ hợp truyển tải thông tin trực quan đơn giản nhất. Một vòng tròn đỏ quanh dấu chấm than có tác động đến tư duy hơn từ “ cảnh báo’. Thật thú vị, vì chúng mang lại cho bạn sự hiệu quả và tiết kiệm thời gian.
Vậy thì có nên thường xuyên sử dụng qui ước hay không? Có lẽ bạn chỉ nên sử dụng khi cần thiết.
Chúng là những nguyên tắc và như những qui ước tốt nhất, chúng có thể bị phá vỡ hoặc “ phải tuân thủ”. Bí quyết của những nhà thiết kế web là phải biết được khi nào qui ước bất lợi với chức năng thiết kế và khi nào nên sử dụng nó. Cũng như bất cứ hệ thống nguyên tắc nào khác, bạn phải hiểu chúng để lựa chọn cách theo . Điều đó cũng rất quan trọng vì có thể tránh được một bản thiết kế với qui ước không phù hợp.

Hãy xem những ví dụ sau:

• Tại một website sử dụng một tam giác cảnh báo màu vàng khi đưa ra cho người dùng vài thông tin. Nhưng thực tế, nó chỉ là một tập tin chứ không có nội dung cảnh báo, bạn đã biết kiểu cảnh báo. Vậy đây là cách dùng sai qui ước.
• Ở giao diện trên trang web khác đang được thiết kế lại thì dùng những nút bấm động trên thanh công cụ có hiển thị ngày. Để duy trì sự nhất quán, người thiết kế đã đặt lịch trên vùng động. Dù rõ ràng nó chỉ là lịch, song mọi người cố gắng nhấp chuột vào, vì nó nói, “hãy bấm vào tôi> hãy nhấp chuột> điều gì đó xảy ra”. Tôi khuyến nghị rằng hãy bỏ lịch đó đi và hãy để thanh công cụ chỉ dành cho các đường liên kết.
• Nếu đoạn text màu xanh được sử dụng tại bất cứ nơi nào trên website thì ai đó sẽ thử nhấp chuột vào. Nếu nó không là đường siêu liên kết thì sẽ không cần thiết và hoàn toàn làm đảo lộn.
• Ở phương tây, biểu tượng mô tả website thường đặt tại phía bên trái trên cùng mỗi trang. Vị trí này là nơi mọi người có thể biết được họ đang ở đâu và điều hướng về phía trên. Nếu biểu tượng được đặt tại bất cứ vị trí nào khác sẽ mang lại sự thuận lợi cho người thiết kế và người dùng nhiều hơn.

Nguồn http://thegioiweb.vn/Story/vn/thietkeweb/nguyentacthietkeweb/2009/2/7166.html

The post Qui ước trong thiết kế web appeared first on Mã Nguồn Mở - Mã nguồn mở Joomla, Wordpress, Drupal, Magento: VOCW.edu.vn.

1.Lệnh margin
Ta bắt đầu với canh lề
a.Căn lề 2 bên

.ClassName {   
margin:20px;
}  

b. Căn lề dùng lệnh auto:

CODE

.ClassName {   
margin:20px auto;
}  

– với lệnh trên, lề trái và phải sẽ tự động được căn giữa, còn lề trên và dưới sẽ được căn lề là 20px.

c. lệnh Margins với 3 giá trị:

CODE

.ClassName {  
margin:20px auto 50px;
}  

– với lệnh này lề trên căn lề 20px, lề trái & phải sẽ được tự động căn giữa, lề dưới căn lề 50px.

2.Lệnh Padding:

– Các lệnh căn lề với padding:

CODE

.ClassName {  
padding-top:10px; // căn lề trên
padding-right:20px; // căn lề phải  
padding-bottom:30px; // căn lề dưới
padding-left:40px; // căn lề trái  
}

– Để dễ dàng hơn ta có thể viết:

CODE

.ClassName {  
padding:10px 20px 30px 40px;
}  
– Như vậy cấu trúc lênh sẽ là : padding : top right bottom left;

Ta thấy 2 lệnh trên đều là căn lề, vậy chúng có gì khác nhau, chúng ta sẽ nói thêm về điều này:

+ margin : khi dùng lệnh này để căn lề thì kích thước của khung nội dung của bạn sẽ được giữ nguyên.
+ padding: với việc căn lề bằng lệnh padding thì kích thước của khung nội dung sẽ bị thay đổi. Lấy ví dụ: khung nội dung của bạn có độ rộng 100px, khi dùng lệnh căn lề trái padding-left:30px; thì khung sẽ bị dịch sang phải 30px, và khi đó độ rộng của khung sẽ được cộng thêm vào là 30px, tức là 130px. Đó chính là mấu chốt khiến các bạn mới làm quen thường bị xảy ra hiện tượng xô lệch do khi dùng padding vì chúng ta padding bao nhiêu thì sẽ + thêm vào chiều rông cũ bấy nhiêu để tạo thành một chiều rộng mới.

3.Background:

– các thuộc tính cơ bản của lệnh như bên dưới:

CODE

.ClassName {  
background-color: transparent; // làm trong nền trong suốt
background-image: url(‘image.jpg’); // ảnh nền  
background-repeat: no-repeat; // thuộc tính lặp lại
background-position: top right; // vị trí nền  
background-attachment: scroll; // nền trượt
}  

– ví dụ như bạn muốn tạo ảnh nền trong suốt, nằm trên cùng bên phải, không lặp lại, và di chuyển theo chuột, ta sẽ có lệnh như bên dưới:

CODE

.ClassName {  
background: transparent url(‘image.jpg’) no-repeat top right scroll;
}

4.Lệnh font:

CODE

.ClassName {  
font-variant:small-caps;
font-weight:bold;  
font-size:1em;
line-height:1.4em;  
font-family:Georgia, serif;
}  

5.Lệnh cho list (ul):

CODE

ul {  
list-style-type:decimal-leading-zero;
list-style-position:inside;  
list-style-image: none; // sử dụng ảnh, nếu muốn sử dụng ảnh cho list, bạn chỉ việc thay none bằng url(‘link ảnh’)
}  

– để đơn giản ta gộp các thuộc tính chung lại, như bên dưới:

CODE

ul {  
list-style:decimal-leading-zero inside url(‘image.jpg’);
}  

6.lệnh Border (tạo đừơng viền – đường bao)

CODE

.ClassName {  
border-width:2px; // độ rộng đường bao
border-style: solid; // kiểu  
border-color: #4096EE; // màu
}  

– đơn giản có thể viết

CODE

.ClassName {  
border: 2px solid #4096EE; // trị màu : #4069EE có thể thay bằng rgb(64, 150, 238)
}  

7.Outline (tương tự lệnh border)

– ví dụ bên dưới là tạo đương viền cho ảnh

CODE

img {  
outline-width: 5px;
outline-style:solid;  
outline-color: #000000;
}  
– đơn giản có thể viết

CODE

img {  
border: outline: 5px solid #000000;
}  

8.Lệnh màu :

– có thể sử dụng 1 trong các cách dưới đều được

CODE

.ClassName {  
color: #FFFFFF;
}  
.ClassName {
color: #FFF;  
}
.ClassName {  
color: #fff;
}  
.ClassName {
color: rgb(255, 255, 255);  
}

9. Cross browser transparency:

– thiết lập cho từng trình duyệt

CODE

.ClassName {  
filter:alpha(opacity=50); // trình duyệt IE
-moz-opacity:0.5; // trình duyệt mozilla  
-khtml-opacity: 0.5; // trình duyệt Safari
opacity: 0.5; // hầu hết các trình duyệt, nhưng IE thì không.  
}
10. First-child selectors

– ví dụ bên dưới tạo màu chữ riêng cho lớp đầu tiên của footer (nằm trong thẻ <em>)

CODE

.footer em:first-child {  
color:#ccc;
}  

12. First-letter (kí tự đầu tiên)

p:first-letter{
color:#ff0000;
font-size:15px;
}[/CODE]

– ví dụ ta có code sau :

<p>This is an example usage of the first-letter property</p>

– kết quả :

This is an example usage of the first-letter property

13. First-line

– thiết lập thuộn tính cho dòng đầu tiên

CODE

#p:first-line {  
color:#ff0000;
font-weight:bold;  
}

– ví dụ: ta có code

<p>This is an example usage of the first-line property. This is an example usage of the first-line property.</p>

– kết quả :

This is an example usage of the first-line property. This is an example usage of the first-line property.

14. Độ cao tối thiểu

CODE

.ClassName {  
min-height:200px;
}  

– code trên không hỗ trợ cho IE, để hiển thị trên IE, bạn tham khảo code bên dưới:

CODE

.ClassName{  
min-height:200px;
height:auto !important;  
height:200px;
}  

15. Thuộc tính clip (hiển thị một phần)

– ví dụ ta có code bên dưới:

CODE

img {  
clip:rect(50px 218px 155px 82px);
}  

với code này, ảnh sẽ được clip phía trên 50px, bottom là 218px (tính từ trên xuống), right là 155px (tính từ trái qua), left là 82px (cũng tính từ trái qua). xem ví dụ bên dưới để rõ:

Hình gốc

Hình Đã Sửa với Clip

Bên dưới là 3 lệnh code CSS3 (lưu ý. CSS3 chỉ hỗ trợ trên Firefox, safariand, và Chrome)

16. Bo góc:

CODE

.rounded_corner {  
-moz-border-radius:10px;
-webkit-border-radius:10px;  
width:400px;
height:100px;  
background-color:#000;

}

17. Drop shadow (tạo bóng đổ)
CODE

.your_shadow {  
width:400px;
height:200px;  
background-color:#000;
-webkit-box-shadow: 5px 5px 2px #ccc;  
}

18. Resize

CODE

.resize{  
min-width:200px;
min-height:200px;  
max-width:500px;
max-height:400px;  
resize:both;
background-color:#ccc;  
border:2px solid #666;
overflow:auto;  
}

19.dùng dấu “,” để gộp chung các class khi có cùng thuộc tính:

ví dụ như bên dưới:

CODE
h1, h2, h3, h4, h5, h6 {  
font-family:Helvetica, Verdana, sans-serif;
}

Nguồn http://zensoft.vn/ShowArticle.aspx?ID=9265

The post Các lệnh thường gặp trong css appeared first on Mã Nguồn Mở - Mã nguồn mở Joomla, Wordpress, Drupal, Magento: VOCW.edu.vn.

Ngày nay nhiều trường học và các tổ chức giáo dục đã nhận ra tầm quan trọng của việc xây dựng website để tạo sự hiện diện trên internet. Đưa việc giáo dục lên mạng đã không chỉ phục vụ cho các đối tượng học viên tiềm năng mà còn là một cách hiệu quả để phục vụ các giáo viên, nhân viên, cha mẹ học viên và cả những học viên hiện tại.

Các website giáo dục không chỉ cung cấp thông tin về cơ sở, các khóa học của họ mà còn cung cấp những thông tin về hoạt động của trường, các chương trình học bổng và hỗ trợ sinh viên.

Thiết kế website cho các tổ chức giáo dục ngày càng trở lên một chuyên biệt hóa, ngày càng nhiều các tổ chức giáo dục hiểu ra sức hút từ sự hiện diện online của mình. Website của một tổ chức giáo dục đòi hỏi không chỉ là 1 website động, hấp dẫn mà còn cần có nhiều thông tin hữu ích.

Qua kinh nghiệm của mình chúng tôi thấy rằng khi xây dựng 1 website cho các tổ chức giáo dục cần luôn luôn giữ trong đầu những vấn đề sau :

– Hãy chắc chắn bạn có kế hoạch và đã hình dung hết các lựa chọn. Xây dựng cấu trúc cơ bản website của bạn sẽ như thế nào và trong tương lai sẽ được mở rộng như thế nào.

– Bạn hãy chuẩn bị trước các thông tin và tài liệu sẽ được đưa lên website.

– Hãy tạo ra sự đơn giản và dễ dàng truy cập cho mọi thông tin trên trang web.

– Sử dụng các chức năng định hướng ( menu, các đường link) một các thống nhất và khoa học để người dùng dễ dàng truy cập thông tin.

– Luôn luôn tập trung vào đối tượng khách hàng mục tiêu mà tổ chức bạn theo đuổi.

– Hãy tạo một thăm dò dư luận trên website về tính thân thiện của trang web.

– Thường xuyên update thông tin.

Với tư cách là một tổ chức giáo dục bạn nên xem xét cung cấp những thông tin sau trên website:

– Tổng quan về tổ chức của bạn, triết lý và hoạt động.

– Các khóa học và chương trình được cung cấp.

– Các nghiên cứu khoa học hay công trình được thực hiện bởi trường của bạn.

– Các bản tin newsletter.

– Thời khóa biểu các khóa học, lịch các hoạt động trong trường, khoa.

– Gửi email cho các giảng viên trong tổ chức.

– Kiểm tra lịch làm việc.

– Tạo ra diễn đàn chung cho sinh viên và những người quan tâm.

– Tạo các liên kết đến các tổ chức giáo dục khác liên quan.

Các trương đại học và các trung tâm giáo dục khác trên toàn thế giới hiện nay đang đặc biệt quan tâm tới việc xây dựng các hệ thống website. Biến nó thành một lĩnh vực thiết kế chuyên biệt. Một website dành cho tổ chức giáo dục nên được trình bày 1 cách rõ ràng, chính xác, dễ hiểu, hấp dẫn và giầu thông tin.

Nguồn http://thegioiweb.vn/Story/vn/thietkeweb/thietkewebq/2007/11/1973.html

The post Xây dựng website cho các tổ chức giáo dục appeared first on Mã Nguồn Mở - Mã nguồn mở Joomla, Wordpress, Drupal, Magento: VOCW.edu.vn.

Có rất nhiều loại website nhưng có thể phân thành 2 loại web cơ bản như sau:
– Website cung cấp thông tin: như các website báo điện tử, website cung cấp thông tin theo những chuyên đề cụ thể. Thông thường các website cung cấp thông tin miễn phí và nguồn thu đến từ phí quảng cáo trên website khi có lượng người xem thường xuyên đông. Tuy nhiên nếu các thông tin có giá trị cao, người xem có thể sẽ phải trả phí để xem được các thông tin này.
– Website cung cấp sản phẩm hoặc dịch vụ: các website này có thể chỉ giới thiệu thông tin về các sản phẩm, dịch vụ hoặc có thể có những tính năng giúp người xem có thể mua sản phẩm hoặc dịch vụ thẳng từ website (các website thương mại điện tử).

Từ 2 loại website cơ bản như trên đã phát triển thành rất nhiều mô hình website đa dạng và phong phú như:
– Cổng thông tin (Portal)
– Sàn giao dịch (Marketplace)
– Cửa hàng, siêu thị trực tuyến (E-store)
– Báo điện tử (E-newspaper)
– Mạng xã hội (Social Networking Website)
– Danh bạ (Web Directory)
– Webiste việc làm
– Website đấu giá
– Webblog

Nguồn http://www.v3s.vn/1/78/-cac-loai-website

The post Các loại website appeared first on Mã Nguồn Mở - Mã nguồn mở Joomla, Wordpress, Drupal, Magento: VOCW.edu.vn.

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.

Nguồn http://thegioiweb.vn/Story/vn/thietkeweb/thietkewebq/2007/11/1974.html

The post Tìm hiểu về web tĩnh và web động appeared first on Mã Nguồn Mở - Mã nguồn mở Joomla, Wordpress, Drupal, Magento: VOCW.edu.vn.

Thật ra, việc đó vô cùng đơn giản: thiết kế trang web = gõ văn bản + trang trí. Tuy nhiên, vì đơn giản như thế mà các trang web cá nhân hơn thua nhau về mặt thẩm mỹ, sáng tạo của người tạo ra chúng. Và việc này thì chẳng ai dạy cả, nó chỉ phụ thuộc vào khả năng cá nhân và các kinh nghiệm có được nhờ tìm tòi.

Mạng Internet là phương tiện chính. Nó cung cấp cho chúng ta nguồn “tài nguyên phong phú” gồm vô số các tiện ích, các phần mềm, hình ảnh, âm thanh, tư liệu, thủ thuật, … để xây dựng một trang web hoàn chỉnh và sau đó, nhờ Internet, website của bạn được mọi người biết tới. Vì thế, bạn càng chịu khó tìm kiếm, lục lọi, học hỏi bao nhiêu, trang web của bạn sẽ phong phú và mang đặc biệt bấy nhiêu. Tuy nhiên, để có được phong cách riêng, ngoài những kinh nghiệm thu thập được, bạn phải có được một sự sáng tạo nhất định để sản phẩm của mình không đi theo lối mòn hay “màu mè đa phong cách”.

Trong phạm vi bài viết này, tôi sẽ giới thiệu đến các bạn một số khái niệm, cách thức căn bản nhất để tự thiết kế một trang web riêng, các thủ thuật trong việc khai thác Internet và một số kinh nghiệm cần biết.

1. Trước tiên, bạn cần phải biết phân biệt website và web page (trang web). Các trang web là các tập tin (thường là các tập tin văn bản gồm hình ảnh, tư liệu, nhạc, …) có dạng *.HTML hay *.HTM. Website là một tập họp các trang web được liên kết với nhau. Ví dụ, website của bạn gồm 3 web pages: 1 trang chủ giới thiệu sơ lược về gia đình và công việc, 1 trang nói riêng về gia đình, 1 trang nói riêng về công việc. Người đọc khi ở trang chủ, muốn biết thông tin về gia đình bạn, click vào mục GIA ĐÌNH, mục này đã được tạo một liên kết dẫn đến trang web về thông tin gia đình bạn và trang web này sẽ được mở lên. Tương tự nếu muốn từ trang chủ –> trang công việc, từ công việc –> gia đình hay ngược lại.

2. Như đã nói ở trên, việc thiết kế web căn bản chỉ là gõ văn bản và trang trí. Đó là tính năng của Microsoft Word. Vì thế, bạn dùng Word để tạo website cũng được.

Thật vậy, rất đơn giản. Đầu tiên, bạn mở Word và chọn File/New. Trong thẻ General templates(phía bên phải) bạn chọn Web Page. Tới đây là công việc của bạn: gõ thông tin, chèn hình ảnh, chèn âm thanh, chọn màu nền, vẽ hình,…tất cả giống như khi bạn soạn thảo một văn bản. Xong việc, bạn chọn Save as type là: Web Page (hình)

Việc bạn cần biết thêm là việc tạo liên kết (hyperlinks). Ví dụ bạn đã hoàn thành 3 trang web: trang chủ có tên là trangchu.html, trang về gia đình bạn – giadinh.html, trang giới thiệu về công việc của bạn – congviec.html, tất cả chứa trong c:web. Trong trang trangchu.html, đến mục giới thiệu gia đình, bạn quét chuột bôi đen chữ “gia đình”, click phải chuột, chọn Hyperlinks, trong ô “Type File or Webpage name”, bạn gõ vào đường dẫn đến trang giadinh.html (trong trường hợp này là c:webgiadinh.html). Click OK. Khi đó, khi đưa chuột đến chữ gia đình, con trỏ chuột sẽ thay đổi và khi bạn click vào đó, trang web giadinh.html sẽ được mở ra. Tượng tự như thế vời các liên kết đến congviec.html và ngược lại.

Bạn còn có thể tạo một liên kết đến những trang web có sẵn trên mạng. Ví dụ, bạn muốn từ trang chủ của mình đến ngay trang Yahoo!Mail, hãy gõ vài từ, đại khái như “dzô Yahoo! xem có mail không?”. bôi đen chữ Yahoo!, click phải chuột, chọn Hyperlinks và gõ địa chỉ của trang Yahoo!Mail (mail.yahoo.com) vào khung “Type File or Webpage name” và click OK. Khi đó, khi người được đưa click chuột vào chữ Yahoo!Mail trong trang chủ của bạn, trang mail.yahoo.com sẽ được mở.

3. Microsoft Word chỉ là giải pháp cho những trang web căn bản. Microsoft Frontpage (MF, trong bộ Microsoft Office) mới là một phần mềm chuẩn, dành riêng cho việc thiết kế web. Những tính năng của MF là chuyên nghiệp, tiện dụng và đầy đủ hơn so với Word (dĩ nhiên rồi!).
MF cung cấp cho bạn nhiều kiểu mẫu trang web có sẵn như:

Format – >Themes những sơ đồ website của bạn giúp bạn kiểm soát dễ dàng các trang web và các liên kết.

Tạo có nút bấm đổi màu Insert/Component/Hover Button

Tạo dòng chữ chạy gang màn hình Insert/Component/Marquee

Tạo máy đếm số lượt người đến thăm trang web của bạn Insert/Component/Hit Counter

Tạo sổ thu thập ý kiến cho khách đến thăm bằng cách đặt những câu hỏi (đại loại như: “bạn chấm mấy điểm cho website của tui?”) hay những câu hỏi trắc nghiệm tự tạo,

Tạo những “không gian” để khách viết những ý kiến của họ,…Insert/Form

Tạo hiệu ứng đặc biệt cho các đối tượng Format/DHTML Efeects

Hay khi chuyển từ trang này sang trang khác Format/Page Transitions … Ngoài ra, bạn còn có thể xem được trang web của mình sẽ hoạt động như thế nào bằng cách click vào thẻ Preview ở góc dưới bên phải của màn hình.
MF còn rất nhiều tính năng hấp dẫn khác chờ bạn khám phá đấy, đừng lo MF rất dễ sử dụng vì nó gần như là phần mềm căn bản nhất để tạo web. Vì không gian hạn hẹp tôi không thể chỉ dẫn làm 1 website được, bởi mỗi người mỗi vẻ. Bạn làm và tự học hỏi thêm, có gì lên diễn đàn này để hỏi các…. “chiên gia” nhá.

4. Ngoài những phần mềm quen thuộc trên, bạn còn có nhiều lựa chọn khác để tạo website cho mình. Trên mạng có rất nhiều phần mềm, tiện ích giúp bạn làm công việc này, chẳng hạn như Site Craft. SiteCraft là một phần mềm hoàn hảo, thú vị, giúp những người không biết một chút gì về ngôn ngữ HTML thiết kế được trang web riêng của họ một cách dễ dàng. Với phần mềm này, bạn tạo ra một trang web theo từng bước một mà chương trình sẽ “chỉ dẫn một cách tận tình”. Bạn click vào các nút Steps (bước) 1 đến 6 để hoàn chỉnh website của mình. Đó là các công việc từ đơn giản nhất như việc tạo ra cấu trúc của website, chọn tên và chủ đề của website, việc trang trí, chọn màu, đến việc điều chỉnh các hiệu ứng âm thanh và hình ảnh đến việc tải (upload) và quảng bá trang web của bạn trên Internet. Tất cả được được đơn giản hoá, bạn chỉ cần làm theo chỉ dẫn của chương trình. SiteCraft cung cấp rất nhiều công cụ để bạn trang trí giao diện website của mình như các wallpaper, các buttons, các ảnh động, âm thanh, … Nếu bạn vẫn chưa hài lòng, phần mềm sẽ có đường dẫn đến trang (http://www.sitecraft.ws/ ) chủ để bạn download thêm những gì mình cần. Ngoài ra, SiteCraft còn đọc được rất nhiều file multimedia. Với sự hỗ trợ hoàn hảo về giao diện như thế, bạn chỉ cần tập trung cho phần nội dung của trang web. Giao diện SiteCraft thân thiện, hiện đại và bắt mắt. Nhưng điều làm cho chương trình này hấp dẫn là cách tạo ra một website cực kỳ dễ dàng vì nó đã hỗ trợ hầu hết các công đoạn quan trọng. Bản demo của SiteCraft có dung lượng khoảng 12MB, download tại: www.websitecraft.com/en/download.php.

5. Công việc thiết kế đã xong, bây giờ phải tìm cách đưa trang web của bạn lên mạng. Đầu tiên, bạn phải kiếm một địa chỉ. Hãy vào các trang web sau, đăng ký cho mình 1 tài khoản (giống như việc đăng ký mail trong Yahoo hay Hotmail). Qua e-mail. các trang web sẽ cung cấp cho bạn một địa chỉ trang web của bạn theo username mà bạn đã đăng ký, kèm theo đó là một mật mã để bạn quản lý tất cả mọi thứ đã tải lên địa chỉ đó:

www.topcities.com cho phép bạn tải lên mạng tối 150 MB dữ liệu. Ngoài ra, còn những tính năng khác như tạo forums (diễn đàn), form mail (khách có thể gởi mail trực tiếp đến cho bạn một cách dễ dàng) hay guest book (sổ ý kiến của khách viếng thăm). Địa chỉ trang web của bạn sẽ là: www..topcities.com/tenban

www.brinskerter.com với nhà cung cấp này, bạn sẽ có được một trang web sạch, nghĩa là trên trang web của bạn sẽ không có bất kỳ mẫu quảng cáo nào cà. Địa chỉ web sẽ là: www.brinkster.com/.

www.counter.com sẽ cung cấp cho bạn một máy đếm số lượt người truy cập vào trang web của bạn.

6. Công việc cuối cùng là việc tài các trang web của bạn từ máy lên mạng. Bạn vào trang chủ (trang cung cấp cho bạn địa chỉ) và đăng nhâp (log in) vào tài khoản của mình. Vào mục Upload và bạn sẽ có thể chọn các file từ máy của mình tải lên trang web đơn giản như việc chọn file đính lèm khi gửi mail bằng Yahoo! hay Hotmail. Cuối cùng, bạn gõ vào khung địa chỉ tên trang web của mình và kiểm tra lại.

Nguồn : http://thegioiweb.vn/Story/vn/thietkeweb/thietkewebq/2007/12/2086.html

The post Thiết Kế Websites – Không khó như tưởng tượng appeared first on Mã Nguồn Mở - Mã nguồn mở Joomla, Wordpress, Drupal, Magento: VOCW.edu.vn.