Công Nghệ Đa Phương Thức Chuẩn W3G

Đa phương thức công nghệ là một ứng cử viên đầy hứa hẹn của các giao diện máy tính trong tương lai của con người mà có thể tăng khả năng tiếp cận Web trong điều kiện khác nhau và môi trường của người sử dụng. Ví dụ, những ngày này, chúng tôi có thể truy cập Web bằng cách sử dụng các thiết bị khác nhau bao gồm cả điện thoại di động, PDA, hệ thống định vị xe và thiết bị gia dụng. Tuy nhiên, các phương pháp truy cập cụ thể mạnh mẽ phụ thuộc vào loại thiết bị và dịch vụ, và khá khác nhau từ mỗi khác. Một số những ứng dụng dựa trên các tiêu chuẩn W3C. Tuy nhiên, dựa trên các nền tảng độc quyền và công nghệ. Vì vậy, cơ chế một tiêu chuẩn hóa toàn cầu và phổ quát áp dụng cho các loại thiết bị và dịch vụ là cần thiết để hiện thực “Web” cho phép bất kỳ người nào truy cập vào một thông tin cụ thể bằng cách sử dụng bất kỳ phương thức nào trên bất kỳ thiết bị từ bất cứ nơi nào tại bất kỳ thời gian.
Các khả năng truy cập đa phương thức

Các khả năng của các ứng dụng đa phương thức bao gồm thoại và tương tác GUI. Tiêu chuẩn cho các giao diện đa phương thức nên được mở rộng để cho phép khả năng phong phú hơn cho các thế hệ tiếp theo của các thiết bị đa phương thức. Để khuyến khích áp dụng nhanh chóng, cùng một nội dung có thể được thiết kế để sử dụng trên các thiết bị cũ / đơn giản và mới / đa phương thức. Ví dụ, con người với các thiết bị đa phương thức sẽ có được trải nghiệm khả năng đa phương thức của họ, trong khi người sử dụng với các thiết bị cũ đơn giản sẽ được sử dụng bàn phím và / hoặc bút stylus trong cùng một cách như bây giờ. Người sử dụng các thiết bị đa phương thức sẽ có thể cung cấp đầu vào thông qua chữ viết tay, lời nói hay tổ hợp phím với sản lượng trình bày thông qua màn hình, trước khi ghi âm và lời nói cơ chế tổng hợp / âm thanh và xúc giác như máy rung và dải chữ nổi Braille. Phát triển ứng dụng sẽ có thể cung cấp một giao diện người sử dụng có hiệu quả cho bất cứ chế độ người sử dụng chọn.
Ví dụ

Như một kết quả của mạng ngày càng có khả năng, thiết bị và công nghệ nhận dạng giọng nói, số lượng các ứng dụng đa phương thức hiện có, các ứng dụng đặc biệt là điện thoại di động đang nhanh chóng tăng tốc:

Tìm kiếm Thoại đa phương thức tích hợp giao diện đồ họa và bài phát biểu
Kiểm soát giọng nói trên các thiết bị di động
Địa chỉ đầu vào của hệ thống GPS
Hệ thống trong xe hơi đa phương thức để truy cập điều khiển điều hướng và âm thanh / hình ảnh

Lưu ý rằng hầu như tất cả những ứng dụng đa phương thức đã xuất hiện trong hai năm qua. Nhiều người trong số họ được dựa trên các nền tảng độc quyền và công nghệ, vì vậy tiêu chuẩn hóa các giao diện đa phương thức là cần thiết cho khả năng tương tác toàn cầu.

Theo W3C

Chuyên cung cấp các dich vụ thiet ke webthiet ke web gia rethiet ke web theo chuẩn quốc W3C

Posted in Uncategorized | Leave a comment

Web TV theo chuẩn W3C

TV là một thị trường trưởng thành nhưng nhanh chóng thay đổi. Với sự ra đời của thiết bị dựa trên IP, kết nối TV đang tiến triển với một tốc độ nhanh và phát sóng truyền hình truyền thống là nhanh chóng phát triển thành một trải nghiệm nhập vai hơn nơi người dùng có thể tương tác với các ứng dụng phong phú mà ít nhất một phần dựa trên công nghệ Web. Tăng trưởng mạnh mẽ trong việc triển khai các thiết bị tích hợp các công nghệ Web thông thường như HTML, CSS, và SVG, cùng với các hàm API thiết bị khác nhau.
Web và truyền hình là gì?

Có tiềm năng rất lớn cho tương lai để tạo ra một nền tảng tương thích web và truyền hình được hưởng lợi từ mỗi khác. Ví dụ, truyền hình đi kèm với chất lượng của các dịch vụ yêu cầu đối với phân phối video sẽ được hưởng lợi cung cấp video trên Web, ví dụ như thông qua sự giới thiệu của cơ chế thích ứng HTTP trực tiếp. Tương tự như vậy, phơi bày các chức năng bổ sung cho trình duyệt web thường được tìm thấy trên truyền hình như xem lại chế độ lừa (nhanh quay lại, nhanh chóng chuyển tiếp) hoặc kiểm soát kênh sẽ tạo điều kiện thuận lợi cho việc hội nhập của các trình duyệt Web trong TV.

Do vị trí trung tâm của nó như là một thiết bị gia đình, truyền hình là màn hình chính cho nhiều kịch bản màn hình thứ hai, theo đó một thiết bị thứ hai (máy tính xách tay, điện thoại di động) tương tác với truyền hình để mở rộng khả năng tương tác người dùng với sự cho thấy người sử dụng đồng hồ. Điều này bao gồm chơi game, mua sắm, hoặc đồng bộ các kịch bản trình duyệt.
Kế hoạch của W3C vào năm 2011 là gì?

Kế hoạch của W3C vào năm 2011 về Web và truyền hình là:

Tháng Giêng: Khởi động một trang web và Tập đoàn Lãi TV. Web Tập đoàn Lãi TV sẽ cung cấp một diễn đàn cho Web và thảo luận truyền hình kỹ thuật, xem xét lại công việc hiện tại, cũng như mối quan hệ giữa các dịch vụ trên Web và dịch vụ truyền hình, và xác định yêu cầu và các giải pháp tiềm năng để đảm bảo rằng Web sẽ hoạt động tốt với TV.
Tháng hai: Web và truyền hình Hội thảo tại Berlin, 8-9 tháng 2 năm 2011. Xem thêm các trang web đầu tiên và Hội thảo truyền hình ở Tokyo đã tổ chức tháng 9 năm 2010 (hội thảo tóm tắt).
Sau đó vào năm 2011: Tùy thuộc vào kết quả của nhóm lãi, đề xuất một Nhóm công tác để bắt đầu những nỗ lực tiêu chuẩn hóa.

Xem thêm trước đó làm việc tại W3C trên web và truyền hình, từ năm 1998 và 2002.

Theo W3C

Công ty thiet ke web chuyên cung cấp các dịch vụ thiet ke website, thiet ke web,

Posted in Uncategorized | Leave a comment

Các phương pháp thể hiện của logo.

Thường kết hợp các hướng chủ yếu như: Trình bày nguyên dạng tên chữ của biểu tượng, giản ước tên chữ thành một tổ hợp chữ cái và sử dụng hình ảnh sản phẩm, dùng một hình ảnh và một dấu hiệu.

1. Sử dụng hình thức nguyên dạng tên chữ:
Thường tạo cho mẫu chữ một dáng vẻ đặc biệt gợi những liên tưởng sâu xa về tính chất công ty, đơn vị mà nó đại diện.
Ví dụ: Bằng mấy nét nhấn ở đầu N trong hàng chữ SANYO giúp tiềm ẩn một nguồn năng lực nội, lại liên tưởng tốt đẹp về đồ diện.

