TIME 3 - Làm web giữa khuya

11 2 0
                                    

Chắc hẳn các bạn chưa biết, tôi là một sinh viên ngành công nghệ thông tin - hiện giờ mới đang học năm nhất thôi.

Phải đến đầu năm 2020 này thì tôi mới được học những cái cơ bản về website, ví dụ như DNS là Domain Name System, tức hệ thống tên miền hay hệ thống phân giải (resolve) tên miền; các khái niệm cơ bản của tên miền các cấp và tên miền quốc tế hay cách đăng ký tên miền miễn phí/có phí... rồi sau đó, tôi mới chính thức được học làm web bằng HTML (Hypertext Markup Language - ngôn ngữ đánh dấu siêu văn bản). Thực ra thì làm web bằng HTML cũng đơn giản thôi, và nó sẽ càng đơn giản hơn nếu như các bạn sử dụng phần mềm Visual Studio để code bằng ngôn ngữ này (bởi vì khi gõ một lệnh mở đầu nào đó thì nó sẽ tự khắc chèn thêm lệnh kết thúc, ví dụ nếu các bạn gõ <html> trong file .html mở bằng Visual Studio thì VS sẽ tự khắc chèn câu lệnh kết thúc </html> vào cuối dòng). Sau này làm web bằng ngôn ngữ JavaScript hay các ngôn ngữ làm web khác tương tự như PHP, Ruby,... thì việc học những ngôn ngữ ấy lại là một chuyện khác một trời một vực với HTML.

Uhm... có lẽ mình không nên đi quá sâu vào chuyện làm web, ha.

Mấy bữa nay tự cách ly tại nhà, nhà trường yêu cầu các giảng viên phải mở lớp học online để tiếp tục tiến trình học cho sinh viên trong mùa dịch, và những giờ học online chủ yếu của tôi là đều dính vào học phần "Thiết kế Web". Sự thật mà nói thì môn này không cần nhiều lý thuyết, chủ yếu là thực hành không thôi, và tập tài liệu mà chúng tôi phải sử dụng để thực hành là quyển sách mang tên Learning Web Design - một cuốn sách mà trăm phần trăm được viết bằng tiếng Anh và được xuất bản dưới dạng PDF để những học viên mới học làm web như chúng tôi có thể download về, rồi vừa mở tập ấy vừa thực hành trên VS (hoặc Notepad) cho dễ.

 Sự thật mà nói thì môn này không cần nhiều lý thuyết, chủ yếu là thực hành không thôi, và tập tài liệu mà chúng tôi phải sử dụng để thực hành là quyển sách mang tên Learning Web Design - một cuốn sách mà trăm phần trăm được viết bằng tiếng Anh và...

Oops! This image does not follow our content guidelines. To continue publishing, please remove it or upload a different image.

Hình trên là trang web thứ 7 mà tôi đã tự tạo nên bằng HTML, với chủ đề là tạo lại các playlist gồm các bài nhạc được trình diễn trong Paris By Night 130 - mình đặt tên nó là "PROJECT 006", và lý do tại sao mình gọi đây là trang thứ 7 là vì trang đầu tên có tựa đề là "PROJECT 000", tức là trang này được sử dụng để tự giới thiệu về mình cũng như những người mình thích (crush và idol của mình).

Nhìn như vậy thôi chứ thực chất để viết được một trang thế này là đã tốn mất hơn 3 giờ đồng hồ gõ code liên tục, và chỉ copy và paste ở những đoạn cần thiết thôi. Trang này được tạo bởi đúng 602 dòng code (tính cả những dòng trống được tạo bằng cách gõ Enter 2 lần liên tục là để đỡ bị rối mắt).

 Trang này được tạo bởi đúng 602 dòng code (tính cả những dòng trống được tạo bằng cách gõ Enter 2 lần liên tục là để đỡ bị rối mắt)

Oops! This image does not follow our content guidelines. To continue publishing, please remove it or upload a different image.

Đây là screenshot chụp lại lúc mình đã code được một nửa những gì mình cần.

Gọi là "một nửa những gì mình cần" là bởi vì khi làm trang này mình có hai task mà mình đã hoàn thành xong task đầu tiên:

- Thứ nhất, tạo bảng liệt kê những thông tin bao gồm: tên album, số TNCD của album này, số track, tổng thời lượng, hình mặt bìa trước và tracklist.

- Thứ hai, tạo ba bảng tương ứng với ba playlist gồm các bài nhạc được liệt kê ở bảng trên mà mình đã sắp xếp lại từ trước. Và bây giờ mình đã có các playlist với số track lần lượt là 13 - 10 - 11 (tracklist chi tiết xin mời xem ở TIME 4)

Những tấm ảnh được chèn vào trang:

Những tấm ảnh được chèn vào trang:

Oops! This image does not follow our content guidelines. To continue publishing, please remove it or upload a different image.

Oops! This image does not follow our content guidelines. To continue publishing, please remove it or upload a different image.

Oops! This image does not follow our content guidelines. To continue publishing, please remove it or upload a different image.

Ảnh 1: Như Quỳnh

Oops! This image does not follow our content guidelines. To continue publishing, please remove it or upload a different image.

Ảnh 1: Như Quỳnh

Ảnh 2: Don Hồ và Minh Tuyết

Ảnh 3: Trường Vũ và Như Quỳnh

Ảnh 4: Hoàng Oanh và Thái Hiền

Các bạn thích tấm hình nào, comment bên dưới cho mình biết nhé!

Nhật ký cách ly: Cách ly tại nhà và...Where stories live. Discover now