HTML5 có ưu điểm gì?

Tích hợp tính năng Video/Audio

Đối với các phiên bản cũ, chúng ta phải sử dụng chương trình của bên thức 3 như: Adobe Flash Player, Quicktime, Sliverlight để nhúng Video, audio vào website. Cách thực hiện này gặp vấn đề ở mặt tương thích với trình duyệt. Vì vậy, HTML5 giải quyết vấn đề này bằng cách tích hợp thư viện hỗ trợ. 

Trong trường  hợp này, video congngheso468.ogg bị lỗi, video congngheso468.mp4 sẽ tự chạy, nếu trình duyệt không hỗ trợ sẽ hiển thị cho người dùng biết.

Offline Caching

Tính năng Offline caching là tính năng mới, lưu trữ bộ nhớ đệm ngoại tuyến (offline) trên trình duyệt, cho phép người dùng tiếp tục xem nội dung những trang đã xem mà không cần có internet. Với HTM5 có thể định nghĩa chính xác tập tin nào cần thiết để lưu dữ liệu tại trình duyệt. Giúp cho website tiết kiệm được băng thông và tăng tốc độ duyệt trang web.

Mã nguồn gọn nhẹ

HTML5 giúp tối ưu mã nguồn HTML rõ ràng và gọn nhẹ hơ,  HTML5 còn tăng khả năng SEO với một số thẻ định nghĩa mang tính ngữ nghĩa (semantic elements), và giúp website có thứ hạng cao hơn Alexa hoặc SimilarWeb.

Tương thích chéo trình duyệt

Khả năng tương thích với nhiều trình duyệt như; Firefox, Internet Explorer, Chrome, safari và Opera. Các trình duyệt đều hổ trợ các phần tử mới trong HTML5

Tối ưu mobile

Tối ưu mobile là một ưu điểm của HTML5, giúp hiển thị giao diện ứng dụng trên web và app ở mobile tốt hơn. Các website đáp ứng dễ dàng được xây dựng trong HTML5 thông qua các framework trung gian được tích hợp, giúp cho việc hiển thị giao diện “chính xác” với tất cả thiết bị với các kích thước màn hình khác nhau.

Read More

Lợi ích của HTML5 là gì?

 Tương thích với các trang web đã tồn tại

- HTML5 giúp loại bỏ những phần mềm đã lỗi thời, giúp lập trình viên hạn chế được tối đa các lỗi sai xảy ra.

- Nâng cao khả năng tương thích nội dung, phiên bản mới đã được xây dựng và tối ưu hơn về các trình duyệt. 

Chuẩn hóa những kỹ thuật không chính thức

HTML5 chuẩn hóa các kỹ thuật không được chính thức, tuy nhiên ngôn ngữ này vẫn được sử dụng khá phổ biến bởi sự đơn giản và tính dễ dùng. Có khá nhiều các ngôn ngữ mới đang được nghiên cứu và thử nghiệm. Nhưng chúng vẫn còn khá nhiều vấn đề phức tạp, khó sử dụng, vì vậy các ngôn ngữ này vẫn chưa được công khai. 

Tăng được khả năng phục hồi đa phương tiện

Ngôn ngữ HTML5 không chỉ giúp hỗ trợ rất tốt cho laptop, máy tính mà hiện nay các thiết bị di động cũng được hãng phục vụ tốt.

Read More

HTML5 là gì?

HTML5 là một ngôn ngữ cấu trúc và trình bày nội dung cho World Wide Web và sẽ là công nghệ cốt lõi của Internet trong tương lai không xa, được đề xuất đầu tiên bởi Opera Software. Đây là phiên bản thứ năm của ngôn ngữ HTML - được tạo ra năm 1990 và chuẩn hóa như HTML4 năm 1997 - và xuất hiện vào tháng 12 năm 2012, là 1 ứng viên được giới thiệu bởi World Wide Web Consortium (W3C).

 Mục tiêu cốt lõi khi thiết kế ngôn ngữ là cải thiện khả năng hỗ trợ cho đa phương tiện mới nhất trong khi vẫn giữ nó dễ dàng đọc được bởi con người và luôn hiểu được bởi các thiết bị và các chương trình máy tính như trình duyệt web, phân tích cú pháp, v.v... HTML5 vẫn sẽ giữ lại những đặc điểm cơ bản của HTML4 và bổ sung thêm các đặc tả nổi trội của XHTML, DOM cấp 2, đặc biệt là JavaScript.

Là phiên bản tiếp sau của HTML 4.01 và XHTML 1.1, HTML5 phản ánh thực tế rằng HTML và XHTML được sử dụng phổ biến trên World Wide Web là một hỗn hợp các tính năng với các thông số kĩ thuật khác nhau, được giới thiệu bởi nhiều nhà sản xuất phần mềm.