2. Hình thức tổ hợp các chữ cái hoặc dùng chữ cái đầu của tên công ty, tổ chức.
Bản thân đã mang tính giản ước rõ rệt.
Bố cục thường dễ đạt hiệu quả.
Hình ảnh phải được cách điệu cao.
Tái tạo lại một hình ảnh mới của sản phẩm tránh sự nhàm chán.
Ví dụ: Pepsi Cola + Hình dáng chiếc nắp chai được cách điệp thành một hình tròn đỏ – xanh vói sọc trắng hình làn sóng nằm giữa, liên tưởng đến sự ngọt ngào, cảm giác thỏa mái, thú vị tận hưởng.

3. Mượn một ẩn dụ và một ký hiệu nào đó?
Nói lên bản chất của đối tượng Đòi hỏi:
- Trí tưởng tượng.
- Kiến thức rộng.
- Những suy nghĩ tiềm tàng.
- Những liên tưởng sắc sảo.
Ví dụ: Logo của hãng dầu Shell, hình cong con sò ẩn dụ về nguồn năng lượng thiên nhiên cổ xưa và vĩnh cửu (nguồn gốc dầu mỏ là do động, thực vật sau những biến động của trái đất bị vùi sâu dưới các tảng địa chất, bị phân hủy bởi cảc khuẩn môi trường yếm khí mà ra sự liên tưởng về các lớp trầm tích của vỏ đất, nơi khai thác ra dầu mỏ).
Các yếu tố thành phần (hình tượng).
- Thường được vẽ cùng với tên công ty và tổ chức Logo đó.
- Tên gọi của logo, xuất xứ tác phẩm, phân biệt sản phẩm của công ty này, hình ảnh nào khác.
- Có khi được thiết kế bằng chính tên gọi của logo mà không cần sử dụng hình ảnh nào khác.
- Phải được tạo hình một cách thật đặc biệt, không lẫn lộn với MARK, sản phẩm khác của công ty.
- Mang đầy đủ tính chất thông tin, bản chất hoạt động của công ty, các mục tiêu thương mại.
- Bao gồm những mẫu thích hợp thể hiện ý đồ thông điệp một cách hợp lý và minh bạch.
1. Kiểu chữ:
- Mang ý nghĩa về tạo hình, tính chất thông tin.
- Được quan niệm như một hình tưởng như bất cứ hình tượng nào khác.
- Mỗi kiểu chữ không chỉ đơn thuần mang những từ ngữ của thông điệp mà nó nâng cao còn hỗ trợ cho hình ảnh sản phẩm nó đại diện.
- Chữ cái có thể lấy từ các kiểu chữ Roman, San Serif hay Script
- Có thể chuyển hóa sang dạng trừu tượng, tạo ấn tượng thể hiện.
- Tạo được sự hấp dẫn bằng cách pha màu, tạo hạt Tram bằng máy vi tính, tạo dáng, tạo kiểu.
- Các nhà thiết kế phải nắm được các kiểu chữ, khảo sát các phong cách chữ khác nhau trước khi đi đến quyết định cuối cùng.
Những yếu tố quan trọng.
+ Tính dễ đọc.
+ Khoảng cách chữ.
+ Sự thích ứng, ngữ nghĩa phải phù hợp với hình thức của bản thân chữ nhằm mục đích đạt được ý đồ sáng tạo ý nghĩa trong cách trình bày chữ.

Bảo đảm trong việc chọn kiểu chữ, phong cách chữ:
+ Hình thức của chữ nằm trong sự phối hợp hài hòa giữa các nét bản, nét phụ, nét trang trí của từng loại chữ, kiểu chữ.
+ Kích cỡ, bề dày không quá năng nề.
+ Không quá vô nghĩa
+ Rõ ràng và không hỗn độn.
- Ngoài các kiểu chữ thông thường, các kiểu chữ hoa văn, uốn lượn, kiểu chữ viết tay đều có thể sử dụng được (có thể mang tính trừu tượng), đưa vào hình ảnh đồ họa tao nên một logo, ký hiệu trừu tượng, cuốn hút.

Ví dụ: Logo của công ty Kim Hoàn sử dụng kiểu chữ nhỏ nét và trang trí phản ánh vẻ đẹp của đồ trang sức.
Logo một công ty xây dựng sử dụng nét chữ cứng và to hơn.
Các công ty, đơn vị không có tính chất sắc nét như vậy, tìm một kiểu chữ giống với tính chất và sắc điệu của sản phẩm.

Chữ:
+ Có thể chỉ là những con số.
+ Là một chữ.
+ Một sự tập họp của hai, ba hoặc bốn chữ cái.
+ Của cả một tên chữ.
+ Đòi hỏi:
+ Phải có sự cách điệu trên bản thân hình chữ làm cho khác đi với các dạng kiểu chữ trong các Mark sản phẩm khác.
+ Tạo cho bản thân chữ (yếu tố quan trọng) trở thành có nghĩa.
Ví dụ: Logo AQUEDCT của trường đua ngụa với dáng chữ A rất đẹp nó là sự vững chãi của dáng chữ SANS SERIF kết hợp với sự năng động khẩn trương của chữ nghiêng, đầu chữ kéo dài thêm, ấn tượng lôi cuốn người xem vào cuộc đua ngựa hào hứng, tộc độ, mạnh mẽ.

2. Tên gọi: Một công ty thường có tên:
- Thương mại: là tên mà một công ty mang để kinh doanh.
- Tên giao dịch: là tên công ty sử dụng khi giao dịch với các công ty và tổ chức khác thường được thiết kế, sử dụng làm tên gọi của logo bởi tính chất:
+ Đơn giản.
+ Quốc tế hóa.
+ Tạo sự phân biệt cao.
+ Thuận lợi trong kinh doanh, in ấn, quảng cáo.
Những yêu cầu cơ bản nhất để tạo nên một tên gọi thật hiệu quả cho logo.
Quốc tế hóa.
- Một tên gọi nếu không được quốc tế hóa thì sản phẩm khó tiêu thụ được trên thị trường thế giới.
Ví dụ: Người nước ngoài sẽ khó nhớ hoặc đọc một cách trôi chảy tên công ty sữa Việt Nam, nên quốc gia hóa thành VINAMILK, ngắn gọn, dễ hiểu.
- Một cái tên tuy đã mang tính quốc tế hóa nhưng tên gọi vẫn quá dài thường rút ngắn lại bằng cách tổ hợp các chữ cái đầu.
Ví dụ: COKE, Coca Cola…
- Khi tổ hợp một tên gọi tạo hình cho chính bản thân chữ để mang những sắc thái mới, những dáng vẻ mới mang đầy đủ ý nghĩa của tên gọi mà nó tổ hợp lại.
Âm thanh.
- Tên gọi trong logo về âm thanh lúc đọc không gây sự nhầm lẫn và trùng lặp với mặt ngữ nghĩa. Phải dễ nghe lẫn khi đọc tên. Ví dụ: Giày Biti;s với giày Bita’s
- Khi phát âm thường nên quá bốn âm, hai ba âm là tốt nhất, mỗi âm đọc lên phải dễ dàng. Tạo một sự liên tưởng tích cực.
- Không được đồng âm với những từ địa phương khi phát âm mang một nghĩa xấu.
Ý nghĩa.
- Tên gọi không bao hàm nghĩa xấu khi ở trong nước và ra nước ngoài. Phải tránh không bị “chơi chữ” thành một nghĩa xấu, không bị gây khó chịu ở nước ngoài.

LANTABRAND

