Làm quen với ngôn ngữ đánh dấu cho web di động:
XHTML, XHTML -MP
WML
CSS cho web di động
Nhận diện thiết bị và tính tương thích với các thiết bị
di động
Nâng cao khả năng tương tác của web di động với
Javascript và AJAX
BÀI 7 Triển khai, hướng phát triển cho web mobile - Giáo trình FPTMasterCode.vn
Định tuyến cho truy cập từ thiết bị di động đến
website cho di động
Tối ưu hóa công cụ tìm kiếm di động (SEO) và thu
hút truy cập
Cách thích nghi trong hệ sinh thái di động
BÀI 5 Tạo app cho thiết bị di động & một số cải tiến cho web di động - Giáo t...MasterCode.vn
Tổng quan về tạo App trong Dreamweaver
Cấu hình, tùy chỉnh các App (ứng dụng) cho thiết bị
di động
Xây dựng ứng dụng
Một số cải tiến cho web di động:
Tổng quan về kỹ thuật web di động
Webkit trong trình duyệt web di động
Một số trình duyệt web trên các thiết bị di động
Tổng quan về tạo App trong Dreamweaver
Cấu hình, tùy chỉnh các App (ứng dụng) cho thiết bị
di động
Xây dựng ứng dụng
Một số cải tiến cho web di động:
Tổng quan về kỹ thuật web di động
Webkit trong trình duyệt web di động
Một số trình duyệt web trên các thiết bị di động
BÀI 1 Tổng quan về phát triển web mobile - Giáo trình FPTMasterCode.vn
Những kiến thức cơ bản về thiết kế web cho thiết bị
di động:
Giới thiệu về thiết kế web dành cho thiết bị di động
Sự khác biệt giữa web dành cho thiết bị di động và web
chạy trên máy tính thông thường
Ngôn ngữ đánh dấu dành cho thiết bị di động
Style sheet cho web di động
Ngôn ngữ script cho web mobile
Thiết lập môi trường phát triển web cho thiết bị di
động:
IDE để phát triển
Cấu hình máy chủ web theo kiểu MIME
Các công cụ phát triển khác
BÀI 3 Thiết kế web cho di động với dreamweaver CS5 & Jquery - Giáo trình FPTMasterCode.vn
Nhận diện thiết bị và tính tương thích với các thiết bị
di động
Nâng cao khả năng tương tác của web di động với
Javascript và AJAX
Thiết kế trang web cho di động với Dreamweaver
CS5:
Khởi tạo và tùy biến nội dung
Chèn thêm trang web với Jquery mobile
Định dạng trang web với CSS
Nhận diện thiết bị và tính tương thích với các thiết bị
di động
Nâng cao khả năng tương tác của web di động với
Javascript và AJAX
Thiết kế trang web cho di động với Dreamweaver
CS5:
Khởi tạo và tùy biến nội dung
Chèn thêm trang web với Jquery mobile
Định dạng trang web với CSS
BÀI 4 Nâng cao khả năng thiết kế web mobile với thành phần jquery mobile - Gi...MasterCode.vn
Khởi tạo trang mới với Jquery mobile
Chèn các thành phần:
Layout grid
Collapsible block
Sử dụng các thành phần form: input với Jquery
mobile:
Jump menu
Input form
Các thành phần đặc biệt khác
Khởi tạo trang mới với Jquery mobile
Chèn các thành phần:
Layout grid
Collapsible block
Sử dụng các thành phần form: input với Jquery
mobile:
Jump menu
Input form
Các thành phần đặc biệt khác
BÀI 1 Bước đầu làm quen với ADOBE DREAMWEAVER CS4 và những thao tác cơ bản tr...MasterCode.vn
Những khái niệm về website:
Thành phần của trang web
Tên miền, địa chỉ IP
Client – server
Công việc thiết kế website
Những kiến thức cơ bản về HTML & XHTML
Làm quen với Adobe Dreamweaver CS4
Khởi tạo một trang web và làm việc với những thành
phần trên trang web: văn bản, hình ảnh
Những khái niệm về website:
Thành phần của trang web
Tên miền, địa chỉ IP
Client – server
Công việc thiết kế website
Những kiến thức cơ bản về HTML & XHTML
Làm quen với Adobe Dreamweaver CS4
Khởi tạo một trang web và làm việc với những thành
phần trên trang web: văn bản, hình ảnh
BÀI 7 Triển khai, hướng phát triển cho web mobile - Giáo trình FPTMasterCode.vn
Định tuyến cho truy cập từ thiết bị di động đến
website cho di động
Tối ưu hóa công cụ tìm kiếm di động (SEO) và thu
hút truy cập
Cách thích nghi trong hệ sinh thái di động
BÀI 5 Tạo app cho thiết bị di động & một số cải tiến cho web di động - Giáo t...MasterCode.vn
Tổng quan về tạo App trong Dreamweaver
Cấu hình, tùy chỉnh các App (ứng dụng) cho thiết bị
di động
Xây dựng ứng dụng
Một số cải tiến cho web di động:
Tổng quan về kỹ thuật web di động
Webkit trong trình duyệt web di động
Một số trình duyệt web trên các thiết bị di động
Tổng quan về tạo App trong Dreamweaver
Cấu hình, tùy chỉnh các App (ứng dụng) cho thiết bị
di động
Xây dựng ứng dụng
Một số cải tiến cho web di động:
Tổng quan về kỹ thuật web di động
Webkit trong trình duyệt web di động
Một số trình duyệt web trên các thiết bị di động
BÀI 1 Tổng quan về phát triển web mobile - Giáo trình FPTMasterCode.vn
Những kiến thức cơ bản về thiết kế web cho thiết bị
di động:
Giới thiệu về thiết kế web dành cho thiết bị di động
Sự khác biệt giữa web dành cho thiết bị di động và web
chạy trên máy tính thông thường
Ngôn ngữ đánh dấu dành cho thiết bị di động
Style sheet cho web di động
Ngôn ngữ script cho web mobile
Thiết lập môi trường phát triển web cho thiết bị di
động:
IDE để phát triển
Cấu hình máy chủ web theo kiểu MIME
Các công cụ phát triển khác
BÀI 3 Thiết kế web cho di động với dreamweaver CS5 & Jquery - Giáo trình FPTMasterCode.vn
Nhận diện thiết bị và tính tương thích với các thiết bị
di động
Nâng cao khả năng tương tác của web di động với
Javascript và AJAX
Thiết kế trang web cho di động với Dreamweaver
CS5:
Khởi tạo và tùy biến nội dung
Chèn thêm trang web với Jquery mobile
Định dạng trang web với CSS
Nhận diện thiết bị và tính tương thích với các thiết bị
di động
Nâng cao khả năng tương tác của web di động với
Javascript và AJAX
Thiết kế trang web cho di động với Dreamweaver
CS5:
Khởi tạo và tùy biến nội dung
Chèn thêm trang web với Jquery mobile
Định dạng trang web với CSS
BÀI 4 Nâng cao khả năng thiết kế web mobile với thành phần jquery mobile - Gi...MasterCode.vn
Khởi tạo trang mới với Jquery mobile
Chèn các thành phần:
Layout grid
Collapsible block
Sử dụng các thành phần form: input với Jquery
mobile:
Jump menu
Input form
Các thành phần đặc biệt khác
Khởi tạo trang mới với Jquery mobile
Chèn các thành phần:
Layout grid
Collapsible block
Sử dụng các thành phần form: input với Jquery
mobile:
Jump menu
Input form
Các thành phần đặc biệt khác
BÀI 1 Bước đầu làm quen với ADOBE DREAMWEAVER CS4 và những thao tác cơ bản tr...MasterCode.vn
Những khái niệm về website:
Thành phần của trang web
Tên miền, địa chỉ IP
Client – server
Công việc thiết kế website
Những kiến thức cơ bản về HTML & XHTML
Làm quen với Adobe Dreamweaver CS4
Khởi tạo một trang web và làm việc với những thành
phần trên trang web: văn bản, hình ảnh
Những khái niệm về website:
Thành phần của trang web
Tên miền, địa chỉ IP
Client – server
Công việc thiết kế website
Những kiến thức cơ bản về HTML & XHTML
Làm quen với Adobe Dreamweaver CS4
Khởi tạo một trang web và làm việc với những thành
phần trên trang web: văn bản, hình ảnh
BÀI 4 Tinh chỉnh môi trường làm việc và làm việc với cách thành phần trên web...MasterCode.vn
Điều chỉnh môi trường làm việc trên Dreamweaver
CS4
Làm việc với những thành phần đa phương tiện
(multimedia) trên webpage:
Chèn file flash, video, âm thanh
Sử dụng panel Assets
Làm việc với plug-in
Giáo trình thiết kế web - Thiết kế web với DreamweaverKhanhPham
Giáo trình thiết kế web - Thiết kế web với Dreamweaver
Để tìm hiểu kỹ hơn các bạn hãy truy cập:
Website: www.zend.vn
Facebook: https://www.facebook.com/zendvngroup
Youtube: www.youtube.com/user/luutruonghaila
BÀI 5 Tối ưu hóa thiết kế web và cách làm việc cơ bản trong chế độ hiển thị C...MasterCode.vn
Sử dụng thư viện và các mẫu có sẵn:
Thiết kế dựa trên module
Các thành phần module trong Dreamweaver:
• Snippets
• Thành phần thư viện
• Mẫu (template)
Soạn thảo HTML trong môi trường Code
Sử dụng thư viện và các mẫu có sẵn:
Thiết kế dựa trên module
Các thành phần module trong Dreamweaver:
• Snippets
• Thành phần thư viện
• Mẫu (template)
Soạn thảo HTML trong môi trường Code
BÀI 6 Làm việc với thành phần FORM, SPRY trong DREAMWEAVER CS4 - Giáo trình FPTMasterCode.vn
Làm việc với web form:
Giao diện và chức năng của form
Phương pháp submit thông tin của form lên server
Xác nhận các thông tin đầu vào của form
Khởi tạo và sửa đổi form trên Dreamweaver CS4
Lưu ý khi làm việc với form
Hiểu về các khái niệm liên quan tới web:
Web động phía client
XML, AJAX, RIA
Spry và cách làm việc với spry trong Dreamweaver
CS4
Làm việc với web form:
Giao diện và chức năng của form
Phương pháp submit thông tin của form lên server
Xác nhận các thông tin đầu vào của form
Khởi tạo và sửa đổi form trên Dreamweaver CS4
Lưu ý khi làm việc với form
Hiểu về các khái niệm liên quan tới web:
Web động phía client
XML, AJAX, RIA
Spry và cách làm việc với spry trong Dreamweaver
CS4
Bài 1 XHTML: Cấu trúc nội dung web - Giáo trình FPTMasterCode.vn
Nhắc lại về HTML
Định nghĩa XHTML, CSS
Cách thiết kế layout trang web
Làm quen với cấu trúc một trang web
Làm quen với những plugin kiểm tra mã XHTML và
CSS trên những trình duyệt khác nhau
BÀI 7 Quản lý website và quản trị HOSTING ở mức cơ bản - Giáo trình FPTMasterCode.vn
Làm việc với các bước xuất bản website
Upload
Quản lý các file trong website
Tối ưu hóa web để tăng hiệu năng và khả năng tìm
kiếm
Sử dụng Site Reports
Sử dụng CSS Advisor & kiểm tra tính tương thích trình
duyệt
Quảng bá website
Bảo trì website
Làm việc với các bước xuất bản website
Upload
Quản lý các file trong website
Tối ưu hóa web để tăng hiệu năng và khả năng tìm
kiếm
Sử dụng Site Reports
Sử dụng CSS Advisor & kiểm tra tính tương thích trình
duyệt
Quảng bá website
Bảo trì website
PHÂN TÍCH HIỆN TRẠNG WEBSITE - KIỂM TRA CÁC CHI TIẾT TRONG WEBSITEnukeviet
Dưới đây là tài liệu về Phân tích hiện trạng website, nội dung về kiểm tra các chi tiết trong website do team Marketing của Công ty Cổ phần Phát triển Nguồn mở Việt Nam (VINADES) đúc kết lại qua quá trình học tập và làm việc.
Làm việc với dự án website
Cấu trúc thư mục khi tiến hành dự án website
Tạo kiến trúc website
@import css
Background & màu nền
Text & màu văn bản
Menu
Khung Sidebar
Form
Đánh dấu trang
Vùng nội dung
Làm việc với dự án website
Cấu trúc thư mục khi tiến hành dự án website
Tạo kiến trúc website
@import css
Background & màu nền
Text & màu văn bản
Menu
Khung Sidebar
Form
Đánh dấu trang
Vùng nội dung
Bài 3 Tạo style cho font và văn bản - Giáo trình FPTMasterCode.vn
Giới thiệu về font
Một số thuộc tính quan trọng của Font
Một số thuộc tính quan trọng của Text
Kích thước của font, text trong HTML
Cách viết CSS rút gọn (shorthand)
Giới thiệu về font
Một số thuộc tính quan trọng của Font
Một số thuộc tính quan trọng của Text
Kích thước của font, text trong HTML
Cách viết CSS rút gọn (shorthand)
BÀI 4 Tinh chỉnh môi trường làm việc và làm việc với cách thành phần trên web...MasterCode.vn
Điều chỉnh môi trường làm việc trên Dreamweaver
CS4
Làm việc với những thành phần đa phương tiện
(multimedia) trên webpage:
Chèn file flash, video, âm thanh
Sử dụng panel Assets
Làm việc với plug-in
Giáo trình thiết kế web - Thiết kế web với DreamweaverKhanhPham
Giáo trình thiết kế web - Thiết kế web với Dreamweaver
Để tìm hiểu kỹ hơn các bạn hãy truy cập:
Website: www.zend.vn
Facebook: https://www.facebook.com/zendvngroup
Youtube: www.youtube.com/user/luutruonghaila
BÀI 5 Tối ưu hóa thiết kế web và cách làm việc cơ bản trong chế độ hiển thị C...MasterCode.vn
Sử dụng thư viện và các mẫu có sẵn:
Thiết kế dựa trên module
Các thành phần module trong Dreamweaver:
• Snippets
• Thành phần thư viện
• Mẫu (template)
Soạn thảo HTML trong môi trường Code
Sử dụng thư viện và các mẫu có sẵn:
Thiết kế dựa trên module
Các thành phần module trong Dreamweaver:
• Snippets
• Thành phần thư viện
• Mẫu (template)
Soạn thảo HTML trong môi trường Code
BÀI 6 Làm việc với thành phần FORM, SPRY trong DREAMWEAVER CS4 - Giáo trình FPTMasterCode.vn
Làm việc với web form:
Giao diện và chức năng của form
Phương pháp submit thông tin của form lên server
Xác nhận các thông tin đầu vào của form
Khởi tạo và sửa đổi form trên Dreamweaver CS4
Lưu ý khi làm việc với form
Hiểu về các khái niệm liên quan tới web:
Web động phía client
XML, AJAX, RIA
Spry và cách làm việc với spry trong Dreamweaver
CS4
Làm việc với web form:
Giao diện và chức năng của form
Phương pháp submit thông tin của form lên server
Xác nhận các thông tin đầu vào của form
Khởi tạo và sửa đổi form trên Dreamweaver CS4
Lưu ý khi làm việc với form
Hiểu về các khái niệm liên quan tới web:
Web động phía client
XML, AJAX, RIA
Spry và cách làm việc với spry trong Dreamweaver
CS4
Bài 1 XHTML: Cấu trúc nội dung web - Giáo trình FPTMasterCode.vn
Nhắc lại về HTML
Định nghĩa XHTML, CSS
Cách thiết kế layout trang web
Làm quen với cấu trúc một trang web
Làm quen với những plugin kiểm tra mã XHTML và
CSS trên những trình duyệt khác nhau
BÀI 7 Quản lý website và quản trị HOSTING ở mức cơ bản - Giáo trình FPTMasterCode.vn
Làm việc với các bước xuất bản website
Upload
Quản lý các file trong website
Tối ưu hóa web để tăng hiệu năng và khả năng tìm
kiếm
Sử dụng Site Reports
Sử dụng CSS Advisor & kiểm tra tính tương thích trình
duyệt
Quảng bá website
Bảo trì website
Làm việc với các bước xuất bản website
Upload
Quản lý các file trong website
Tối ưu hóa web để tăng hiệu năng và khả năng tìm
kiếm
Sử dụng Site Reports
Sử dụng CSS Advisor & kiểm tra tính tương thích trình
duyệt
Quảng bá website
Bảo trì website
PHÂN TÍCH HIỆN TRẠNG WEBSITE - KIỂM TRA CÁC CHI TIẾT TRONG WEBSITEnukeviet
Dưới đây là tài liệu về Phân tích hiện trạng website, nội dung về kiểm tra các chi tiết trong website do team Marketing của Công ty Cổ phần Phát triển Nguồn mở Việt Nam (VINADES) đúc kết lại qua quá trình học tập và làm việc.
Làm việc với dự án website
Cấu trúc thư mục khi tiến hành dự án website
Tạo kiến trúc website
@import css
Background & màu nền
Text & màu văn bản
Menu
Khung Sidebar
Form
Đánh dấu trang
Vùng nội dung
Làm việc với dự án website
Cấu trúc thư mục khi tiến hành dự án website
Tạo kiến trúc website
@import css
Background & màu nền
Text & màu văn bản
Menu
Khung Sidebar
Form
Đánh dấu trang
Vùng nội dung
Bài 3 Tạo style cho font và văn bản - Giáo trình FPTMasterCode.vn
Giới thiệu về font
Một số thuộc tính quan trọng của Font
Một số thuộc tính quan trọng của Text
Kích thước của font, text trong HTML
Cách viết CSS rút gọn (shorthand)
Giới thiệu về font
Một số thuộc tính quan trọng của Font
Một số thuộc tính quan trọng của Text
Kích thước của font, text trong HTML
Cách viết CSS rút gọn (shorthand)
Tổng quan về CSS3
Làm việc với các thuộc tính mới trong CSS3:
Border-radius
Border-image
Gradient
Transform, transition, animation
Làm việc với font web
Chèn nhiều hình nền với CSS3
Tổng quan về CSS3
Làm việc với các thuộc tính mới trong CSS3:
Border-radius
Border-image
Gradient
Transform, transition, animation
Làm việc với font web
Chèn nhiều hình nền với CSS3
Bài 7: Thư viện jQuery và thư viện jQuery UI - Giáo trình FPTMasterCode.vn
Thự viện và cách tạo thư viện
Thư viện JavaScript
Sử dụng thư viện jQuery
Sử dụng jQuery để tạo hiệu ứng
Hiệu ứng ẩn hiện
Hiệu ứng mờ
Hiệu ứng chuyển động
Sử dụng thư viện jQuery UI
Tạo tính năng kéo thả (drag and drop)
Tạo menu chồng nhau
Thự viện và cách tạo thư viện
Thư viện JavaScript
Sử dụng thư viện jQuery
Sử dụng jQuery để tạo hiệu ứng
Hiệu ứng ẩn hiện
Hiệu ứng mờ
Hiệu ứng chuyển động
Sử dụng thư viện jQuery UI
Tạo tính năng kéo thả (drag and drop)
Tạo menu chồng nhau
Lập trình sáng tạo creative computing textbook mastercode.vnMasterCode.vn
Lập trình sáng tạo bao gồm việc sáng tạo. Khoa học máy tính và các ngành liên quan tới tính toán đã từ lâu đƣợc giới thiệu tới những ngƣời trẻ tuổi một cách rời rạc – quá nhấn mạnh kĩ thuật so với khả năng sáng tạo. Lập trình sáng tạo giúp cho sự phát triển của cá nhân đối với tính toán trở nên tốt hơn, bằng cách hỗ trợ vẽ vời dựa trên sáng tạo, tƣởng tƣợng, và sở thích.
Bài 3: Cấu trúc điều khiển, hàm và xử lý sự kiện - Giáo trình FPTMasterCode.vn
Cấu trúc điều khiển (tiếp)
Cấu trúc lựa chọn
Lệnh lựa chọn kép
Lệnh đa lựa chọn
Cấu trúc lặp
Lặp không biết trước số lần lặp
Lặp biết trước số lần lặp
Hàm
Phạm vi biến
Mảng
Xử lý sự kiện
Cấu trúc điều khiển (tiếp)
Cấu trúc lựa chọn
Lệnh lựa chọn kép
Lệnh đa lựa chọn
Cấu trúc lặp
Lặp không biết trước số lần lặp
Lặp biết trước số lần lặp
Hàm
Phạm vi biến
Mảng
Xử lý sự kiện
Bài 1 Lập trình website theo mô hình MVC - Xây dựng ứng dụng webMasterCode.vn
Cách tổ chức mô hình MVC
Ưu điểm của mô hình MVC trong việc phát triển
ứng dụng web
Cách tạo và gọi hàm theo phong cách mô hình
MVC
Phân biệt khi nào nên forward hoặc chuyển
hướng yêu cầu HTTP
Giới thiệu về framework CakePHP
Bài 6: Tạo hiệu ứng và validate Form - Giáo trình FPTMasterCode.vn
Viết mã tạo các hiệu ứng
Hiệu ứng Image Rollover
Hiệu ứng SlideShow
Thao tác với các điều khiển
SelectBox
CheckBox
RadioButton
Form
Kiểm tra tính hợp lệ cho Form
Mục tiêu bài học
Viết mã tạo các hiệu ứng
Hiệu ứng Image Rollover
Hiệu ứng SlideShow
Thao tác với các điều khiển
SelectBox
CheckBox
RadioButton
Form
Kiểm tra tính hợp lệ cho Form
BÀI 4 Làm việc với các thành phần VIDEO, AUDIO, CANVAS của HTML5MasterCode.vn
Chèn các thành phần video, audio vào trang
Điều khiển video với Javascript
Làm quen với thành phần canvas
Sử dụng thành phần cavas để thực hiện:
Vẽ hình và đường
Áp dụng màu và cọ fradient
Thực hiện tạo hình động
Chèn các thành phần video, audio vào trang
Điều khiển video với Javascript
Làm quen với thành phần canvas
Sử dụng thành phần cavas để thực hiện:
Vẽ hình và đường
Áp dụng màu và cọ fradient
Thực hiện tạo hình động
Tìm hiểu về một số Layout phổ biến
Layout nổi (float) & Layout tuyệt đối (absolute)
Ngăn tràn bố cục
Một số vấn đề khi căn chỉnh cột Layout
Tìm hiểu về một số Layout phổ biến
Layout nổi (float) & Layout tuyệt đối (absolute)
Ngăn tràn bố cục
Một số vấn đề khi căn chỉnh cột Layout
Tìm hiểu về box (hộp), cấu trúc box trên một trang
của website:
Tầm quan trọng
Kích thước
Vị trí
Thuộc tính của box:
Thuộc tính về nội dung
Thuộc tính về vị trí
Thuộc tính về hiển thị
Bài 13: Nâng cấp từ Windows Server 2003 lên Windows Server 2008 - Giáo trình FPTMasterCode.vn
Tại sao phải nâng cấp lên Windows Server 2008?
Yêu cầu cấu hình phần cứng
Chuẩn bị trước khi nâng cấp
Các phiên bản nâng cấp
Nâng cấp lên Windows Server 2008 AD DS
Bài 2 Cơ chế làm việc của CSS - Giáo trình FPTMasterCode.vn
Cách áp dụng CSS cho trang web
Cấu trúc & Quy tắc khai báo CSS
Pseudo-Class (lớp giả)
Tính kế thừa trong CSS
Khai báo giá trị màu sắc và số trong CSS
Cách áp dụng CSS cho trang web
Cấu trúc & Quy tắc khai báo CSS
Pseudo-Class (lớp giả)
Tính kế thừa trong CSS
Khai báo giá trị màu sắc và số trong CSS
Hiểu rõ cách thức thiết lập web server trên máy tính cá
nhân để chạy Joomla bằng phần mềm Wampserver;
• Hướng dẫn cài đặt website Joomla trên web server được
thiết lập trên máy tính cá nhân;
• Hướng dẫn khởi tạo và cấu trúc nội dung website
Joomla;
• Hướng dẫn tạo hệ thống menu và điều hướng website
Joomla
Slide Khóa Luận Tìm hiểu về ngôn ngữ lập trình độc lập trên MobileĐiềm Nguyễn Văn
Đây là silde khóa luận trình bày tóm tắt về việc tìm hiểu ngôn ngữ lập trình độc lập trên mobile mà cụ thể là PhoneGap. Slide cũng trình bày tóm tắt về phần mềm mà tác giả đã đạt được trong quá trình nghiên cứu.=== Nguyễn Văn Điềm.
Lap trinh web la gi bat dau hoc lap trinh web tu dautuananh1896
Nhu cầu lập trình web đang rất lớn, nhưng đa số các bạn đều không biết học từ đâu để đạt hiệu quả cao Bài viết này sẽ định hướng cho bạn giúp bạn thành công
Tim hieu ma nguon mo phone gap va xay dung ung dung ngo quang trungNgo Trung
Điện thoại thông minh hay còn gọi là smartphone thực sự đã mang đến một cuộc cách mạng cho các thiết bị di động, trong thời kì mà công nghệ số phát triển với tốc độ chóng mặt như hiện nay. Nhu cầu sử dụng thiết bị di động đã trở nên rất phổ biến không chỉ ở Việt Nam mà trên toàn thế giới. Sự tiến bộ vượt bậc của công nghệ đã làm thay đổi hoàn toàn thói quen cũng như hành vi của con người.Trong tương lai, thiết bị di động sẽ trở thành phương tiện giao tiếp và làm việc chủ yếu của con người. Và phần cốt lõi để tạo ra sức hấp dẫn từ những chiếc smartphone chính là hệ điều hành và các ứng dụng mà chúng đang chạy.
Nhận viết luận văn Đại học , thạc sĩ - Zalo: 0917.193.864
Tham khảo bảng giá dịch vụ viết bài tại: vietbaocaothuctap.net
Download luận văn đồ án tốt nghiệp ngành công nghệ thông tin với đề tài: Xây dựng website đa ngôn ngữ cho Công ty Cổ phần Lilama69-2, cho các bạn làm luận văn tham khảo
Cơ sở lý thuyết về hệ thống điều khiển và giám sát các thiết bị trong nhà. Với Firebase bạn có thể giảm bớt rất nhiều thời gian cho việc viết các dòng code để quản lý và đồng bộ cơ sở dữ liệu, mọi việc sẽ diễn ra hoàn toàn tự động với các API của Firebase. Không chỉ có vậy Firebase còn hỗ trợ đã nền tảng nên bạn sẽ càng đỡ mất thời gian rất nhiều khi ứng dụng bạn muốn xây dựng là ứng dụng đa nền tảng.
Không chỉ nhanh chóng trong việc xây dựng database, Google Firebase còn giúp ta đơn giản hóa quá trình đăng kí và đăng nhập vào ứng dụng bằng các sử dụng hệ thống xác thực do chính Firebase cung cấp.
Luận Văn Xây Dựng Ứng Dụng Android Ghi Nhật Ký Chi Tiêu Online.docsividocz
Luận Văn Xây Dựng Ứng Dụng Android Ghi Nhật Ký Chi Tiêu Online. các bạn có thể tham khảo thêm nhiều tài liệu và luận văn ,bài mẫu điểm cao tại luanvanmaster.com
Dù bạn là ai, dù mục đích học tiếng Anh của bạn đơn thuần chỉ là có tấm bằng trong tay để xin việc hay cao siêu hơn là có thể nói thông viết thạo thì việc nằm lòng các ngữ pháp tiếng Anh ẩn chứa sức mạnh ghê gớm dưới đây cũng là bước cơ bản giúp bạn master tiếng Anh
Scalability and optimization are constant
concerns for the developer and operations
manager. The Performance Zone focuses on
all things performance, covering everything
from database optimization to garbage
collection, tool and technique comparisons,
and tweaks to keep your code as effcient
as possible.
Google công bố thông tin lịch xu hướng ngành 2017 mastercode.vnMasterCode.vn
Các doanh nghiệp cần luôn có mặt trên online để khách hàng dễ dàng thấy họ mỗi khi tìm kiếm. "Mùa vụ" hay giai đoạn mà lượng
tìm kiếm về sản phẩm dịch vụ của doanh nghiệp trên Google bỗng gia tăng chính là thời điểm tuyệt vời để tận dụng.Các doanh nghiệp
có thể tối đa hoá doanh thu trong thời kì cao điểm này bằng cách lên chiến lược quảng cáo "luôn online" gắn liền với mục tiêu mùa.
Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vnMasterCode.vn
Meta Tag là thẻ dùng để cung cấp các thông tin về website một cách tóm gọn đối với các trình duyệt lẫn người dùng hay bot từ các search engine. Mọi người hay nghe Meta Keyword, Meta Description, Meta Page title,..
Pd fbuoi1 giới thiệu seo tools cơ bản-seo manager + seo guy-mastercode.vnMasterCode.vn
Google Webmaster Tools • Google Analytics phân tích traffic • SEO Power Suite , web auditor đ onpage • Ahrefs, phân tích t khóa và Link • OpenSiteExplorer phân tích link profile • Firexfox Extensions: SEO Doctor cho onpage, NoDofollow • SEOMoz Toolbar đ check PA và DA •Free Monitor for Google đ check RANK •SEOMOZ pro check onpage
Pdf buoi1 2-on-page-tran-ngoc-chinh-mastercode.vnMasterCode.vn
Cơ chế hoạt động Google Tên miền Cấu trúc website Meta Tag (Title, Description, H1-H6, ALT...) URL thân thiện, Sitemap, robots.txt Keyword Density Tốc độ tải trang
Pdfbài 7 máy tính xác tay và máy in bảo trì sự cố máy tính-mastercode.vnMasterCode.vn
Những chú ý đặc biệt khi hỗ trợ người dùng máy tính xách tay Cài đặt, cấu hình, tối ưu, sửa chữa các thiết bị ngoại vi hay dùng với máy tính xách tay Nâng cấp, thay thế các thiết bị máy tính xách tay Nguyên lý hoạt động của máy in Cài đặt máy in
Pdfbài 6 bảo trì máy tính bảo trì sự cố máy tính-mastercode.vnMasterCode.vn
Tìm hiểu các quy trình xử lý đảm bảo an toàn Tìm hiểu phương pháp bảo trì phòng ngừa cho máy tính cá nhân Tìm hiểu cách phát hiện và xử lý sự cố máy tính
Pdfbài 5 bảo trì và tối ưu windows bảo trì sự cố máy tính-mastercode.vnMasterCode.vn
Đưa ra kế hoạch bảo trì phòng ngừa Rà soát các thiết lập Windows trọng yếu Làm sạch ổ cứng Chống phân mảnh ổ đĩa Kiểm tra lỗi ổ cứng Rà soát các chương trình khởi động và dịch vụ Tiến hành các thủ tục sao lưu Lập kế hoạch khắc phục thảm họa Sao lưu dữ liệu người dùng / toàn bộ ổ cứng Tối ưu Windows Các công cụ tối ưu: Task Manager, MSConfig, Services Console, Computer Management Cải thiện hiệu năng Windows Đưa ra kế hoạch bảo trì phòng ngừa Rà soát các thiết lập Windows trọng yếu Làm sạch ổ cứng Chống phân mảnh ổ đĩa Kiểm tra lỗi ổ cứng Rà soát các chương trình khởi động và dịch vụ Tiến hành các thủ tục sao lưu Lập kế hoạch khắc phục thảm họa Sao lưu dữ liệu người dùng / toàn bộ ổ cứng Tối ưu Windows Các công cụ tối ưu: Task Manager, MSConfig, Services Console, Computer Management Cải thiện hiệu năng Windows
Pdfbài 4 ổ cứng hard drive bảo trì sự cố máy tính-mastercode.vnMasterCode.vn
Biết được các công nghệ chế tạo ổ cứng Hiểu được cấu tạo ổ cứng Phân biệt rõ các chuẩn giao tiếp giữa hệ thống với ổ cứng Thông hiểu cách tổ chức lưu trữ dữ liệu trong ổ cứng Giải quyết các vấn đề liên quan đến ổ cứng Biết được các công nghệ chế tạo ổ cứng Hiểu được cấu tạo ổ cứng Phân biệt rõ các chuẩn giao tiếp giữa hệ thống với ổ cứng Thông hiểu cách tổ chức lưu trữ dữ liệu trong ổ cứng Giải quyết các vấn đề liên quan đến ổ cứng
Pdfbài 3 cpu và ram bảo trì sự cố máy tính-mastercode.vnMasterCode.vn
Nhận biết được đặc điểm và thông số kỹ thuật của các CPU dùng cho máy tính cá nhân Thông hiểu cách lựa chọn CPU cho hệ thống Thông hiểu cách lắp mới và thay thế CPU Thông hiểu các phương pháp tản nhiệt cho CPU Thông hiểu các loại RAM khác nhau và nguyên lý hoạt động của chúng. Thông hiểu các vấn đề cần thiết khi nâng cấp RAM
Pdfbài 1 giới thiệu chung về phần cứng bảo trì sự cố máy tính-mastercode.vnMasterCode.vn
Nhắc lại các khái niệm cơ bản về phần cứng và phần mềm. Giới thiệu về các thành phần của máy tính. Nắm được vị trí sắp xếp của các thành phần bên trong case, các loại case khác nhau. Nắm được các thông số về nguồn điện được sử dụng để vận hành hệ thống máy tính. Ước lượng công suất của hệ thống và chọn bộ cấp nguồn và thiết bị lưu điện cho phù hợp. Nhận biết và xử lý một số vấn đề thường gặp liên quan đến nguồn điện
Pdf bai 7 làm việc với truy vấn nâng cao-slide 07-quan tri csdl voi access-ma...
BÀI 2 Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển web mobile - Giáo trình FPT
1. BÀI 2
TÌM HIỂU NGÔN NGỮ ĐÁNH DẤU TRONG VIỆC
PHÁT TRIỂN WEB MOBILE
2. NHẮC LẠI BÀI TRƯỚC
Những kiến thức cơ bản về thiết kế web cho thiết bị
di động:
Giới thiệu về thiết kế web dành cho thiết bị di động
Sự khác biệt giữa web dành cho thiết bị di động và web
chạy trên máy tính thông thường
Ngôn ngữ đánh dấu dành cho thiết bị di động
Style sheet cho web di động
Ngôn ngữ scirpt cho web mobile
Thiết lập môi trường phát triển web cho thiết bị di
động:
IDE để phát triển
Cấu hình máy chủ web theo kiểu MIME
Các công cụ phát triển khác
Những kiến thức cơ bản về thiết kế web cho thiết bị
di động:
Giới thiệu về thiết kế web dành cho thiết bị di động
Sự khác biệt giữa web dành cho thiết bị di động và web
chạy trên máy tính thông thường
Ngôn ngữ đánh dấu dành cho thiết bị di động
Style sheet cho web di động
Ngôn ngữ scirpt cho web mobile
Thiết lập môi trường phát triển web cho thiết bị di
động:
IDE để phát triển
Cấu hình máy chủ web theo kiểu MIME
Các công cụ phát triển khác
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 2
3. MỤC TIÊU BÀI HỌC
Làm quen với ngôn ngữ đánh dấu cho web di động:
XHTML, XHTML-MP
WML
CSS cho web di động
Nhận diện thiết bị và tính tương thích với các thiết bị
di động
Nâng cao khả năng tương tác của web di động với
Javascript và AJAX
Làm quen với ngôn ngữ đánh dấu cho web di động:
XHTML, XHTML-MP
WML
CSS cho web di động
Nhận diện thiết bị và tính tương thích với các thiết bị
di động
Nâng cao khả năng tương tác của web di động với
Javascript và AJAX
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 3
5. XHTML
XHTML:
Sử dụng cho điện thoại thông minh
Sự phát triển của web trên thiết bị di động nhằm tạo ra những
trải nghiệm hữu dụng trên màn hình nhỏ bằng bộ thẻ nhớ
XHTML phong phú
Sử dụng bộ thẻ của HTML kết hợp với yêu cầu cú pháp nghiêm
ngặt của XML
Website trên di động được tối ưu hóa cho iPhone hoặc WebKit
có thể sử dụng XHTML và phần mở rộng CSS trong WebKit để
tạo ra trải nghiệm cho người dùng điện thoại có màn hình cảm
ứng
XHTML:
Sử dụng cho điện thoại thông minh
Sự phát triển của web trên thiết bị di động nhằm tạo ra những
trải nghiệm hữu dụng trên màn hình nhỏ bằng bộ thẻ nhớ
XHTML phong phú
Sử dụng bộ thẻ của HTML kết hợp với yêu cầu cú pháp nghiêm
ngặt của XML
Website trên di động được tối ưu hóa cho iPhone hoặc WebKit
có thể sử dụng XHTML và phần mở rộng CSS trong WebKit để
tạo ra trải nghiệm cho người dùng điện thoại có màn hình cảm
ứng
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 5
6. XHTML
Một số đặc điểm khi sử dụng ngôn ngữ đánh dấu cho
web di động:
• Làm giảm khả năng tương thích với thiết bị, ảnh hưởng
đến hiệu năng của trình duyệt và khiến bộ chuyển mã
định dạng sai mã đánh dấu
• Khi sử dụng XHTML thay vì dùng XHTML-MP trong quá
trình phát triển web trên di động, có rất nhiều vấn đề
cần cân nhắc liên quan đến hệ sinh thái và kỹ thuật
Một số đặc điểm khi sử dụng ngôn ngữ đánh dấu cho
web di động:
• Làm giảm khả năng tương thích với thiết bị, ảnh hưởng
đến hiệu năng của trình duyệt và khiến bộ chuyển mã
định dạng sai mã đánh dấu
• Khi sử dụng XHTML thay vì dùng XHTML-MP trong quá
trình phát triển web trên di động, có rất nhiều vấn đề
cần cân nhắc liên quan đến hệ sinh thái và kỹ thuật
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 6
7. XHTML
Vì sao không chọn HTML?
• HTML có định dạng kém, nên khi sử dụng, hiệu năng
duyệt web của người dùng cũng bị kém đi
• HTML không có nhiều ràng buộc trong cú pháp
• Lập trình viên web trên di động sử dụng biến thể
XHTML của HTML để tạo ra mã đánh dấu hợp lệ về mặt
cú pháp cho trình duyệt di động
HTML5 với web di động?
• Là phiên bản kế tiếp chính thức của ngôn ngữ nền tảng
web
• Là sự kết hợp của cả 2 dạng cú pháp: XHTML và HTML
Vì sao không chọn HTML?
• HTML có định dạng kém, nên khi sử dụng, hiệu năng
duyệt web của người dùng cũng bị kém đi
• HTML không có nhiều ràng buộc trong cú pháp
• Lập trình viên web trên di động sử dụng biến thể
XHTML của HTML để tạo ra mã đánh dấu hợp lệ về mặt
cú pháp cho trình duyệt di động
HTML5 với web di động?
• Là phiên bản kế tiếp chính thức của ngôn ngữ nền tảng
web
• Là sự kết hợp của cả 2 dạng cú pháp: XHTML và HTML
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 7
8. XHTML-MP
XHTML-MP:
XHTML Mobile Profile - là tập con của XHTML được
định hướng sử dụng trong khả năng hạn chế của
thiết bị di động
Hiện đang được xem xét trên ngôn ngữ chuẩn thực tế
cho phát triển web trên di động
Là mã đánh dấu phù hợp cho trình duyệt trên tất cả
các loại thiết bị di động
Hỗ trợ CSS
XHTML-MP:
XHTML Mobile Profile - là tập con của XHTML được
định hướng sử dụng trong khả năng hạn chế của
thiết bị di động
Hiện đang được xem xét trên ngôn ngữ chuẩn thực tế
cho phát triển web trên di động
Là mã đánh dấu phù hợp cho trình duyệt trên tất cả
các loại thiết bị di động
Hỗ trợ CSS
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 8
9. NGÔN NGỮ ĐÁNH DẤU CHO WEB DI ĐỘNG
Ví dụ:
<?xml version="1.0" encoding="UTF-8"?>
<!—Khai báoXML, XHTML-MP ở trên là XML.-->
<!-- DOCTYPE khai báo tài liệu này là XHTML-MP. -->
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<!—Phần còn lại của tài liệu này trông rất giống tài liệu HTML cho máy tính. -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!—Stylesheet liên kết bên ngoài-->
<link rel="stylesheet" href="/learnto.css" type="text/
<title>Annotated XHTML Example</title>
</head>
<body>
<div class="hdr">Annotated XHTML Example</div>
</body>
</html>
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 9
<?xml version="1.0" encoding="UTF-8"?>
<!—Khai báoXML, XHTML-MP ở trên là XML.-->
<!-- DOCTYPE khai báo tài liệu này là XHTML-MP. -->
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<!—Phần còn lại của tài liệu này trông rất giống tài liệu HTML cho máy tính. -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!—Stylesheet liên kết bên ngoài-->
<link rel="stylesheet" href="/learnto.css" type="text/
<title>Annotated XHTML Example</title>
</head>
<body>
<div class="hdr">Annotated XHTML Example</div>
</body>
</html>
10. XHTML-MP
Đặc điểm cấu trúc:
• Khai báo DocType:
• Các thành phần XHTML không được hỗ trợ trong XHTML-MP:
– Một số thẻ XHTML không thích hợp để sử dụng trong môi
trường hiển thị tài nguyên hạn chế của trình duyệt di động
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.1//EN"
"http://www.openmobilealliance.org/tech/DTD/xhtml-mobile11.dtd">
Đặc điểm cấu trúc:
• Khai báo DocType:
• Các thành phần XHTML không được hỗ trợ trong XHTML-MP:
– Một số thẻ XHTML không thích hợp để sử dụng trong môi
trường hiển thị tài nguyên hạn chế của trình duyệt di động
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 10
Thành phần XHTML Lý do
frame, frameset, iframe,
noframes
Frame yêu cầu bộ nhớ trình duyệt lớn, bao
gồm cả đối tượng DOM mới
area, map Bản đồ hình ảnh không được hỗ trợ và cũng
không dễ sử dụng trên thiết bị di động
11. XHTML-MP
Các tính năng chuyên dụng cho di động và các tính
năng mới của XHTML-MP:
• URI Scheme:
– Các trình duyệt di động hỗ trợ URI Scheme như mục tiêu
liên kết trong thuộc tính href của thẻ <a>
– Những scheme này được kích hoạt trong các trường hợp
sử dụng di động phổ biến về nội dung web trên di động
– Scheme Tel:
» URI cho phép người sử dụng di động bấm vào một liên kết để bắt
đầu cuộc gọi điện thoại
» Định dạng của scheme URI Tel: là tel: <số điện thoại>
Các tính năng chuyên dụng cho di động và các tính
năng mới của XHTML-MP:
• URI Scheme:
– Các trình duyệt di động hỗ trợ URI Scheme như mục tiêu
liên kết trong thuộc tính href của thẻ <a>
– Những scheme này được kích hoạt trong các trường hợp
sử dụng di động phổ biến về nội dung web trên di động
– Scheme Tel:
» URI cho phép người sử dụng di động bấm vào một liên kết để bắt
đầu cuộc gọi điện thoại
» Định dạng của scheme URI Tel: là tel: <số điện thoại>
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 11
Gọi <a href="tel:+1-503-555-1212"> +1-503-555-1212 </
a> để biết thêm thông tin
12. XHTML-MP
– Scheme Wtai:
» Được sử dụng để bắt đầu các cuộc gọi điện thoại và thêm số điện
thoại liên lạc vào sổ địa chỉ của thiết bị di động
» Sử dụng định dạng URI khác nhau cho mỗi tác vụ
» Định dạng để bắt đầu một cuộc gọi điện thoại từ thiết bị di động
là wtai ://wp/mc; <số điện thoại>
» Để thêm một liên lạc vào sổ địa chỉ điện thoại di động, sử dụng sơ
đồ wtai://wp/ap; < số điện thoại >, <tên>
» scheme URI tel: và wtai: không được hỗ trợ rộng rãi trong các
trình duyệt di động
– Scheme Wtai:
» Được sử dụng để bắt đầu các cuộc gọi điện thoại và thêm số điện
thoại liên lạc vào sổ địa chỉ của thiết bị di động
» Sử dụng định dạng URI khác nhau cho mỗi tác vụ
» Định dạng để bắt đầu một cuộc gọi điện thoại từ thiết bị di động
là wtai ://wp/mc; <số điện thoại>
» Để thêm một liên lạc vào sổ địa chỉ điện thoại di động, sử dụng sơ
đồ wtai://wp/ap; < số điện thoại >, <tên>
» scheme URI tel: và wtai: không được hỗ trợ rộng rãi trong các
trình duyệt di động
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 12
Gọi <a href="wtai://wp/mc;+15035551212"> +1-503-555-
1212 </ a> để biết thêm thông tin
<a href="wtai://wp/ap;+15035551212;Information"> thêm vào
sổ địa chỉ
13. XHTML-MP
– Scheme URI sms:
» Khởi tạo một tin nhắn SMS
» Định dạng: sms: <số điện thoại>?<thao tác>
– Scheme URI mmsto:
» Khởi tạo một tin nhắn MMS
» Định dạng: sms: < số điện thoại >;< thao tác >
<a href="sms:+15035551212,+15035551234">Text us with a
Question</a>
– Scheme URI sms:
» Khởi tạo một tin nhắn SMS
» Định dạng: sms: <số điện thoại>?<thao tác>
– Scheme URI mmsto:
» Khởi tạo một tin nhắn MMS
» Định dạng: sms: < số điện thoại >;< thao tác >
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 13
<a href="sms:+15035551212?body=Ask+a+Question">Text me
with a Question</a>
<a href="mmsto:+15035551212">Send us a Photo</a>
14. XHTML-MP
• Hỗ trợ tính năng form:
– XHTML-MP cung cấp hỗ trợ cơ bản cho biểu mẫu (form).
– Thành phần <form> hỗ trợ các thuộc tính action, enctype
và method lần lượt dùng để xác định URL của việc gửi dữ
liệu biểu mẫu, gửi bảng mã MIME dùng cho nội dung biểu
mẫu và phương thức được sử dụng để gửi biểu mẫu của
yêu cầu HTTP
– Các thuộc tính name và target của thành phần <form> của
XHTML không được hỗ trợ trong XHTML-MP
– Các thành phần con hợp lệ của <form> bao gồm
<fieldset>, <p> và <table>
– Thành phần <input> của biểu mẫu phải được chứa bên
trong một trong ba thẻ con kể trên
– Trong thành phần <input>, thuộc tính tittle quy định cụ thể
nhãn softkey (phím mềm) sẽ được hiển thị khi các thành
phần nhập liệu được lưu ý
• Hỗ trợ tính năng form:
– XHTML-MP cung cấp hỗ trợ cơ bản cho biểu mẫu (form).
– Thành phần <form> hỗ trợ các thuộc tính action, enctype
và method lần lượt dùng để xác định URL của việc gửi dữ
liệu biểu mẫu, gửi bảng mã MIME dùng cho nội dung biểu
mẫu và phương thức được sử dụng để gửi biểu mẫu của
yêu cầu HTTP
– Các thuộc tính name và target của thành phần <form> của
XHTML không được hỗ trợ trong XHTML-MP
– Các thành phần con hợp lệ của <form> bao gồm
<fieldset>, <p> và <table>
– Thành phần <input> của biểu mẫu phải được chứa bên
trong một trong ba thẻ con kể trên
– Trong thành phần <input>, thuộc tính tittle quy định cụ thể
nhãn softkey (phím mềm) sẽ được hiển thị khi các thành
phần nhập liệu được lưu ý
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 14
15. XHTML-MP
– Ví dụ:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="/learnto.css" type="text/css" />
<title>XHTML-MP Form</title>
</head>
<body>
<form action="/signup.php" method="post">
<p>Join the Sunset Farmers' Market email list:</p>
<fieldset>
<label>First Name: <input type="text" name="firstname" size="7"
title="First"/></label>
<label>Email: <input type="text" name="email" size="10"
title="Email"/></label>
</fieldset>
<p>
<input type="submit" src="send.jpg" value="Join List" title="Join List"/>
</p>
</form>
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 15
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="/learnto.css" type="text/css" />
<title>XHTML-MP Form</title>
</head>
<body>
<form action="/signup.php" method="post">
<p>Join the Sunset Farmers' Market email list:</p>
<fieldset>
<label>First Name: <input type="text" name="firstname" size="7"
title="First"/></label>
<label>Email: <input type="text" name="email" size="10"
title="Email"/></label>
</fieldset>
<p>
<input type="submit" src="send.jpg" value="Join List" title="Join List"/>
</p>
</form>
16. XHTML-MP
• Hỗ trợ tính năng bảng (table):
– Bảng được đơn giản hóa rất nhiều trong XHTML-MP
nhưng vẫn giữ lại một số tính năng hữu ích
– Thành phần <table> chỉ có thể chứa các thành phần con
<caption> và <tr>, <th>, <td>
– Các thuộc tính cellpadding và cellspacing không được hỗ
trợ
– Sử dụng CSS để định dạng bảng, hàng, cột, và từng ô
riêng lẻ
• Hỗ trợ tính năng bảng (table):
– Bảng được đơn giản hóa rất nhiều trong XHTML-MP
nhưng vẫn giữ lại một số tính năng hữu ích
– Thành phần <table> chỉ có thể chứa các thành phần con
<caption> và <tr>, <th>, <td>
– Các thuộc tính cellpadding và cellspacing không được hỗ
trợ
– Sử dụng CSS để định dạng bảng, hàng, cột, và từng ô
riêng lẻ
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 16
<table class="borderOne">
<caption>Today's Freshest
Produce</caption>
</table>
17. XHTML-MP
• Liên kết và phím truy cập:
– Điều hướng giữa các liên kết và cuộn cửa sổ trình duyệt
là các tác vụ khó thực hiện trên thiết bị di động
– XHTML-MP cung cấp cách thức giúp đẩy nhanh việc kích
hoạt liên kết trong thẻ <a> bằng cách sử dụng bàn phím
điện thoại di động
– Phím truy cập là phím tắt dạng số được gắn với một liên
kết. Khi nhấn phím tắt đó thì sẽ kích hoạt liên kết tương
ứng
– Sử dụng thuộc tính accesskey của thẻ <a> để tạo phím
tắt dạng số
• Liên kết và phím truy cập:
– Điều hướng giữa các liên kết và cuộn cửa sổ trình duyệt
là các tác vụ khó thực hiện trên thiết bị di động
– XHTML-MP cung cấp cách thức giúp đẩy nhanh việc kích
hoạt liên kết trong thẻ <a> bằng cách sử dụng bàn phím
điện thoại di động
– Phím truy cập là phím tắt dạng số được gắn với một liên
kết. Khi nhấn phím tắt đó thì sẽ kích hoạt liên kết tương
ứng
– Sử dụng thuộc tính accesskey của thẻ <a> để tạo phím
tắt dạng số
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 17
<div>1. <a href="/" accesskey="1">Home</a></div>
18. XHTML-MP
• Đối tượng nhúng:
– Các thẻ <object> và <param> đều được hỗ trợ trong
XHTML-MP trừ khi có những thay đổi được thông báo
trước
• Lỗi thực thi thông dụng:
– Trình duyệt di động có những khiếm khuyết và cũng hỗ
trợ không đầy đủ các tính năng và ngôn ngữ mã đánh
dấu
– Tài liệu XHTML-MP có thể được hiển thị với sự khác biệt
chút ít hoặc rất rõ ràng trên các model và phiên bản
trình duyệt khác nhau
– Một số lỗi:
» Trình duyệt có thể có một số lượng nhỏ phông chữ đã được cài
đặt. Thành phần tiêu đề (<h1> ... <h6>) chỉ có thể tăng kích cỡ
phông lên hai hoặc ba lần.
• Đối tượng nhúng:
– Các thẻ <object> và <param> đều được hỗ trợ trong
XHTML-MP trừ khi có những thay đổi được thông báo
trước
• Lỗi thực thi thông dụng:
– Trình duyệt di động có những khiếm khuyết và cũng hỗ
trợ không đầy đủ các tính năng và ngôn ngữ mã đánh
dấu
– Tài liệu XHTML-MP có thể được hiển thị với sự khác biệt
chút ít hoặc rất rõ ràng trên các model và phiên bản
trình duyệt khác nhau
– Một số lỗi:
» Trình duyệt có thể có một số lượng nhỏ phông chữ đã được cài
đặt. Thành phần tiêu đề (<h1> ... <h6>) chỉ có thể tăng kích cỡ
phông lên hai hoặc ba lần.
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 18
19. XHTML-MP
» Hiển thị bảng kém đến mức nên tránh hoàn toàn.
» Giao diện người dùng cho các danh sách lựa chọn đơn hoặc danh
sách lựa chọn nhiều mục sẽ thay đổi khi hiển thị.
» Tiêu đề tài liệu có thể được hiển thị ngay trong cửa sổ trình duyệt,
trong chrome cửa sổ, hoặc không được hiển thị.
» Cắt và căn chỉnh hình ảnh có thể không được hỗ trợ sử dụng CSS.
Hỗ trợ không chính xác hoặc không đầy đủ các chỉ thị dùng để
định dạng trong CSS.
» Các thuộc tính mặc định về lề và padding (vùng đệm) trong mô
hình hộp CSS có thể thay đổi.
» Hiển thị bảng kém đến mức nên tránh hoàn toàn.
» Giao diện người dùng cho các danh sách lựa chọn đơn hoặc danh
sách lựa chọn nhiều mục sẽ thay đổi khi hiển thị.
» Tiêu đề tài liệu có thể được hiển thị ngay trong cửa sổ trình duyệt,
trong chrome cửa sổ, hoặc không được hiển thị.
» Cắt và căn chỉnh hình ảnh có thể không được hỗ trợ sử dụng CSS.
Hỗ trợ không chính xác hoặc không đầy đủ các chỉ thị dùng để
định dạng trong CSS.
» Các thuộc tính mặc định về lề và padding (vùng đệm) trong mô
hình hộp CSS có thể thay đổi.
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 19
20. XHTML-MP
XHTML-MP 1.1:
Bổ sung hỗ trợ cho các thẻ <script> và <noscript>, các sự
kiện DOM và phương ngữ của ngôn ngữ kịch bản
ECMAScript như JavaScript hay ECMAScript MP tối ưu hóa
dành di động
AJAX được dùng trong XHTML-MP 1.1 cho các trình duyệt
di động hỗ trợ một biến XmlHttpRequest và thuộc tính
cũng như phương thức đầy đủ của DOM
Tương tự như XHTML, mã kịch bản của XHTML-MP 1.1 có
thể được tham chiếu bên ngoài hoặc được viết ngay trong
một tài liệu XHTML-MP
Kiểu MIME text/javascript phải được sử dụng để định danh
JavaScript và ECMAScript MP trong tài liệu đánh dấu
XHTML-MP 1.1.
XHTML-MP 1.1:
Bổ sung hỗ trợ cho các thẻ <script> và <noscript>, các sự
kiện DOM và phương ngữ của ngôn ngữ kịch bản
ECMAScript như JavaScript hay ECMAScript MP tối ưu hóa
dành di động
AJAX được dùng trong XHTML-MP 1.1 cho các trình duyệt
di động hỗ trợ một biến XmlHttpRequest và thuộc tính
cũng như phương thức đầy đủ của DOM
Tương tự như XHTML, mã kịch bản của XHTML-MP 1.1 có
thể được tham chiếu bên ngoài hoặc được viết ngay trong
một tài liệu XHTML-MP
Kiểu MIME text/javascript phải được sử dụng để định danh
JavaScript và ECMAScript MP trong tài liệu đánh dấu
XHTML-MP 1.1.
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 20
21. XHTML-MP
XHTML-MP 1.2 :
XHTML-MP 1.2 là phiên bản mới nhất cho chuẩn mã đánh dấu.
XHTML-MP 1.2 bổ sung hỗ trợ cho chế độ nhập văn bản, đối
tượng và sự kiện
Giải pháp tốt nhất cho phát triển web với XHTML-
MP:
Trang web được thiết kế đơn giản, tải nhanh sẽ chiếm vị
trí hàng đầu
Người dùng di động phải trả phí cho mỗi kilobyte (KB) lưu
lượng sử dụng
Trang web có thể đọc được mà không cần hình ảnh hoặc
CSS
Rắc rối với thanh cuộn
XHTML-MP 1.2 :
XHTML-MP 1.2 là phiên bản mới nhất cho chuẩn mã đánh dấu.
XHTML-MP 1.2 bổ sung hỗ trợ cho chế độ nhập văn bản, đối
tượng và sự kiện
Giải pháp tốt nhất cho phát triển web với XHTML-
MP:
Trang web được thiết kế đơn giản, tải nhanh sẽ chiếm vị
trí hàng đầu
Người dùng di động phải trả phí cho mỗi kilobyte (KB) lưu
lượng sử dụng
Trang web có thể đọc được mà không cần hình ảnh hoặc
CSS
Rắc rối với thanh cuộn
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 21
23. CSS CHO WEB DI ĐỘNG
Hầu hết các trình duyệt di động đều hỗ trợ một
hoặc vài chuẩn trong số ba chuẩn CSS (Cascading
Style Sheet): CSS2, Wireless CSS và CSS Mobile
Profile
Một số điện thoại thông minh với trình duyệt WebKit
cũng hỗ trợ một phần chuẩn CSS3
Hỗ trợ sử dụng stylesheet trong tài liệu đánh dấu
theo ba phong cách: ngoại, nội và cục bộ
Từ khóa chọn media và stylesheet phụ thuộc thiết bị
Hầu hết các trình duyệt di động đều hỗ trợ một
hoặc vài chuẩn trong số ba chuẩn CSS (Cascading
Style Sheet): CSS2, Wireless CSS và CSS Mobile
Profile
Một số điện thoại thông minh với trình duyệt WebKit
cũng hỗ trợ một phần chuẩn CSS3
Hỗ trợ sử dụng stylesheet trong tài liệu đánh dấu
theo ba phong cách: ngoại, nội và cục bộ
Từ khóa chọn media và stylesheet phụ thuộc thiết bị
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 23
<link rel="stylesheet" type="text/css" media="handheld" href="foo.css" />
24. CSS CHO WEB DI ĐỘNG
CSS2:
Trình duyệt web trên di động đầy đủ sẽ hỗ trợ toàn
bộ bản mô tả của CSS2
Wireless CSS và CSS Mobile Profile:
Wireless CSS và CSS Mobile Profile có mối liên hệ chặt
chẽ với nhau
Là những tập con độc lập liên quan đến di động của
CSS2 và được sử dụng để định dạng tài liệu XHTML-
MP
2 chuẩn CSS di động này có giải pháp tương thích và
giao thoa với nhau
CSS2:
Trình duyệt web trên di động đầy đủ sẽ hỗ trợ toàn
bộ bản mô tả của CSS2
Wireless CSS và CSS Mobile Profile:
Wireless CSS và CSS Mobile Profile có mối liên hệ chặt
chẽ với nhau
Là những tập con độc lập liên quan đến di động của
CSS2 và được sử dụng để định dạng tài liệu XHTML-
MP
2 chuẩn CSS di động này có giải pháp tương thích và
giao thoa với nhau
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 24
25. CSS CHO WEB DI ĐỘNG
Một số thuộc tính CSS di động:
CSS2 Mô tả Wireless CSS CSS Mobile Profile
background-color Màu nền cho
thành phần khối
Giá trị inherit là
tùy chọn trong
chuẩn.
Hỗ trợ đầy đủ
background-image Xác định một ảnh
nền
Giá trị inherit là
tùy chọn trong
chuẩn.
Hỗ trợ đầy đủ
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 25
Xác định một ảnh
nền
Giá trị inherit là
tùy chọn trong
chuẩn.
border-style Thiết lập kiểu cho
đường viền hộp
của tài liệu
Các giá trị được hỗ
trợ là none, solid,
dashed và dotted.
Giá trị tùy chọn là
hidden, double,
groove, ridge,
inset, outset và
inherit
Các giá trị được hỗ
trợ là none, solid,
dashed, dotted và
inherit
26. CSS CHO WEB DI ĐỘNG
Xác định khả năng hỗ trợ CSS của thiết bị di động:
Hãy tham khảo tài liệu hướng dẫn của nhà sản xuất
trình duyệt nếu như tài liệu có sẵn
Tham khảo CSDL thiết bị
Sử dụng các trang thử nghiệm trình duyệt di động
công cộng để giải quyết vấn đề hỗ trợ CSS
Tạo các trang thử nghiệm CSS riêng để minh họa hỗ
trợ thuộc tính CSS.
Xác định khả năng hỗ trợ CSS của thiết bị di động:
Hãy tham khảo tài liệu hướng dẫn của nhà sản xuất
trình duyệt nếu như tài liệu có sẵn
Tham khảo CSDL thiết bị
Sử dụng các trang thử nghiệm trình duyệt di động
công cộng để giải quyết vấn đề hỗ trợ CSS
Tạo các trang thử nghiệm CSS riêng để minh họa hỗ
trợ thuộc tính CSS.
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 26
27. CSS CHO WEB DI ĐỘNG
Giải pháp tốt nhất cho CSS di động:
Tất cả các giá trị thuộc tính dạng số phải bao gồm
các đơn vị
Sử dụng giá trị chung cho giá trị font-family và các
giá trị tương đối cho font-size
border-style đáng tin cậy duy nhất là solid (nét đậm)
Kiểm tra khả năng tương thích của dấu phân cách
URL
Giải pháp tốt nhất cho CSS di động:
Tất cả các giá trị thuộc tính dạng số phải bao gồm
các đơn vị
Sử dụng giá trị chung cho giá trị font-family và các
giá trị tương đối cho font-size
border-style đáng tin cậy duy nhất là solid (nét đậm)
Kiểm tra khả năng tương thích của dấu phân cách
URL
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 27
29. NHẬN DIỆN THIẾT BỊ & THÍCH ỨNG NỘI DUNG
Nhận diện thiết bị:
Là quá trình sử dụng thông tin trong yêu cầu HTTP
để xác định trình duyệt, thiết bị di động và những khả
năng của chúng
Nhận biết được các đặc điểm của thiết bị di động cho
phép website đưa ra mã đánh dấu di động, định
dạng, mã kịch bản và bố cục trang phù hợp, nhằm
cung cấp trải nghiệm tốt nhất có thể cho người dùng
Nhận diện thiết bị:
Là quá trình sử dụng thông tin trong yêu cầu HTTP
để xác định trình duyệt, thiết bị di động và những khả
năng của chúng
Nhận biết được các đặc điểm của thiết bị di động cho
phép website đưa ra mã đánh dấu di động, định
dạng, mã kịch bản và bố cục trang phù hợp, nhằm
cung cấp trải nghiệm tốt nhất có thể cho người dùng
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 29
30. NHẬN DIỆN THIẾT BỊ & THÍCH ỨNG NỘI DUNG
Dùng header của yêu cầu HTTP để nhận diện thiết bị
di động:
• Bằng cách kiểm tra siêu dữ liệu trong header của yêu
cầu HTTP, ta xác định được thiết bị di động và trình
duyệt
• Sử dụng ba trường trong header yêu cầu đặc biệt quan
trọng trong định danh thiết bị:
– Trường User-Agent : dùng để xác định trình duyệt di
động và hầu như cũng định danh luôn nhà sản xuất thiết
bị di động và mô-đen thiết bị
– Trường X Wap Profile: cung cấp URL cho User-Agent
Profile theo định dạng file RDF (Resource Description
Framework – là ngôn ngữ con của XML theo đặc tả của
W3C)
– Trường Accept
Dùng header của yêu cầu HTTP để nhận diện thiết bị
di động:
• Bằng cách kiểm tra siêu dữ liệu trong header của yêu
cầu HTTP, ta xác định được thiết bị di động và trình
duyệt
• Sử dụng ba trường trong header yêu cầu đặc biệt quan
trọng trong định danh thiết bị:
– Trường User-Agent : dùng để xác định trình duyệt di
động và hầu như cũng định danh luôn nhà sản xuất thiết
bị di động và mô-đen thiết bị
– Trường X Wap Profile: cung cấp URL cho User-Agent
Profile theo định dạng file RDF (Resource Description
Framework – là ngôn ngữ con của XML theo đặc tả của
W3C)
– Trường Accept
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 30
31. NHẬN DIỆN THIẾT BỊ & THÍCH ỨNG NỘI DUNG
– Trường Accept: cung cấp danh sách các kiểu MIME được
hỗ trợ trong trình duyệt và thiết bị.
Accept-Language: en-US,en;q=0.5
x-wap-profile: "http://www.blackberry.net/go/mobile/profiles/uaprof/8310/4.2.2.rdf"
Host: learnto.mobi
Accept-Charset: ISO-8859-1,UTF-8,US-ASCII,UTF-16BE,windows-1252,UTF-16LE,windows-1250
User-Agent: BlackBerry8310/4.2.2 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/102
Accept:
application/vnd.rim.html,text/html,application/xhtml+xml,application/vnd.wap.xhtml+xml,
t ext/vnd.sun.j2me.app-descriptor,image/vnd.rim.png,image/jpeg,application/x-
vnd.rim.pme.b,application/vnd.rim.ucs,image/gif;anim=1,application/vnd.wap.wmlc;q=0.9,
ap
plication/vnd.wap.wmlscriptc;q=0.7,text/vnd.wap.wml;q=0.7,*/*;q=0.5
profile: http://www.blackberry.net/go/mobile/profiles/uaprof/8310/4.2.2.rdf
Via: BISB_3.4.0.56, 1.1 pmds166.bisb1.blackberry:3128 (squid/2.7.STABLE6)
Cache-Control: max-age=259200
Connection: keep-alive
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 31
Accept-Language: en-US,en;q=0.5
x-wap-profile: "http://www.blackberry.net/go/mobile/profiles/uaprof/8310/4.2.2.rdf"
Host: learnto.mobi
Accept-Charset: ISO-8859-1,UTF-8,US-ASCII,UTF-16BE,windows-1252,UTF-16LE,windows-1250
User-Agent: BlackBerry8310/4.2.2 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/102
Accept:
application/vnd.rim.html,text/html,application/xhtml+xml,application/vnd.wap.xhtml+xml,
t ext/vnd.sun.j2me.app-descriptor,image/vnd.rim.png,image/jpeg,application/x-
vnd.rim.pme.b,application/vnd.rim.ucs,image/gif;anim=1,application/vnd.wap.wmlc;q=0.9,
ap
plication/vnd.wap.wmlscriptc;q=0.7,text/vnd.wap.wml;q=0.7,*/*;q=0.5
profile: http://www.blackberry.net/go/mobile/profiles/uaprof/8310/4.2.2.rdf
Via: BISB_3.4.0.56, 1.1 pmds166.bisb1.blackberry:3128 (squid/2.7.STABLE6)
Cache-Control: max-age=259200
Connection: keep-alive
Header yêu cầu HTTP của điện thoại Blackberry Curve 8310
32. NHẬN DIỆN THIẾT BỊ & THÍCH ỨNG NỘI DUNG
Dùng CSDL thiết bị để nhận biết khả năng của thiết
bị:
• Sử dụng CSDL thiết bị là phương pháp chính xác nhất để nhận diện
thiết bị di động và xác định đặc tính
• Các công cụ được sử dụng bao gồm: CSDL thiết bị và API của CSDL
đó
• CSDL thiết bị có thể là file vật lý ở định dạng XML, JSON hoặc định
khác, hoặc có thể là một cơ sở dữ liệu quan hệ (relation database)
CSDL thiết bị WURFL:
• WURFL (Wireless Universal Resource File) là CSDL thiết bị di động
mở được xây dựng bởi cộng đồng, cung cấp các API mã nguồn mở
cho phép truy cập vào CSDL chứa thông tin đặc tính của thiết bị và
trình duyệt di động
• Có thể tải CSDL WURFL, file vá lỗi và cài đặt API từ website WURFL
SourceForge
Dùng CSDL thiết bị để nhận biết khả năng của thiết
bị:
• Sử dụng CSDL thiết bị là phương pháp chính xác nhất để nhận diện
thiết bị di động và xác định đặc tính
• Các công cụ được sử dụng bao gồm: CSDL thiết bị và API của CSDL
đó
• CSDL thiết bị có thể là file vật lý ở định dạng XML, JSON hoặc định
khác, hoặc có thể là một cơ sở dữ liệu quan hệ (relation database)
CSDL thiết bị WURFL:
• WURFL (Wireless Universal Resource File) là CSDL thiết bị di động
mở được xây dựng bởi cộng đồng, cung cấp các API mã nguồn mở
cho phép truy cập vào CSDL chứa thông tin đặc tính của thiết bị và
trình duyệt di động
• Có thể tải CSDL WURFL, file vá lỗi và cài đặt API từ website WURFL
SourceForge
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 32
33. TỔNG KẾT
Một số ngôn ngữ đánh dấu thông dụng cho việc
phát triển web di động:
XHTML: thường sử dụng trên smartphone
HTML5: thường được sử dụng
XHTML-MP
WMP
Hầu hết các trình duyệt di động đều hỗ trợ một
hoặc vài chuẩn trong số ba chuẩn CSS. Tuy nhiên
với một số thuộc tính sẽ được rút gọn để phù hợp
với thiết bị
Một số ngôn ngữ đánh dấu thông dụng cho việc
phát triển web di động:
XHTML: thường sử dụng trên smartphone
HTML5: thường được sử dụng
XHTML-MP
WMP
Hầu hết các trình duyệt di động đều hỗ trợ một
hoặc vài chuẩn trong số ba chuẩn CSS. Tuy nhiên
với một số thuộc tính sẽ được rút gọn để phù hợp
với thiết bị
Slide 2 - Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển we mobile 33