Kiến thức làm web: Trình duyệt web và trình soạn thảo html

Nắm được những khái niệm và công cụ cơ bản trong xây dựng website, bao gồm trình duyệt web và trình soạn thảo html là những bước đầu tiên để bắt tay vào thiết kế một website cho riêng mình.

• Hướng dẫn cơ bản về CSS cho người mới bắt đầu
• HTML (Hyper Text Markup Language) là gì? HTML được sử dụng làm gì?
• Bật mí cẩm nang học lập trình web hiệu quả nhanh
• Học lập trình web bắt đầu từ đâu sẽ mang lại hiệu quả tốt?
• Cách sử dụng Phần tử giả (Pseudo-element) trong CSS

Trình duyệt web và trình soạn thảo HTML là những thứ cơ bản bạn cần có trên máy tính để bắt đầu với việc xây dựng một website. Bắt đầu tìm hiểu về những yếu tố thiết yếu này qua những kiến thức dưới đây nhé:

Trình duyệt web (browser)

Trình duyệt web là một ứng dụng phần mềm để truy cập thông tin trên World Wide Web. Mỗi trang web, hình ảnh và video riêng lẻ được xác định bằng một URL riêng biệt, cho phép các trình duyệt truy xuất và hiển thị chúng trên thiết bị của người dùng.

Trình duyệt web đọc định dạng HTML để hiển thị, do vậy một trang web có thể hiển thị khác nhau trên các trình duyệt khác nhau.

Các trình duyệt web phổ biến nhất là Chrome, Firefox, Safari, Internet Explorer (IE) và Microsoft Edge.

Internet Explorer là trình duyệt phổ biến nhất trong một thời gian dài vì nó là trình duyệt đi kèm với Microsoft Windows, đồng nghĩa nó không tự động hoạt động trên máy khác.

Năm 2015, Windows 10 ra mắt và sử dụng Microsoft Edge là trình duyệt thay thế IE. Những người mua máy tính mới từ giai đoạn này sẽ sử dụng Edge. Còn những người dùng máy cũ vẫn quen thuộc và thích sử dụng Internet Explorer hơn. Vì vậy, khi thiết kế web, bạn cần phải quan tâm tới cả hai loại trình duyệt này.

Một trình duyệt khác là Google Chrome. Google Chrome được phát triển bởi Google. Đây là một trình duyệt miễn phí được Google tạo ra và có thể sử dụng được trên Microsoft Windows. Tuy nhiên, Chrome cũng có thể hoạt động trên máy Linux, máy Apple, máy Android, về cơ bản là trên hầu hết các loại máy. Điểm mạnh của Google Chrome là đội ngũ thiết kế thực sự tập trung vào bảo mật. 

Firefox. Cũng là một trình duyệt miễn phí và có mã nguồn mở – mã nguồn tạo ra Firefox được chia sẻ miễn phí với tất cả mọi người. Firefox có sẵn cho các hệ điều hành Windows, macOS, Linux và BSD.

Trước 2015, Internet Explorer chiếm phần lớn trên tỉ lệ sử dụng trình duyệt. Sau đó, từ 2017, Chrome đã tạo ra đột biến lớn, tới 64% máy tính bàn và laptop sử dụng Chrome. Tiếp theo là Firefox rồi đến Internet Explorer và các trình duyệt khác.

Vì sao cần quan tâm tới trình duyệt và tỉ lệ sử dụng trình duyệt? Vì bạn cần biết khả năng hỗ trợ của trình duyệt, giúp hỗ trợ các thẻ html5 cũng như các công nghệ mà bạn sử dụng trong thiết kếweb. 

Ví dụ với Edge, đây là trình duyệt mới trong giai đoạn này, nên nó hỗ trợ gần như 100% các văn bản được thiết kế. Còn IE thì chỉ hỗ trợ được 56%, vì nó cơ bản đã bị thay thế và sẽ không được update nhiều. 

Bạn cũng cần biết rằng không phải ai cũng đang sử dụng trình duyệt mới nhất, vẫn có nhiều người dùng các trình duyệt cũ và cần lưu ý để thiết kế phù hợp cho mọi đối tượng.

Trình soạn thảo HTML

Bạn có thể sử dụng bất kì công cụ soạn thảo nào để bắt đầu viết mã nguồn cho trang html. Một số công cụ phổ biến là Visual Studio Code, Atom, NetBeans, Sublime Text, Notepad++.

Tùy vào thói quen và kinh nghiệm sử dụng công cụ, bạn có thể sử dụng bất kì trình soạn thảo HTML nào ở trên. Một lời khuyên từ các chuyên gia là sử dụng Visual Studio Code – trình soạn thảo HTML được phát hành bởi Microsoft. Đây là một công cụ miễn phí, mạnh mẽ, hỗ trợ nhiều ngôn ngữ lập trình và công nghệ khác nhau. Visual Studio Code có đủ các phiên bản cho các hệ điều hành Windows, Mac hay Linux.

Bạn có thể chọn phiên bản phù hợp và tải miễn phí tại đây.

Để học thiết kế và xây dựng website, mời bạn tham khảo khóa học Xây dựng website đầu tiên tại FUNiX. Ngoài giáo trình học đã được FUNiX thiết kế bài bản, chắt lọc từ học liệu của các trường học công nghệ uy tín, FUNiX còn có đội ngũ mentor là các chuyên gia trong nghề luôn đồng hành cùng học viên. Bạn có thể kết nối trực tuyến để hỏi mentor bất cứ khi nào gặp các kiến thức khó, chưa hiểu… trong suốt quá trình học.

Nguyên Chương (tổng hợp)