Công ty thiet ke web cung cấp các dich vụ thiet ke website, thiet ke web.

Posted in Uncategorized | Leave a comment

Thiết kế lại web cũ dễ hay khó ?

Việc thiết kế lại một website có thể dễ hay khó hoặc cũng giống như tạo lập một trang web. Hãy xem những điều sau để hiểu thêm về tiến trình của nó.
Hãy lựa chọn một công ty thiết kế web có danh tiếng

Để giành được kết quả tốt nhất, bạn hãy chọn một công ty thiết kế có danh tiếng. Điều đó quan trọng không chỉ trong khía cạnh thiết kế mà còn đảm bảo cho cả sự phù hợp về nhu cầu cũng như sự liên quan đến những gì mà bạn đang tìm kiếm. Vì nó quyết định sự thành công của bạn.
Hãy phát triển một website đặc thù

Một trong những quan tâm chính nhất là giao diện tổng thể của website. Ngoài những gì mà bạn đã lựa chọn để triển khai, tính đặc thù của web cũng rất quan trọng vì nó xác đinh các yếu tố khác như: Kiểu chữ và đồ họa trên website.
Hãy quan tâm đến nội dung website

Nội dung là khía cạnh then chốt. Hãy đảm bảo cho nguồn thông tin trên web hợp pháp, tin cậy, dễ đọc và dễ hiểu.
Hãy tạo một website dồi dào từ khóa

Tối ưu hóa công cụ tìm kiếm (SEO) tốt cũng rất quan trọng không chỉ trong thiết kế mà trong cả triển khai. Hãy nghiên cứu về các từ khóa của bạn sao cho hiệu quả.
Hãy so sánh các trang web với những công cụ tìm kiếm

Như đã đề cập, tối ưu hóa công cụ tìm kiếm tốt ( SEO) rất quan trọng. Nếu bạn không biết dùng những từ khóa nào thì hãy dùng những công cụ tìm kiếm từ khóa như: Wordtracker. Khi bạn có những từ khóa này, hãy so sánh với các website chứa những từ khóa có vị trí hiệu quả trong tìm kiếm.
Hãy giữ cho website luôn được cập nhật

Hãy giữ nội dung trên trang web của bạn luôn được cập nhật. Để làm điều này, cần một chiến lược theo dõi nội dung trên các website khác. Điều này sẽ giúp trang web của bạn luôn mới mẻ. Điều quan trọng hơn là theo dõi được các xu hướng để biết có những điều gì mới đang diễn ra.
Hãy để điều hướng truy cập thật dễ dàng

Điều hướng truy cập đơn giản và rõ ràng là một trong những then chốt. Hãy đảm bảo điều hướng truy cập thật dễ dàng. Nếu quá phức tạp. Nó sẽ phủ nhận lợi ích của bạn vì các khách hàng tiềm năng không thể ghé thăm một trang web mà họ phải mất nhiều thời gian mới tìm thấy được thông tin.
Hãy đảm bảo cho website nhìn “ bắt mắt ”

Một trong những điều quan trọng nhất mà bất cứ website nào cũng cần là giành được sự thu hút. Bạn có thể thiết kế lại trang web của mình khi chưa có được điều này. Hãy cân nhắc kỹ những thông điệp của bạn rồi tiếp tục tìm tòi/sáng tạo một bố cục phù hợp sao cho thu hút người xem.
Hãy mang lại sự tin cậy

Hãy mang lại sự tin cậy bằng cách như: cung cấp thông tin về công ty của bạn nhiều nhất có thể; bổ sung một diễn đàn thảo luận ở nơi mà tất cả các khách hàng có thể nhận xét về các dịch vụ của bạn và chia sẻ những kinh nghiệm mà họ đã có từ các dịch vụ này.

Tác giả: Rajesh Tavakari

Công ty chuyên các mảng dịch vụ web design, thiet ke web….

Posted in Uncategorized | Leave a comment

thuật riêng trong thiết kế web

Tạo một website thật nhiều thú vị, chí ít với người có thâm niên 8 năm trong nghề thiết kế web như tôi. Phải thừa nhận rằng công việc đó đã đưa tôi trở về năm 2000 để hiểu về trình biên tập HTML và các phần mềm đồ họa hoạt động ra sao.

Vì Internet và thiết kế web đã phát triển quá nhanh nên các site flash miễn phí hiện nay được xem là “phương pháp cũ” hoặc thậm chí lỗi thời, do đó, để giữ được kiểu mẫu đẹp, tôi phải mất vài tháng để tìm hiểu chương trình Adobe Flash.

Một tháng trước đây, cô con gái 14 tuổi của tôi đã khiến tôi rất ngạc nhiên khi tôi được xem flash cá nhân của nó trên trang Wix.com. Flash đó đã được tạo với trình xây dựng web trực tuyến vì nó đã sử dụng một premium account để thực hiện toàn bộ quá trình tạo flash này.

Dẫu sao tôi cũng phải nghiên cứu hàng giờ về dịch vụ mới này và thấy những điều sau:

Khả năng tiếp cận: 9/10 Để thử công cụ trực tuyến này bạn phải đăng ký, nhưng toàn bộ quá trình rất dễ làm việc bằng…email, nickname và mật khẩu của bạn và bạn có thể thiết đặt tất cả.

Tính tiện ích: 10/10 – Hãy tạo một website flash miễn phí để bạn cần biết thao tác kéo và thả (drag & drop) như thế nào.

Công cụ, trình quản lý ( Add-ons ) và chương trình chạy các ứng dụng JavaScript( widgets): 10/10 – Sự đa dạng thú vị của những tính năng tạo nên toàn bộ tiến trình trình xây dựng web.

Kế hoạch xuất bản và lưu trữ: 9/10 miễn phí 0.5 GB băng thông và lưu trữ 200 MB. Thế nhưng con gái tôi đã nâng cấp tài khoản của nó và gán domain hiện thời cho dự án Wix của nó.

Người sử dụng lý tưởng: Bất cứ ai có ý tưởng sở hữu một site flash hoặc bố cục độc đáo của MySpace thì sẽ có nhiều lý do hơn để học hỏi những kỹ xảo.

Kết luận: Nhờ bản thiết kế web Wix.com , việc lưu trữ và duy trì site flash không còn quá khó khăn nữa. Tôi hoàn toàn tin tưởng vào dự án này sẽ phát triển từ một nền trình xây dựng site trực tuyến hùng mạnh thành một mạng xã hội phổ biến cho những nhà thiết kế web. Ý tưởng này đang tiếp cận tới kinh nghiệm trực tuyến nhằm tác động tích cực đến xu hướng thiết kế web.

Và tin thú vị là WiX đang hoạch định khai trương một thị trường thiết kế, nhờ đó tôi sẽ có thể bán một số sản phẩm giống như các bản thiết kế web chuyên nghiệp khác. Tôi đảm bảo rằng mình sẽ giám sát vào dự án này cũng như trên forum của nó.
Tác giả: Max Adams

Công ty thiet ke web chuyên dịch vụ thiet ke web gia rethiet ke web

Posted in Uncategorized | Leave a comment

Những Luật Cơ Bản Khi Thiệt Kế Web

Những điều tưởng chừng giản đơn, ai ai cũng biết, nhưng Granny’s Mettle sẽ cho chúng ta thấy rằng không phải ai cũng ý thức được những điều đã biết ấy thật là quan trọng. Cơ bản và cần thiết đó là những gì bài viết này muốn gửi tới những người thiết kế Web.
I. Điều luật cơ bản:

1. Người đọc không muốn phải kéo thanh cuộn ngang