Đặc biệt, HTML5 có thêm nhiều tính năng cú pháp mới. Gồm các thẻ mới như:

 <video>, <audio>, <canvas>, MathML cho các công thức toán học, xử lý đa phương tiện và nội dung đồ họa trên web mà không cần phải dùng đến quyền sở hữu bổ sung và APIs. Các yếu tố mới khác, chẳng hạn như <section>, <article>, <header> và <nav>. Thẻ <a>, <cite> và <menu> đã được thay đổi, xác định lại hoặc chuẩn hóa. APIs và Document Object Model (DOM) không phải suy nghĩ muộn hơn quá nhiều, nhưng là bộ phận cơ bản của đặc điểm kỹ thuật HTML5. 

                                                                                                                                           

Read More

THIẾT KẾ WEB WORDPRESS RESPONSIVE TỪ A ĐẾN Z?

1. WordPress là gì ?

Là một phần mềm mã nguồn mở được tạo ra từ ngôn ngữ lập trình web PHP và MySQL. WordPress được sử dụng để hỗ trợ tạo blog cá nhân và được đông đảo người dùng ủng hộ vì tính dễ sử dụng cùng nhiều tính năng hữu ích. Hiện tại thì WordPress được xem như là một hệ quản trị nội dung vượt trội để hỗ trợ người dùng tạo ra nhiều thể loại website khác nhau.

2. Vì sao nên lựa chọn thiết kế web WordPress responsive?

Dễ sử dụng: Các thao tác sử dụng trong WordPress khá đơn giản và giao diện quản trị trực quan. WordPress được phát triển với mong muốn nhằm tạo ra công cụ dành cho tất cả người dùng kể cả những người dùng phổ thông, không có nhiều kiến thức về lập trình website nâng cao. 

Có một cộng đồng lớn: là một trong những nền tảng có khối lượng người dùng khổng lồ. Nếu bạn gặp bất kỳ khó khăn gì trong quá trình thiết kế chỉ cần đăng diễn đàn và sẽ có cộng đồng hỗ trợ cho bạn. 

Giao diện miễn phí, đa dạng: Chỉ cần các thao tác click chuột kéo thả là bạn đã nhanh chóng sở hữu cho mình một trang web đẹp và ấn tượng theo đúng nhu cầu của mình. WordPress cung cấp hàng ngàn giao diện khác nhau đáp ứng đầy đủ nhu cầu thiết kế website ở mọi lĩnh vực.

Plugin hỗ trợ: Là một thành phần được cài đặt thêm vào WordPress. Để giúp website trở nên đa dạng hơn, tích hợp được nhiều chức năng hỗ trợ website vận hành tốt. 

Tạo được nhiều loại website: Nền tảng WordPress để thiết kế website không có nghĩa là bạn chỉ có thể xây dựng blog cá nhân mà bên cạnh đó bạn còn có thể biến website WordPress của mình thành một trang bán hàng, web giới thiệu công ty, tạp chí online,… bằng việc kết hợp các theme và plugin lại với nhau.

Hỗ trợ nhiều ngôn ngữ: Mã nguồn WordPress hiện tại có rất nhiều gói ngôn ngữ được tích hợp. Bao gồm cả tiếng Việt. Mặc dù trong mỗi giao diện hay Plugin đều có ngôn ngữ riêng nhưng bạn có thể dễ dàng tự dịch lại nó với các phần mềm hỗ trợ.

3. Hướng dẫn thiết kế web responsive.

1. Đăng ký Domain (tên miền)

Đầu tiên bạn cần có một tên miền hoặc tên miền trang web. Đây là yếu tố quan trọng giúp tạo nên sự thành công trước khi đăng ký tên miền bạn nên chọn tên sao cho hợp lý, tuân theo các chuẩn sau:

- Tên miền ngắn gọn, dễ nhớ, gắn với thương hiệu, doanh nghiệp của bạn.

- chọn tên miền trong nước hoặc quốc tế.

- Nên tránh những tên miền đã qua sử dụng

Tên miền sẽ trả phí một năm hoặc nhiều năm. tùy theo chúng ta lựa chọn

2. Mua hosting

Hosting là nơi lưu trữ toàn bộ dữ liệu của trang web do bạn thiết kế. Những dữ liệu như hình ảnh, video, text… đều được lưu trữ trong hosting cực kỳ bảo mật và an toàn. Chúng ta nên căn cứ vào tốc độ băng thông để chọn hosting cho phù hợp. 

3. Trỏ tên miền về Hosting

Việc truy cập vào website được nhanh hơn. Người dùng khi muốn truy cập website của bạn thì họ sẽ gõ tên miền để truy cập. Khi đó, trình duyệt sẽ được kết nối với hosting lưu trữ lại.

4. Cài đặt WordPress

Sau khi việc cài đặt domain và hosting, chúng ta thực hiện cài đặt WordPress để quản lý và thiết kế website. Lúc này, bạn chỉ cần truy cập vào domain/wp-admin trên trình duyệt của mình. Sau đó, cài đặt user name và pass để truy cập mục quản lý WordPress dành cho quản trị.

5. Cài đặt theme cho website

WordPress có tích hợp sẵn nhiều loại theme (nền) tương ứng với từng loại lĩnh vực khác nhau cho bạn lựa chọn. Web tin tức, blog đơn giản thì chúng ta có thể lựa chọn những theme có sẵn. Nhưng nếu muốn thiết kế website WordPress chuyên nghiệp thì có thể tự tạo theme theo ý tưởng của mình. 

