Hướng dẫn sử dụng phần mềm Dreamweaver

1. Tải và cài đặt phần mềm Dreamweaver 

    - Link tải: https://drive.google.com/file/d/1G9mXSrcKtDkguz0aLWFcHZRqnzGPWIkm/view?usp=sharing

Hướng dẫn sử dụng phần mềm VSCode

1. Tải và cài đặt phần mềm VSCode - chọn bản Windowns

Link tải: https://code.visualstudio.com/Download

Tạo Menu ngang thả xuống trong Blogspot

   Trong bố cục Blogspot thêm tiện ích HTML/Javascrip, sau đó dán đoạn code bên dưới vào:

Tạo thanh tìm kiếm trong Bogspot

  Trong bố cục Blogspot thêm tiện ích HTML/Javascrip, sau đó dán đoạn code bên dưới vào:

Tạo nút về đầu trang trong Blogspot

 Trong bố cục Blogspot thêm tiện ích HTML/Javascrip, sau đó dán đoạn code bên dưới vào:

Hiển thị bài đăng theo nhãn (label) trong Blogspot

 Trong bố cục Blogspot thêm tiện ích HTML/Javascrip, sau đó dán đoạn code bên dưới vào:

Khung hiển thi Code có nút Copy

Khung Code mẫu

...

<div class="centered">
  <div class="highlight">
    <pre class="highlight javascript"><code>Nội dung Code</code></pre>
  </div>
</div>

...

Cách sử dụng trong Bài đăng mới trong Blogspost :

Giao diện Blogspost dùng Bootstrap 5

 

Mẫu giao diện Blogspost tuỳ chỉnh HTML 01

Xem Demo

Code giao diện Blogspost tuỳ chỉnh trong HTML

Code Online

NGÔN NGỮ LẬP TRÌNH

Responsive Web Design - Templates (Các mẫu giao diện thông dụng)

 

Mẫu 01

CSS Responsive - Responsive Web Design - Media Queries (Giao diện đa nền tảng)

 Tạo giao diện đa nền tảng (máy tính bàn , máy tính bảng, di động). Xem ở đây

Ví dụ

Chania

• The Flight
• The City
• The Island
• The Food

The City

Chania is the capital of the Chania region on the island of Crete.

The city can be divided in two parts, the old town and the modern city. The old town is situated next to the old harbour and is the matrix around which the whole urban area was developed.

Chania lies along the north west coast of the island Crete.

Facts:

• Chania is a city on the island of Crete
• Crete is a Greek island in the Mediterranean Sea

Resize the browser window to see how the content respond to the resizing.

CSS Grid Layout - Tạo giao diện web

Tạo giao diện web với CSS Grid Layout

Bài 15. Responsive và CSS tự thích nghi độ lớn màn hình

Bài 14. Hiệu ứng chuyển động 2D và 3D trong CSS3