Theo kinh nghiệm của bản thân, tôi cảm thấy rất khó chịu khi phải kéo thanh cuộn ngang để đọc nội dung của trang đó. Cho nên bạn phải không được thiết kế trang web khiến người đọc phải kéo thanh cuộn ngang, nếu không hậu quả sẽ rất lớn.

T heo kinh nghiệm của nhiều người thì bạn nên thiết kế web ở chế độ 800 x 600 Px vì hiện tại chỉ có 5% số người dùng màn hình 640 x 480 Px thôi. Với số lượng đó thì nghiêng về đa số vẫn hơn.

2. Thông tin quá dài ở một trang

Kéo chuột sang ngang để đọc đã là rất khó chịu rồi, nhưng kéo mãi kéo mãi xuống dưới để đọc thì cũng chẳng dễ chịu chút nào với người lướt web. Hơn thế nữa trong một nghiên cứu chỉ ra rằng đến 75% người lướt web chỉ “đọc lướt” thay vì “đọc từng chữ”. Do đó một bài quá dài dễ làm người ta nản. Tuy nhiên nếu bài đó có nhiều thông tin, thì bạn nên chia ra làm 2, 3 trang cho nó cũng là một cách khắc phục.

Luật chung: Một trang web không nên để người đọc phải kéo 3 lần màn hình để đọc hết nội dung. Nếu bạn đang có vấn đề này thì hãy sửa chữa ngay đi. Tuy nhiên trừ trường hợp đặc biệt nếu đó là một chương sách thì không nói tới vì nếu người đọc đã biết nó là một chương sách và nội dung phù hợp với cái họ cần thì họ sẽ không ngại kéo đến cả chục trang đâu. Nhưng thường thì là nên như thế.

3. Dung lượng của một trang bất kỳ không nên nặng quá 50K

Nếu tất cả chúng ta đều tuân theo quy luật như 1+1 = 2 thì tốt quá! nhưng bạn cũng nên biết rằng chẳng có cái gì là tuyệt đối, bao giờ cũng có những chỗ “sunsilk”. Tuy nhiên một trang web load dưới 5 giây sẽ để lại ấn tượng rất tốt cho người đọc.

Trong thực tế, có đôi lần bạn thực sự phải để nhiều hình đồ họa trên một trang ví dụ như trang về hình ảnh. Nếu bạn có một thư viện hình ảnh thì việc upload những hình bự chà bá lên mạng là không thể tránh khỏi, vì bạn muốn hình đó đủ to, đẹp để mà thu hút người xem chứ. Nhưng trong trường hợp này thì người xem đã xác định trước nên không thành vấn đề. Chung quy lại một trang load nhanh bao giờ cũng được đánh giá cao hơn một trang phải mất cả thế kỷ mới load xong.
p/s: Tuy nhiên phụ thuộc vào từng thời kỳ mạng, nếu đa số người dùng sử dụng ADSL thì dung lượng trang web của bạn có thể được nâng lên.

4. Đừng bắt buộc người đọc phải download plug-ins

Một điều khó chịu không kém là khi vào một trang nào đó bạn bị bắt buộc phải download một cái plug-in dở hơi nào đó để phải xem một cái gì đó mà bạn thậm chí còn chưa biết nó tốt hay dở nữa.

Thực tế plug-in có thể tạo một ấn tượng mạnh cho phần giao diện của trang web. Nhưng bạn nên nhớ rằng không phải ai cũng có plug-in đó mặc dù chúng ta đang sống trong kỷ nguyên CNTT. Để làm cho tất cả mọi người đến trang của bạn đều có thể xem được, bạn nên nghĩ đến một cách hoàn thiện hơn như là dùng HTML để thay thế.

II. Những quy định chung:

- Mẫu thiết kế sử dụng kích thước thật của màn hình với khung hình chuẩn của web theo chiều ngang là 778px. Phần lớn người xem vẫn xem ở mode màn hình 800×600, ngoại trừ một số trường hợp đặc biệt có thiết kế riêng.
-  Sử dụng Mode màu RGB vì web chỉ hiển thị trên màn hình.
-  Nếu dùng Photoshop để dựng layout, yêu cầu bắt buộc phải dùng Folder Set để quản lý layer, vì mỗi website khi thiết kế hoàn chỉnh, có hàng trăm layer.
- Việc dùng Flash cũng cần phải cân nhắc với những website thông tin vì nó chỉ thu hút người xem vào những lần truy cập đầu, sau đó sẽ chỉ làm cho website nặng lên không cần thiết. Khi làm file flash lớn, cần phải có phần loading.
-  Khi thiết kế, cần đưa tương đối đầy đủ nội dung với màu sắc, font chữ đúng với website sau này. Khi đặt nội dung, nên để font chữ ở chế độ Smooth là none, ko nên để là Crisp vì khi ra kết quả cuối cùng (web page) sẽ khác với thiết kế.
- Không sử dụng các font chữ không chuẩn cho nội dung website, vì nếu máy người xem không có font đó thì sẽ hư toàn bộ layout. Nếu website sử dụng tiếng Việt, nên sử dụng các font Unicode chuẩn như Arial, Verdana, Tahoma, Times News Roman.
- Các website thương mại nên hạn chế sử dụng các đường cong, hình ảnh lớn, background lớn chiếm diện tích thông tin của website trừ khi có thể quản lý chúng. Việc sử dụng đường cong hay background sẽ gây rất nhiều trở ngại khi chuyển qua HTML.
- Cần nghĩ qua về việc làm sao chuyển chúng thành HTML trước khi thiết kế một thành phần nào.
- Thiết kế web cần tính toán làm sao để tương thích với cấu trúc HTML của website, nếu không, khi phân tích ra thành các trang web HTML sẽ trở nên rất khó khăn cho việc xây dựng nội dung cũng như lập trình.
- Trước khi thiết kế, cần có sitemap cụ thể, để việc trình bày thông tin trở nên rõ ràng, dễ thuyết phục người duyệt mẫu. – Nên xem mẫu thiết kế trên các loại màn hình khác nhau, tốt nhất trên màn hình CRT bình thường, vì đây là màn hình của người sử dụng. Tránh việc duyệt mẫu, xem mẫu bằng giấy in láng (hoặc rửa hình), hoặc màn hình laptop, LCD. – Màu sắc website cần nhẹ nhàng, phù hợp với mục đích của website, thông tin rõ ràng.
- Cần có một mẫu GUI Logic trước khi bắt tay vào thiết kế, GUI Logic này cần được duyệt qua bởi Người đối tác. GUI Logic là bản thiết kế thô, bao gồm các vị trí của các thành phần trên website, người thiết kế sẽ dựa trên đó để làm graphic. Bản GUI Logic này được tính toán trước về mặt thẩm mỹ và quan trọng là usabilities.
Chuyển trang web thành HTML
- Sau quá trình thiết kế web là quá trình phân tích, chuyển đổi mẫu thiết kế thành trang web HTML, cần theo các yêu cầu cụ thể sau:
- Chương trình dựng trang web, chương trình thích hợp nhất là Macromedia Dreamweaver, vì đây là chương trình do rất nhiều lập trình viên đang sử dụng để code trực tiếp, tuyệt đối không dùng Frontpage. Frontpage có thể giúp đơn giản cho người sử dụng nhưng việc sinh mã HTML rất phức tạp, đặc biệt là sinh ra những mã HTML ko cần thiết và gây rối cho người lập trình.
- Cắt web html cần có độ tỉ mỉ cao, nếu thiết kế mẫu layout, mất từ 4->8h (không tính thời gian sáng tạo), thì việc cắt web mất từ 2->4h một trang
- Khâu thiết kế và khâu cắt web có vai trò rất quan trọng, vì sẽ tiết kiệm được thời gian cho các lập trình viên, tester sau này. Một trang web được cắt tốt không chứa các thành phần không cần thiết như mã HTML dư, hay các lỗi về cấu trúc HTML. Vì khi người lập trình làm việc, họ gần như chỉ làm việc trên code chứ không làm việc trên phần design.
- Cần tính toán rõ ràng, cụ thể việc áp dụng Template trong website. Template giúp cho 1 website với những trang có thành phần giống nhau được quản lý một cách thống nhất, nếu cần thay đổi những phần này, chỉ việc chỉnh sửa file Template này.
- Phối hợp chặt chẽ với bộ phận phụ trách nội dung website để bố cục, cấu trúc website rõ ràng hơn.
- Khi cắt web, cần đưa các style css ở file riêng, không đưa định dạng font trực tiếp trong website, việc đặt tên các CSS cần sự nghiêm túc, có sự thống nhất. Hạn chế việc định dạng font chữ bằng tag < font >. Nếu có các link, việc đặt các css: link, active, visited, hover là cần thiết. Nên định font chuẩn cho toàn website bằng cách định nghĩa lại tag < td >.
- Sử dụng file spacer.gif để trang web có thêm các tùy biến thay vì định kích thước ngang dọc cho các < table > hay < td >
. File spacer.gif là 1 file gif trong suốt có kích thước 1×1. Khi cần định chiều cao cho 1 td thì nên chèn file này vào td đó và định chiều cao cho file spacer.gif.
- Tránh việc Merge các Table lại với nhau quá nhiều, tối đa 1 cái. Việc này rất quan trọng, vì nó sẽ gây khó khăn và mất thời gian cho các lập trình viên khi làm việc.
- Cần xem kỹ lại cấu trúc, yêu cầu của bên thiết kế web, để có thể cho phép website co giãn theo kích thước màn hình hoặc cố định (nhỏ tối đa 800px). Nếu là các co giãn theo kích thước màn hình, cần tính toán thiết kế sao cho khi giãn ra không có những khoảng trống hình ảnh.
- NẾU LÀ 1 WEBSITE ĐỘNG HAY CẬP NHẬT THƯỜNG XUYÊN, TUYỆT ĐỐI KHÔNG DÙNG CHỨC NĂNG SLICE CỦA PHOTOSHOP HAY IMAGEREADY. Chức năng này chỉ thích hợp cho các website tĩnh vì HTML sinh ra rất phức tạp và có rối dẫn tới việc các lập trình viên không thể đọc hiểu hay chỉnh sửa được.