6. Cài đặt Plugin cho Website

Cài đặt Plugin mang đến nhiều tiện ích, khi thiết kế web WordPress chuyên nghiệp. Đây cũng là công cụ tối ưu hoá cho trang web được chuẩn SEO hơn. Tùy theo mục đích mà bạn sẽ cài đặt các plugin phù hợp. Có một số plugin cơ bản như

-Yoast SEO: Đây là phần hỗ trợ SEO cho website

- WP Super Cache: Cài đặt bộ nhớ đệm để tăng tốc cho website.

- Contact Form 7: Đây là phần giúp thiết kế form liên hệ dành cho khách hàng.

Việc cài đặt càng nhiều plugin sẽ làm chậm tốc độ trang web. Vì vậy, nên cân nhắc và cài đặt những plugin thực sự cần thiết.

7. Cài đặt Google Search Console

Google Search Console (trước đây là Google Webmaster Tool) là một công cụ miễn phí của Google. Giúp theo dõi trạng thái trang web của bạn trên công cụ tìm kiếm Google và giải quyết các vấn để Admin gặp phải khi thiết kế. 

- Phát hiện và xử lý lỗi website.

- Đánh dấu chỉ mục cho những bài viết mới

- Đưa ra các thống kê từ khóa theo một thứ tự cơ bản

- Xuất ra thông tin về backlink

- Nhận dạng được website có bị die, hack  và thông báo cho admin

8. Cài đặt Google Analytic

Google Analytic là công cụ hoàn toàn miễn phí của Google. Nó cho phép theo dõi và phân tích lượt truy cập vào trang web của bạn. Cụ thể như:

- Thống kê được số lượng truy cập vào website.

- Dựa vào vị trí vùng truy cập của người dùng để có thể đưa ra phân tích thông tin

- Phân tích hành vi và mục đích của những đối tượng truy cập

- Nắm được tốc độ website và đưa ra thông số chỉ số về time-on-site

Read More

Web responsive là gì?

Web Responsive là gì?

Web responsive là xu hướng mới mà theo đó quy trình thiết kế và phát triển web sẽ đáp ứng mọi thiết bị và môi trường của người dùng theo tiêu chí về chiều dài và kích thước của màn hình thiết bị. Để có thể thiết kế một web responsive thì chúng ta cần phải sử dụng linh hoạt kết hợp các kỹ thuật bao gồm: Flexible grid, responsive image và CSS media query. Chúng ta có thể hiểu một cách đơn giản web responsive chính là phong cách thiết kế website làm sao cho phù hợp trên tất cả các thiết bị và mọi độ phân giải màn hình. Một website được thiết kế đẹp với bố cục, hình ảnh và bài viết được sắp xếp không cân đối thì không thể gọi là web responsive.

 Web Responsive có thế mạnh gì?

Thiết kế responsive là một trong những yêu cầu tất yếu của các website trong thời đại hiện nay. Để có thể chạy trên nhiều chế độ phân giải màn hình khác nhau, chúng ta chỉ cần một CSDL, một layout website, CSS. Web responsive có thể chạy tốt trên mọi thiết bị di động, tăng tính tương thích cho website của bạn, tạo độ tin cậy và chuyên nghiệp.
Web responsive có thể được thực hiện ở bất kỳ  website nào, với bất kỳ ngôn ngữ lập trình, hay một mã nguồn mở nào, vì cốt lõi  chỉ là CSS, HTML và JS.
Web responsive chính là một xu hướng thiết kế hoàn toàn mới cho bạn trải nghiệm tốt nhất khi truy cập trang web dù cho bạn đang sử dụng bất kỳ một thiết bị di động nào. Bên cạnh đó, nó  giúp cho lập trình viên thiết kế web tận dụng được tối đa không gian xây dựng những nội dung cho người dùng có những trải nghiệm thú vị nhất.
Như vậy bạn đã hiểu sơ về thiết kế web responsive, bây giờ chúng ta bắt đầu tiến hành thiết kế một web WordPress responsive từ A đến Z nào!

Read More

Responsive là gì?

 

Responsive dùng để thiết kế trang web hiển thị nội dung tương thích trên nhiều loại thiết bị khác nhau. Bố cục của trang web sẽ được tự động thay đổi, điều chỉnh để xuất hiện vừa in trên màn hình của máy tính, điện thoại hay bất kỳ thiết bị nào.

Các thiết bị di động, đặc biệt là smartphone có xu hướng lên ngôi, thiết kế responsive cũng ngày càng trở nên phổ biến. Có thể coi responsive là một trong những yếu tố để đánh giá sự hiệu quả của trang web.

Một doanh nghiệp nào cũng muốn khách hàng của mình hài lòng, những tập đoàn lớn cũng không ngoại lệ khi mà Google cũng công bố Responsive là một trong những yếu tố đánh giá chuẩn SEO, ảnh hưởng trực tiếp đến kết quả và thứ hạng tìm kiếm của website.

Read More