Htmlgithub

Khóa hướng dẫn tự học thiết kế trang web với HTML, CSS và JavaScript này được thiết kế dựa trên sự kết nối của khóa hướng dẫn tự học thiết kế trang web với HTML và CSS cùng trên trang CodeHub. vn

Trong khóa học này, các bạn sẽ học cách vận dụng các nền tảng kiến ​​thức nền tảng của JavaScript để tạo ra các hiệu ứng cũng như tương tác cho trang web. Các chức năng mà chúng tôi sẽ bổ sung vào các trang web được tạo ra từ khóa hướng dẫn trước khi có

• Phóng to hình ảnh trên trang khi người dùng nhấp vào chúng
• Create a slideshowbao gồm các công cụ hoạt động của hình ảnh
• Thêm trang câu hỏi thường gặp (FAQ) và tạo hiệu ứng đàn accordion cho trang
• Show the current year

Yêu Cầu

Điều kiện tiên quyết để có thể nắm bắt được các kỹ năng có sẵn trong hướng khóa dẫn đến điều này là bạn nắm giữ công thức kiến ​​​​thức cơ bản về JavaScript. In that bao gồm

• Cách sử dụng ngôn ngữ JavaScript theo kiểu đối tượng
• Tương tác với các phần tử DOM HTML sử dụng JavaScript. Ví dụ như tìm kiếm phần tử theo ID, thêm thuộc tính (như lớp CSS) cho phần tử, thay đổi nội dung của phần tử
• Sử dụng các biến đối tượng phổ biến trong JavaScript như chuỗi, ngày tháng

Nếu bạn chưa từng nghe hoặc chưa từng tìm hiểu về những kiến ​​thức mới nên ở trên thì bạn cần tham khảo khóa học JavaScript cơ bản trước khi bắt tay vào tìm hiểu các bài học trong khóa hướng dẫn này

Hello chào mừng mọi người đã quay lại với HoangLam. hôm nay, chúng ta sẽ cùng tìm hiểu về cách tạo một hoặc nhiều trang web bằng Github đơn giản trong 10 phút nhé. Oki no long lines nữa chúng ta cùng bắt đầu thôi

Cách tạo trang web đơn giản trong 10 phút với Github

Các bước thực hiện tạo trang web

Bước 1. Khởi tạo kho lưu trữ mới trên Github

Mọi người hãy truy cập vào trang Github này và điền một số thông tin như bên dưới nhé

Cách tạo trang web đơn giản trong 10 phút với Github bước 1

Phần Repository name mọi người có thể thay dấu cách bằng dấu gạch dưới cũng được hoặc để khoảng trống cũng được, và chọn Public nhé

Lưu ý khi mọi người khởi tạo repo mới, hãy nhớ tích vào chỗ Khởi tạo kho lưu trữ này bằng README. Nếu không, mọi người sẽ phải tự khởi động dự án trên máy tính của mình và sau đó trích xuất mã trên máy chủ github

Tiếp theo mọi người chọn Tạo kho lưu trữ

Bước 2. Tạo tệp . html

Sau khi khởi tạo repo mới, mọi người đang tiến hành theo thứ tự các bước nhỏ bên dưới

Chúng ta sẽ nhấp vào chọn Thêm tệp → Tạo tệp mới

Cách tạo trang web đơn giản trong 10 phút với Github bước 2A

Tiếp theo chúng ta sẽ đặt tên tệp là index. html (lưu ý không được sử dụng tên khác nhé)

Cách tạo trang web đơn giản trong 10 phút với Github bước 2B

Bước tới, tại ô Chỉnh sửa tệp mới phía dưới mọi người sao chép mã html của mọi người và dán vào (mã này có thể trích xuất từ ​​các trang web tĩnh khác)

Cách tạo trang web đơn giản trong 10 phút với Github bước 2C

Tiếp theo, chúng ta sẽ cuộn xuống bên dưới và chọn Cam kết tệp mới

Bước 3. website công khai

Sau khi up code xong, chúng ta vào phần Setting, để ý phần Option phía bên trái màn hình, chúng ta chọn phần Page

Cách tạo trang web đơn giản trong 10 phút với Github bước 3A

Cuối cùng chúng ta sẽ nhận được đường liên kết dẫn đến trang web mà chúng ta vừa tạo

Cách tạo trang web đơn giản trong 10 phút với Github bước 3B

Và đây là kết quả

Cách tạo trang web đơn giản trong 10 phút với Github bước 3C

Lưu ý. Trang web sẽ không hoạt động ngay, bạn cần đợi vài phút hoặc có thể lâu hơn để Github cập nhật mã lên nhé

Lời kết

Trên đây là bài viết hướng dẫn cách tạo website bằng Github đơn giản trong 10 phút được thực hiện bởi HoangLam. Mình hy vọng điều này sẽ là sự khởi đầu cho cuộc hành trình phát triển web của các bạn. Nếu có thắc mắc hay ý kiến ​​đóng góp hãy để lại bình luận phía bên dưới nhé