III. Những quy tắc khi sử dụng font chữ
1. Font phải dễ đọc
Nhiều người đồng ý rắng font chữ từ 12- 14 là font tiêu chuẩn được dùng trên web. Nếu to hơn hoặc nhỏ hơn cỡ đó là bạn đã đặt mình vào “vùng nguy hiểm” rồi. Màu của font chữ cũng nên phù hợp với nền, đừng chọn nền và chữ một màu gần giống nhau hay quá tương phản dạng nền màu trắng chữ màu ghi. Font chữ màu nhạt trên nền tối rất khó đọc
2. Dùng font phù hợp.
Font chữ không nên quá rắc rối mà có thể làm người đọc mất tập trung, mà font chữ nên phù hợp với nội dung của website. Ví dụ website cho trẻ em thì nên dùng font nghộ nghĩnh và nhiều mằu sắc, nhưng website cho người lớn thì nên dùng font ngay ngắn và rõ ràng.
3. Nên dùng một loại font
Bạn nên sử dụng cùng một loại font cho toàn bộ trang web của mình, kể cả kích thước của font nữa. Hãy hình dùng một trang web mỗi trang là một loại font thì nó sẽ nhìn ra như thế nào?
4. Chỉ nên dùng những font tiêu chuẩn
Bạn có biết rằng hiện nay có bao nhiêu font chữ tồn tại không? và hầu như ngày nào người ta cũng tạo ra một loại font mới. Nếu bạn may mắn kiếm được một font đẹp, thì hãy giữ cho riêng mình, đừng nên dùng trên trang web của bạn. Bởi vì chưa chắc gì người đọc của bạn lại may mắn giống bạn để có font đó. Cho nên lời khuyên của tôi là nên dùng font tiêu chuẩn như: Arial, Times New Roman, Tahoma, Corier New … những font có sẵn trong Window vì bạn có thể chắc rằng ai cũng đọc được.
Nếu máy của người đọc không có font bạn chọn, nó sẽ tự động chọn một font mặc định để thay thế.
1. Font phải dễ đọc
Nhiều người đồng ý rắng font chữ từ 12- 14 là font tiêu chuẩn được dùng trên web. Nếu to hơn hoặc nhỏ hơn cỡ đó là bạn đã đặt mình vào “vùng nguy hiểm” rồi. Màu của font chữ cũng nên phù hợp với nền, đừng chọn nền và chữ một màu gần giống nhau hay quá tương phản dạng nền màu trắng chữ màu ghi. Font chữ màu nhạt trên nền tối rất khó đọc Và
Ví dụ về lỗi màu sắc khi sử dụng font chữ:
1. Font phải dễ đọc
Nhiều người đồng ý rắng font chữ từ 12- 14 là font tiêu chuẩn được dùng trên web. Nếu to hơn hoặc nhỏ hơn cỡ đó là bạn đã đặt mình vào “vùng nguy hiểm” rồi. Màu của font chữ cũng nên phù hợp với nền, đừng chọn nền và chữ một màu gần giống nhau hay quá tương phản dạng nền màu trắng chữ màu ghi. Font chữ màu nhạt trên nền tối rất khó đọc
5. Trang web có rất nhiều font miễn phí
Bạn có thể vào trang web sau có rất nhiều font miễn phí và rất đẹp:www.dafont.com.

IV. 7 điều cần tránh khi thiết kế web:
1. Nội dung sơ sài và kém hấp dẫn
Bạn nên nhớ rằng khi người lướt web họ tìm các trang web trong công cụ tìm kiếm là họ muốn tìm thông tin để dùng cho mục đích của riêng mình. Ví dụ trang web của bạn được họ tìm thấy, nhưng sau một lúc ngó dọc ngó xuôi, họ chẳng thấy có chút gì hấp dẫn họ về mặt nội dung cả. Và tất nhiên họ sẽ bỏ đi sang trang khác và sẽ không quay lại nữa.
Vậy nên bạn hãy tạo ra trang web với nội dung thật hấp dẫn, sao cho người ta phải Add favourite ngay lần đầu đến thăm.

2. Tốc độ load chậm

Một điều hết sức khó chịu là trang web của bạn có tốc độ load chậm. Người ta không kiên nhẫn quá 5 giây để ngồi chờ trang của bạn load đâu.

3. Giao diện nghèo nàn:
Bạn luôn phải nghĩ rằng những người lướt web đến thăm trang của bạn, họ không phải là những nhà thiết kế web chuyên nghiệp. Thậm chí họ chỉ mới biết đến Internet. Do vậy bạn phải làm sao cho trang của mình thật dễ sử dụng, người ta chỉ cần nhấn chuột 3 lần là đã tìm ra cái họ cần.

Thanh di chuyển nên chọn loại tiêu chuẩn là nằm ngang dưới banner hoặc bên tay trái. Đừng nên dùng những thanh di chuyển quá phức tạp.

Đừng nên dùng hiệu ứng Javascript cho con trỏ chuột

Màu chữ và cỡ chữ không nên quá to, hoặc quá chói. Tốt nhất là bạn nên chọn font chữ từ 12-14 Px và màu là màu đen. Người ta chứng minh được rằng, mắt người thấy dễ chịu nhất ở những trang có nền trắng chữ màu đen.

