Chuyển đổi Từ HTML Sang AMP

• Giới thiệu
  • Website AMP
  • Web Stories
  • Quảng cáo AMP
  • Email AMP
  • Cách thức hoạt động của AMP
  • Tầm nhìn & Sứ mệnh
  • Trường hợp sử dụng
  • Câu chuyện thành công
• Tài liệu
  • Bắt đầu
  • Hướng dẫn & Tập luyện
  • Thành phần
  • Ví dụ
  • Khóa học
  • Khuôn mẫu
  • Công cụ
• Cộng đồng
  • Đóng góp
  • Lộ trình
  • Quản lý
  • Nhóm làm việc
• Sự kiện
  • AMP Fest 2020
  • AMP Roadshow
• Blog
• Trợ giúp

Chọn định dạng của bạn để có một trải nghiệm giản lược hơn Mục lục

• Bạn sẽ học được cách để:
• Bạn sẽ xây dựng:

Thanh bên Bật/Tắt Thanh bên Bật/Tắt Tài liệu Hướng dẫn & Tập luyện Chuyển đổi từ HTML sang AMP Chuyển đổi từ HTML sang AMP

Trong bài thực hành này, bạn sẽ học về các khái niệm chính của AMP và điểm khác biệt giữa các tài liệu AMP so với tài liệu HTML truyền thống. Vào cuối bài thực hành này, bạn sẽ xây dựng được một trang AMP từ một trang HTML hiện có.

Bạn sẽ học được cách để:

• Làm chủ nền tảng của một website AMP
• Nhận biết sự khác biệt giữa các trang AMP và trang HTML truyền thống
• Chuyển đổi một trang HTML truyền thống thành AMP HTML
• Xác thực một trang AMP
• Chuẩn bị nội dung AMP của bạn để quảng bá

Bạn sẽ xây dựng:

Một trang bài viết tin tức đơn giản tuân theo các thông số AMP và tích hợp những tính năng phổ biến trên các website tin tức di động.

Bắt đầu

websites stories ads email
• Bắt đầu
  • Create your first AMP Page
    • Tạo trang AMP HTML của bạn
    • Bao gồm một ảnh
    • Sửa đổi trình bày và bố cục
    • Chuẩn bị trang của bạn để quảng bá và phân phối
    • Actions and events
    • Xem trước và xác thực
    • Các bước hoàn thiện trước khi phát hành
  • Convert HTML to AMP
    • Thiết lập
    • Xây dựng một trang HTML thông thường
    • Giải quyết các lỗi xác thực
    • Quảng bá trang của bạn
    • Chúc mừng!
  • Add advanced AMP features
    • Thiết lập
    • Xem lại mã bắt đầu
    • Thêm các thành phần AMP mở rộng
    • Thêm băng chuyền
    • Theo dõi tương tác bằng công cụ phân tích
    • Điều hướng trong website của bạn
    • Thêm phông chữ
    • Chúc mừng!
• Học
  • Hành động và sự kiện
  • Common element attributes
  • Thông số kỹ thuật của AMP HTML
    • AMP HTML Responsive Attributes
    • Video in AMP
    • AMP HTML Specification
    • AMP Release Schedule
    • Code soạn sẵn AMP
  • Enable experimental features
  • AMP's Layout System
    • Hệ thống Bố cục AMPHTML
    • Demonstrating AMP layouts
  • Dòng công việc xác thực
    • Xác thực các trang AMP
    • AMP validation errors
  • Bộ nhớ đệm & CORS AMP
    • Cách các trang AMP được lưu trong bộ nhớ đệm
    • Gỡ lỗi cho các vấn đề của Bộ nhớ đệm AMP
    • Định dạng URL của Bộ nhớ đệm AMP và Xử lý Yêu cầu
    • CORS trong AMP
  • Mối liên hệ giữa AMP và PWA
• Phát triển
  • Style & Layout
    • Supported CSS
    • Bố cục & truy vấn đa phương tiện
    • Mã giữ chỗ & phương án dự phòng
    • Ảnh tương thích với srcset, kích cỡ & chiều cao
    • Create responsive AMP pages
    • Thêm phông chữ tùy chỉnh
  • Include media, iframes & third-party content
    • Bao gồm ảnh & video
    • Bao gồm nội dung của bên thứ ba
    • Bao gồm các iframe
  • Interactivity
    • Interactivity foundations
    • Ready-made interactivity with AMP components
    • Building personalized interactive experiences
    • Client-side rendering in AMP
  • Hoạt họa & Chuyển tiếp
    • Kích hoạt hình hoạt họa & chuyển tiếp CSS
    • Giới thiệu về hoạt họa phức hợp
  • Use custom JavaScript in AMP pages
  • Monetize your AMP pages
    • Kiếm tiền từ trang AMP của bạn với quảng cáo
    • Nhà cung cấp quảng cáo
    • Bảo vệ nội dung trả phí của bạn với mã hóa phía máy khách
  • Create interactive AMP pages
    • Thiết lập
    • Làm quen với code bắt đầu
    • Cải thiện tính tương tác
    • Làm việc với dữ liệu từ xa
    • Hoàn tất
  • Create a login-requiring AMP page
    • Đăng nhập
    • Thêm bình luận
    • Đăng xuất
    • Tóm tắt
  • Create a UI widget with custom JavaScript
  • Tạo một blog trực tiếp
  • Tạo một sơ đồ chỗ ngồi
• Tích hợp
  • Creating Web Story experiences using the Web Story Player on non-AMP sites
  • Sử dụng AMP như một nguồn dữ liệu cho PWA của bạn
  • Tải sẵn PWA của bạn từ các trang AMP
  • Tích hợp AMP với ứng dụng của bạn
  • Nhúng các câu chuyện vào các trang web
  • Integrate Web Stories in non-AMP pages
• Tối ưu & Đo lường
  • Danh mục kiểm tra cho việc phát hành AMP
  • Track engagement with analytics
    • Analytics: the basics
    • Đào sâu vào phân tích AMP
    • Trường hợp sử dụng
    • Nhà cung cấp công cụ phân tích
  • Using an AMP Optimizer
    • Cách hoạt động của Bộ tối ưu hoá AMP
    • Hướng dẫn Bộ tối ưu hoá AMP phiên bản Node.js
  • Quản lý trạng thái người dùng chưa xác thực với AMP
  • Phục vụ AMP bằng trao đổi nội dung đã kí danh
  • Quảng bá các trang của bạn
  • Cải thiện tương tác người dùng
  • Tối ưu hoá các trang AMP được lưu trữ của bạn
  • Bảo mật trước những tấn công của bên thứ ba
  • Biến website AMP của bạn thành một PWA
  • Dễ dàng truy cập ngoại tuyến và cải thiện hiệu năng
  • Cách cấu hình công cụ phân tích cơ bản cho các trang AMP
• Contribute
  • Cách để đóng góp
  • Contribute documentation
    • Loại tài liệu
    • AMP terminology
    • Hướng dẫn & thực hành định dạng
  • Tích hợp công cụ phân tích của bạn với AMP
  • Third party contributions
    • Release Schedule
  • Contribute translations

We use cookies to understand how you use our site and to improve your experience. By continuing to use our site, you accept our use of cookies and privacy policy.

Đã hiểu!