Làm web đếm ngày yêu là thiết kế website có tính năng đếm ngày yêu dành cho các đôi đang hẹn hò. Cụ thể hơn là bạn muốn làm điều bất ngờ cho người yêu của mình bằng cách tạo ra website này.
Tìm hiểu trang web đếm ngày yêu
Đầu tiên là giới thiệu về giao diện của website đếm ngày yêu, đồng thời tính năng và giao diện của web đếm ngày yêu, cùng với hướng dẫn chỉnh sửa và sử dụng sẽ được nói tới trong phần giới thiệu dưới đây.
Ví dụ: Khi làm web đếm ngày yêu thì giao diện của site sẽ hiển thị thời gian từ khi 2 bạn quen nhau trong tới hiện tại.
Ngày quen nhau của 2 bạn sẽ được hiển thị tại hình trái tim giữa 2 hình ảnh. Một tính năng khác không thể không nói đến là có thể phát ra bài hát trong danh sách đặt từ trước.
Trang web đếm ngày yêu có thể tương tác trên nhiều thiết bị khác nhau. Giao diện thiết kế web html có thể co giãn phù hợp với kích thước màn hình điện thoại thông minh, máy tính bảng, ..
Đặc điểm nổi bật khi làm web đếm ngày yêu
- Thiết kế website sang trọng, cuốn hút, thân thiện với người dùng.
- Màu sắc được phối nhẹ nhàng, dễ nhìn đối với bạn nữ.
- Sử dụng htm5, css3 và Javascript để tùy chỉnh giao diện và nội dung dễ dàng.
- Tương thích hoạt động trên tất cả các thiết bị di động.
Hướng dẫn làm web đếm ngày yêu
Tùy chỉnh nội dung, hình ảnh website
Mở thư mục hình ảnh ra, lấy hình ảnh của bạn thay cho 2 hình ảnh bên trong.
Để không mất thời gian chỉnh sửa mã lệnh thì để nguyên tên của 2 ảnh.
- jpg nếu là ảnh của nam
- jpg trường hợp là ảnh của bạn nữ
Phần đuôi của ảnh thì bạn nên giữ nguyên dạng .jpg giúp ảnh nhẹ và tải trang hơn.
Tùy chỉnh nội dung trên trang
Mở file index.html lên bằng phần mềm lập trình. Lúc này mã lệnh html và css xuất hiện, bạn có thể bắt đầu thực hiện.
Tại 2 thẻ hình ảnh là <img src=”img/nam.jpg” class=”avatar”> và <img src=”img/hien.jpg” class=”avatar”> là 2 đường dẫn ảnh, nếu không thấy xuất hiện ảnh thì cần xem lại tên ảnh có đúng không.
Thiết lập thời gian hẹn hò
Công việc cuối cần làm là thiết lập thời gian hẹn hò, bạn thực hiện mở file main.js thông qua vscode để thêm, xóa, chỉnh sửa code.
Tại dòng var startDate = new Date(2018, 10, 1); có thể thay đổi những thông tin bên trong cho phù hợp với ngày bạn hẹn hò.
Khi thiết lập xong thì Save lại và cập nhật lên hosting là được.
Trên đây là những thông tin cũng như hướng dẫn làm web đếm ngày yêu, liên hệ tới thiết kế web 180 một trong những công ty thiết kế web lớn nhất Việt Nam, để biết thêm chi tiết, hotline: 0363280183 hoặc email:dtn.cntt@gmail.com. Chúc bạn có ngày hẹn hò mong muốn.