4. Kết hợp màu sắc quá tồi

Có đôi khi tôi vào một vài trang web về Photoshop Tutorial. Thật sự thì tôi cũng thích nội dung trang web đó, nhưng màu sắc thì … ôi thôi … không thể tha thứ được. Nền màu đỏ, chữ màu xanh lá cây, viền vàng, chữ xám … nhìn như một bát màu chứ không phải một trang web nữa. Ở những lúc như thế, tôi chỉ muốn thoát ngay ra mà không muốn chịu đựg thêm một giây nào nữa.
5. Có quá nhiều hình ảnh động và flash
Banner hoặc logo mà là dạng hình động chạy ra chạy dzô, ẩn hiện lập loè, xoay mòng mòng như chong chóng là những thứ mà các web designer nên tránh như tránh tà.
Một banner bằng flash giống như một bé mới tập làm web và khoe hết người này người nọ về tác phẩm mà cậu ta mới làm xong.
Một trang web chuyên nghiệp thì logo và banner nên là dạng hình tĩnh hoặc đơn giản chỉ bằng chữ. Có nhiều nghiên cứu chỉ ra rằng banner và logo động dạng flash không mạng lại tính chuyên nghiệp cho trang web của bạn, mà sự thực nó làm điều ngược lại.

6. Bộ đếm số người truy cập – Hit Counter
Đoạn mã này chỉ được dùng bởi những tay mơ, mới bắt tay vào làm web. Bạn đừng bao giờ dùng đến nó. Bởi vì một host có cấu hình tốt sẽ giúp bạn kiểm tra được thông tin về số người truy cập là bao nhiêu, họ từ đâu tới, dùng trình duyệt gì, làm sao họ biết đến bạn nhờ công cụ tìm kiếm nào …vân …vân … mà một bộ đếm truy cập thông thường chẳng bao giờ làm được như thế. Đó là chưa kể nó lại còn không chính xác nữa bởi vì mỗi lần có người refresh là nó lại nhẩy lên môt đơn vị.
Ý tưởng dùng công cụ Hit Counter này xuất hiện đã 8 năm về trước rồi. Thế giới đã đổi thay, bạn cũng nên vậy.

7. Viết theo văn phong dễ hiểu
Bạn luôn phải nghĩ trong đầu rằng không phải ai lướt web cũng giỏi văn như Nguyễn Tuân, Tố Hữu … mà trình độ của họ chỉ là trung học hoặc hơn chút. Do vậy bạn nên viết sao cho dễ hiểu, vào thẳng vấn đề và đừng nên vòng vo tam quốc, trau truốt câu văn bóng bẩy làm gì.
Văn phong bạn viết trên Internet nên ngắn gọn, súc tích và dễ hiểu vì người đọc rất lười đọc trên mạng. Họ chỉ đọc lướt qua thôi chứ không đọc từng câu từng chữ đâu.
V.Những điều không nên khi thiết kế web:
1. Nên giữ cấu trúc trang web của bạn thật mạch lạc:
Có một vài webmaster muốn thay đổi cách nhìn của trang web vì họ muốn tránh sự nhàm chán bằng cách thay đổi cấu trúc của trang web ở những trang khác nhau. Ví dụ ở trang chủ thì thanh menu nằm dọc, sang đến những trang sau thì lại nằm ngang, hoặc vài trang khác lại là dạng menu trượt …
Người lướt web thích sự mạch lạc, do vậy trang web của bạn cũng nên như vậy. Hãy thử xem các bản Window đều hao hao giống nhau về cấu trúc mặc dù tính năng thì khác nhau một trời một vực.
 2. Đừng nên dùng Pop up
Pop up có lẽ là một dạng mã làm cho người lướt web cảm thấy khó chịu nhất. Bởi vì người ta bị ép buộc phải đọc cái mà người ta không muốn đọc. Giống như bạn đang đi đường bị ai đó ném một tờ giấy vào mặt bắt bạn phải đọc.
Có một vài lần tôi có dạo qua một vài forum thấy có một bảng pop up hiện ra với lời lẽ khá lịch sự là yêu cầu tôi đăng ký làm thành viên. Bảng pop up đó cứ lẽo đẽo theo tôi, khi tôi kéo chuột xuống dưới nó cũng xuống theo, kéo lên trên nó cũng lên theo mà không sao tắt nó đi được.
Vấn đề đặt ra là nếu nội dung của trang đó hấp dẫn tôi, thì không cần phải nhắc tôi tự khắc sẽ đăng ký thành viên. Còn nội dung nghèo nàn thì cho dù admin của trang đó đăng ký nick cho tôi, chỉ cho tôi password và thậm chí login vào giùm tôi. Tôi chỉ việc post bài thôi cũng chưa chắc tôi đã tham gia chứ huống gì tôi phải đăng ký thành viên vì cái pop up đó.
Do vậy bạn hãy thật thận trọng khi dung pop up.

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

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

Những trang web lớn họ đều dung navigation rất đơn giản là nằm ngang phía trên hoặc phần trên bên tay trái.

4. Nên để trang web của bạn phù hợp với màn hình 800 x 600 Px

Hiện nay màn hình 800 x 600 không còn chiếm đa số nhưng không hẳn là nó đã biến mất và vẫn chiếm khoảng 40% tổng số những người online. Cho nên khi bạn thiết kế, bạn hãy để tâm đến 40% này. Việc kéo thanh trượt lên hoặc xuống không thành vấn đề vì việc đó khá dễ dàng với con chuột hỗ trợ con lăn. Nhưng việc kéo thanh trượt sang ngang là cả một vấn đề lớn và vô cùng khó chịu với người lướt web.

5. Đừng tự động tái định hướng người dung sang một trang khác:
Đôi khi có những webmaster muốn người xem chú ý đến một trang đặc biệt nào đó nên đã đặt đoạn mã tái định hướng mỗi khi ai click vào một trang cụ thể. Việc này có thể làm người dùng thấy khó chịu và không an tâm. Nếu bạn thực sự phải chuyển người dung đến một trang nào đó, hãy để một đường link thay vì tự động chuyển họ.
Vấn đề then chốt ở đây là chúng ta tránh áp đặt những gì mình nghĩ cho người dùng, nên cho họ sự lựa chọn.

6. Nên giữ dung lượng của trang chủ không vượt quá 60Kb:
Trang web có thể bao gồm chữ, hình ảnh và những định dạng khác như Flash và hình động. Nhưng khi bạn cộng tất cả các thành phần đó lại, thì dung lượng của nó không nên vượt quá 60 K.
Bởi theo các nghiên cứu được tiến hành, nếu trang web của bạn mất hơn 4 giây để load thì bạn đã mất một nửa sổ người đến thăm, còn nếu hơn 5 giây thì bạn mất trắng. Bạn thử tự hỏi mình bạn có thực sự kiên nhẫn khi phải chờ một trang nào đó ở kết quả tìm kiếm của Google khi nó load chưa?

7. Đừng canh giữa tất cả mọi thứ
Canh giữa tất cả chữ vào giữa giống thể thơ lục bát rất khó đọc, hãy tưởng tượng khi bạn đọc một cuốn sách mà tất cả chữ nghĩa đều được căn giữa.
Quy luật in trên giấy đã xuất hiện từ rất sớm và ai cũng phải công nhận rằng căn lề trái là cách dễ đọc nhất. Vậy trước khi bạn nên làm gì, hãy nhớ đến những gì ngành in ấn đang làm.

8. Đừng dùng Javascript cho con trỏ chuột

Tôi cũng có nhiều lần được chiêm ngưỡng những Javascript cho con trỏ chuột như đồng hồ chạy theo chuột, ánh sao lấp lánh, mũi tên, thanh gươm … nói chung nhìn nó đẹp và vui nhộn nhưng nó chỉ thích hợp với những trang cho trẻ con dưới 5 tuổi. Với những người như tôi, tôi chẳng thấy thích một cái đồng hồ hoặc một loạt ngôi sao cứ bám như đia lấy con chuột của tôi.
Do vậy hãy loại bỏ những thứ đó và chỉ nên dung khi thực sự cần thiết.
9. Tham khảo những “ông lớn” trên net

“Ông lớn” ở đây tôi muốn đề cập đến là các trang web lớn với hang triệu người truy cập một ngày như Yahoo, Google, MSN … bạn nên tham khảo cách thiết kế, trình bày, font chữ, màu sắc, hiệu ứng của họ.
Vì họ là công ty lớn, làm ăn lâu dài và họ đầu tư cả tấn tiền vào nghiên cứu rồi cho nên những gì họ dung là kết quả của cả một quá trình đúc rút kinh nghiệm từ những sai lầm. Cho nên hãy tham khảo cách họ làm và học hỏi ở họ.

Theo COMPUTER GRAPHIC WORLD

Chuyên cung cấp các dich vu thiet ke websitethiet ke web tất cả nằm tại cong ty thiet ke website

Posted in Uncategorized | Tagged , , | Leave a comment

Hình ảnh trong tài liệu HTML

Một tài liệu HTML không chỉ có text không. Trong nhiều trường hợp bạn muốn đưa hình ảnh vào nhằm tăng sự sinh động cho website. Trong trường hợp này, thẻ sẽ giúp bạn làm điều đó một cách dễ dàng.
Thẻ <img> sẽ nhận vào đường dẫn của một file ảnh, nó có nhiệm vụ hiển thị file ảnh đó lên trình duyệt theo định dạng mà bạn muốn.
Cú pháp để hiển thị một hình ảnh trên trình duyệt như sau:

<img src=”/anh.jpg” width=”200″ height=”150″ border=”1″ />

Ví dụ trên sẽ hiển thị một hình anh có tên “anh.jpg” lên trình duyệt với chiều rộng: 200px, chiều cao: 150px; và có đường viền = 1. Bạn có thể thay đổi tên ảnh, chiều rộng, chiều cao, đường viền  theo ý muốn.

Đôi khi bạn muốn trình bày trang web của bạn theo cấu  trúc của một tờ báo. Tức là ảnh một bên và chữ một bên. Trong trường hợp này có nhiều cách giải quyết. Bạn có thể dùng bảng. Nhưng để đơn giản hóa vấn đề, chúng tôi đưa ra ví dụ sau để các bạn tham khảo.

<img src=”/anh.gif” align =”left” width=”48″ height=”48″>
đây là ví dụ về việc trình bày tài liệu HTML dạng 1 tờ báo. Bạn hãy tăng nội dung nên để thấy rõ kết quả.

Trong ví dụ trên chúng tôi sử dụng thuộc  tính align của thẻ <img> để đưa ảnh sang bên trái.
Thuộc tính align có các giá trị: absbottom, absmiddle, baseline, bottom, left, middle, right, texttop, top.
Bạn có thể thay đổi giá trị của thuộc  tính align sao cho phù hợp với mục đích.

Thuộc tính Alt:
Thuộc tính này sẽ có tác dụng khi ảnh của bạn không được load về vì một lý do nào đó. Trong trường hợp này giá trị của thuộc tính Alt sẽ được hiển thị lên thay vì hiển thị ảnh. Điều này giúp cho người đọc hiểu được phần nào ý nghĩa của ảnh.

Cú pháp như sau:

<img src=”/anh.gif” align =”left” width=”48″ height=”48″ alt=”Ảnh phong  cảnh.”>

Trong ví dụ trên: Khi ảnh không được load về thì chữ: “Ảnh phong cảnh “sẽ được hiển thị đúng vị trí của ảnh.

Theo hotrolaptrinh

Chuyên cung cấp các dịch vụ thiet ke webthiet ke websitethiet ke web theo chuẩn quốc tế

Posted in Uncategorized | Leave a comment

Tạo mã CSS dễ dàng với QrONE CSS Designer

Khi thiết kế website việc tạo các đoạn mã CSS mất khá nhiều thời gian, QrONE CSS Designer sẽ giúp các bạn tạo mã CSS một cách nhanh chóng và dễ dàng mà không cần phải nhớ các thuộc tính và các giá trị.

Để sử dụng QrONE CSS Designer bạn hãy vào trang web: http://www.qrone.org/cssdesigner.html

Cách sử dụng rất đơn giản, khi bạn chọn thuộc tính ở bên trái thì ở bên phải sẽ xuất hiện mã CSS cùng với sự hiển thị tương ứng với đoạn mã CSS đó, công việc còn lại của bạn bây giờ chỉ là sử dụng đoạn mã CSS đó mà thôi.

Ngoài ra nếu máy tính của bạn không nối internet thì bạn có thể sử dụng QrONE CSS Designer bằng cách download source code của ở đây, giải nén ra và chạy file cssdesigner.html.

Hy vọng QrONE CSS Designer sẽ giúp nhiều cho các bạn khi thiết kế với CSS. Chúc thành công!

Theo blogthuthuat

chuyên thiết kế web designthiet ke web

Posted in Uncategorized | Leave a comment

W3C và những điều bạn nên biết

Nhiều bác chắc cũng quen với cụm từ W3C hay là thiết kế website theo tiêu chuẩn W3C (World Wide Web Consortium). Bài này chúng ta giành chút ít thời gian nghiên cứu kĩ hơn về cái tổ chức W3C và các tiêu chuẩn do W3C đưa ra nhé.

W3C(World Wide Web Consortium) theo mình biết là một trong những tổ chức khai sáng ra môi trường Internet hiện nay mà đứng đầu là Tim Berners-Lee. Người đã sáng tạo ra WWW và giao thức HTTP, cả HTML nữa. Tổ chức này thường xuyên đưa ra những định hướng cho sự phát triển lâu dài của Internet mà tiêu biểu là các chuẩn mực liên quan đến website và thiết kế website – nền tảng nội dung trên internet.
W3C

W3C

Mỗi tiêu chuẩn của W3C đều đi qua 4 giai đoạn trước khi trở thành Chuẩn Chính thức (Recommendation):

Phác thảo (Working Draft).
Chỉnh sửa Cuối cùng (Last Call)
Trình chuẩn (Proposed Recommendation)
Chuẩn đủ Tư cách Ứng cử (Candidate Recommendation)

Tuy nhiên, W3C không phải là người quyết định có hoặc không việc áp dụng các tiêu chuẩn lên môi trường Internet, mà các tiêu chuẩn do W3C đưa ra chỉ mang tính định hướng. Các nhà sản xuất phần mềm sẽ quyết định họ có đi theo những tiêu chuẩn đó hay không.

Trong thiết kế website, chuẩn W3C được khá nhiều nhà sản xuất browser và người viết web ứng dụng cho sản phẩm của mình. Đứng ở phía người thiết kế website, do mỗi browser khác nhau, tuy nhiên chúng đều hỗ trợ tốt những website viết theo chuẩn W3C nên khi thiết kế họ cố gắng hướng sản phẩm của mình theo chuẩn W3C. Tương tự như vậy, một khi một browser ra đời, nó phải đáp ứng được việc hiển thị website một cách thống nhất giống như trên các trình duyệt khác. Điều đó bắt buộc nó phải hỗ trợ chuẩn W3C. Mối quan hệ cộng hưởng này giúp cho W3C ngày càng trở thành một tiêu chuẩn phổ biến trong thiết kế website.

W3C trong thiết kế website là một hệ thống các tiêu chí đánh giá website dựa trên các chuẩn mực liên quan đến HTML, XHTML, SMIL, MathML, CSS … Việc ứng dụng các tiêu chuẩn W3C đem lại cho bạn các lợi ích sau khi thiết kế website.

Website của bạn sẽ thân thiện hơn với các Search Engine
Website của bạn được hỗ trợ tốt trên nhiều trình duyệt, bạn không mất nhiều thời gian để chỉnh sửa và tối ưu hóa cho từng trình duyệt.
Chạy nhanh hơn
Các thiết bị hiển thị website di động như điện thoại IPad đều dựa trên chuẩn W3C. Do đó, Website của bạn sẽ hiển thị tốt hơn.

Để kiểm tra website của bạn có đạt chuẩn W3C hay không, bạn có thể sử dụng tính năng W3C Validator. Tính năng này cho phép bạn tìm kiếm những lỗi liên quan đến chuẩn W3C mà website bạn mặc phải.

Nguồn Tổng Hợp

Cong ty thiet ke web cung cấp các sản phẩm website theo chuẩn w3c và các dịch vụ hỗ trợ tốt nhất về thiet ke websitethiet ke web.

Posted in Uncategorized | Leave a comment

Một số thuật ngữ HTML

  HTML (hay Hypertext Markup Language-Ngôn ngữ liên kết siêu văn bản) là ngôn ngữ đánh dấu chuẩn dùng lập trình các tài liệu World Wide Web, tài liệu là các tập tin văn bản đơn giản.

HTML (hay Hypertext Markup Language-Ngôn ngữ liên kết siêu văn bản) là ngôn ngữ đánh dấu chuẩn dùng lập trình các tài liệu World Wide Web, tài liệu là các tập tin văn bản đơn giản. Ngôn ngữ HTML dùng các tag hoặc các đoạn mã lệnh để chỉ cho các trình duyệt(Web browsers) cách hiển thị các thành phần của trang như text và graghics ,và đáp lại những thao tác của người dùng bởi các thao tác ấn phím và nhắp chuột. Hầu hết các Web browser, đặc biệt là Microsoft Internet Explorer và Netscape Navigator, nhận biết các tag của HTML vượt xa những chuẩn HTML đặt ra. Microsoft FrontPage chỉ dùng để đọc và viết các tập tin HTML mà không hiểu ngôn ngữ HTML yêu cầu phải làm gì.

- Dynamic HTML(DHTML-HTML động): là ngôn ngữ HTML mở rộng làm tăng hiệu ứng trình bày văn bản và đối tượng khác. Trong FrontPage, bạn có thể sử dụng thanh công cụ DHTML Effects để làm tăng cường hiệu ứng cho các thành phần của mà không cần lập trình.

- Active Data Objects(ADO): Các thành phần gíup các ứng dụng của người dùng(client applications) truy cập và chế tác dữ liệu cơ sở dữ liệu trên server qua 1 nhà cung cấp.

- Active Server Page(ASP): là 1 tài liệu chứa script nhúng trên server . Web servers tương thích ASP có thể chạy các script này. Trên máy trạm, 1 ASP là 1 tài liệu HTML chuẩn có thể được xem trên bất kỳ máy nào trên Web browser nào.

- ActiveX: 1 tập hợp các kỹ thuật cho phép các thành phần phần mềm tương tác với một thành phần khác trong môi trường mạng, bất chấp ngôn ngữ của thành phần được tạo ra. ActiveX được dùng làm chính yếu để phát triển nội dung tương tác của World Wide Web, mặc dù nó có thể sử dụng trong các ứng dụng người-máy và các chương trình khác.

- URL(Uniform Resource Locator): địa chỉ tới một trạm Internet hay mạng nội bộ, laf 1 chuỗi cung cấp địa chỉ Internet của 1 Web site tài nguyên trên World Wide Web, đi theo sau 1 nghi thức. URL thường dùng là http://, để chỉ định địa chỉ Web site trên Internet. Những URL khác là gopher://, ftp://, mailto://…

- Bookmark: 1 vị trí trên 1 trang web có thể là đích của 1 hyperlink. 1 bookmark có thể áp dụng cho 1 chuỗi ký tự tồn tại trên trang ngăn cách bởi bất kỳ ký tự nào. Bookmarks cho phép tác giả link đến 1 phần đã chỉ định trên trang. Trong 1 URL, 1 bookmark được đánh dấu phía trước bằng dấu thăng(#). Cũng được gọi là neo(anchor).

- Web browser(Trình duyệt web): Phần mền phiên dịch đánh dấu của các file bằng HTML, định dạng chúng sang các trang Web, và thể hiện chúng cho người dùng. Vài browser có thể cho phép người dùng gởi nhận e-mail, đọc newsThuôc Nhóms, và thực hiện các file sound hoặc video đã được nhúng và trong tài liệu Web.

- Script: Một tập các chỉ lệnh dùng để báo cho chương trình biết cách thực hiện một thủ tục qui định, như đang nhập vào hệ thống thư điện tử chẳng hạn. Các khả năng script được cài sẵn trong một số chương trình. Bạn phải tìm hiểu cách viết script đó bằng loại ngôn ngữ không khác gì ngôn ngữ lập trình mini. Có một số chương trình ghi script này một cách tự động bằng cách ghi lại những lần gõ phím và chọn dùng lệnh của bạnh khi bạn tiến hành thủ tục này. Các script giống như các macro, trừ một điều là thuật ngữ macro được dành riêng để chỉ những script nào mà bạn có thể khởi đầu bằng cách ấn một tổ hợp phím do bạn tự quy định.

- Structured Query Language – SQL: Trong các hệ quản lý cơ sở dữ liệu, đây là ngôn ngữ vấn đáp do IBM soạn thảo được sử dụng rộng rãi trong máy tính lớn và hệ thống máy tính mini. SQL đang được trang bị trong các mạng khách/chủ như là một phương pháp làm cho các máy tính cá nhân có khả năng thâm nhập vào các tài nguyên của các cơ sở dữ liệu hợp tác. Ðây là loại ngôn ngữ độc lập với dữ liệu; người sử dụng không phải bận tâm đến vấn đề dữ liệu sẽ được thâm nhập vào bằng cách nào về mặt vật lý. Theo lý thuyết, SQL cũng độc lập với thiết bị; có thể dùng cùng một ngôn ngữ vấn đáp để thâm nhập vào các cơ sở dữ liệu trên máy tính lớn, máy tính mini, và máy tính cá nhân. Tuy nhiên, hiện nay có một số phiên bản của SQL đang bị cạnh tranh. SQL là một ngôn ngữ vấn đáp lịch sự và súc tích chỉ với 30 lệnh. Bốn lệnh cơ bản ( SELECT, UPDATE, DELETE, và INSERT) đáp ứng cho bốn chức năng xử lý dữ liệu cơ bản (phục hồi, cải tiến, xoá, và chèn vào). Các câu hỏi của SQL gần giống cấu trúc của một câu hỏi tiếng Anh tự nhiên. Kết quả của câu hỏi sẽ được biểu hiện trong một bản dữ liệu bao gồm các cột (tương ứng với các trường dữ liệu) và các hàng (tương ứng với các bản ghi dữ liệu).

Nguồn Tổng Hợp

Chúng tôi cung cấp các dịch vụ thiet ke web và cập nhật thông tin mới nhất về thiet ke webthiet ke website.

Posted in Uncategorized | Leave a comment