Các vấn đề cơ bản liên quan đến thiết kế Web

1. Internet

Internet, một kiến trúc hệ thống đã cách mạng hóa truyền thông và phương thức thương mại bằng cách cho phép các mạng máy tính khác nhau trên khắp thế giới kết nối với nhau. Đôi khi được gọi là “mạng lưới mạng”, Internet xuất hiện ở Hoa Kỳ vào những năm 1970 nhưng không được công chúng nhìn thấy cho đến đầu những năm 1990. Đến năm 2020, khoảng 4,5 tỷ người, tương đương hơn một nửa dân số thế giới, ước tính có quyền truy cập Internet.

2. Địa chỉ Internet

Máy tính được kết nối với internet có nghĩa là các hệ thống được kết nối với mạng trên toàn thế giới của máy tính. Do đó, mỗi máy / thiết bị có địa chỉ riêng hoặc duy nhất. Địa chỉ của internet có dạng “kkk.kkk.kkk.kkk”, trong đó mỗi “kkk” dao động từ 0-256. Cấu trúc này của địa chỉ internet được gọi là địa chỉ IP (Giao thức Internet). Hình 1 mô tả kết nối giữa hai máy tính sử dụng internet. Cả hai hệ thống đều có địa chỉ IP duy nhất. Tuy nhiên, internet là một đối tượng duy nhất giữa cả hai hệ thống.

Hình 1. Kết nối Internet

3. Cơ sở hạ tầng của mạng

Khuôn khổ của internet bao gồm nhiều mạng lớn được kết nối với nhau. Các mạng lớn gọi là Nhà cung cấp dịch vụ mạng (NSP). UUNet, IBM, CerfNet, SprintNet, PSINet là những ví dụ nổi tiếng về NSP. Lưu lượng gói được trao đổi giữa các mạng ngang hàng này. Mỗi NSP cần được kết nối với ba Điểm truy cập mạng (NAPs). Trong lưu lượng truy cập NAPs, các gói có điều khoản để chuyển từ một NSP sang xương sống của một NSP khác. Trao đổi khu vực đô thị (MAU) cũng được kết nối với nhau bằng cách sử dụng NSP. MAU và NAP có cùng chức năng; tuy nhiên, CÁC MAU thuộc sở hữu tư nhân.

Hình 2. Cơ sở hạ tầng mạng

Do đó, các điểm kết nối ban đầu là NAP. Ngược lại, cả hai (MAU &AMP) được gọi là Điểm trao đổi Internet (IX). NSP cung cấp dịch vụ cho các mạng nhỏ hơn khác bao gồm ISP. Tuy nhiên, xương sống của một cơ sở hạ tầng NSP duy nhất khá phức tạp để vẽ. Tuy nhiên, chủ yếu là các NSP xuất bản cơ sở hạ tầng của họ trên web liên quan đến bản đồ mạng. 

4. Tên miền

Nếu chúng ta phải nhớ địa chỉ IP của tất cả các trang web yêu thích của mình, có lẽ chúng ta sẽ phát điên! Con người chỉ không giỏi ghi nhớ các chuỗi số. Tuy nhiên, chúng ta rất giỏi trong việc ghi nhớ các từ và đó là lúc tên miền xuất hiện. Bạn có thể có hàng trăm tên miền được lưu trữ trong đầu, chẳng hạn như:

  • Vietnamnet.vn; tuoitre.vn…
  • google.com — một trong những tên miền được sử dụng nhiều nhất trên thế giới
  • mit.edu — một tên EDU phổ biến
  • bbc.co.uk — một tên miền gồm ba phần sử dụng mã quốc gia Vương quốc Anh

Bạn sẽ nhận ra tên miền có các chuỗi ký tự được phân tách bằng dấu chấm (dấu chấm). Từ cuối cùng trong tên miền đại diện cho tên miền cấp cao nhất. Các tên miền cấp cao nhất này được kiểm soát bởi IANA trong cái được gọi là Cơ sở dữ liệu vùng gốc, chúng ta sẽ xem xét kỹ hơn sau. Có hơn 1.000 tên miền cấp cao nhất và đây là một số tên miền phổ biến nhất:

  • COM – các trang web thương mại, mặc dù mở cửa cho tất cả mọi người
  • NET – các trang web mạng, mặc dù mở cửa cho tất cả mọi người
  • ORG – các trang web của tổ chức phi lợi nhuận, mặc dù mở cửa cho tất cả mọi người
  • EDU – giới hạn trong các trường học và tổ chức giáo dục
  • MIL – bị giới hạn trong quân đội Hoa Kỳ
  • GOV – bị giới hạn trong chính phủ Hoa Kỳ
  • Hoa Kỳ, Vương quốc Anh, RU và các mã quốc gia gồm hai chữ cái khác – mỗi mã được gán cho một cơ quan quản lý tên miền ở quốc gia tương ứng

Trong một tên miền, mỗi từ và dấu chấm kết hợp bạn thêm vào trước tên miền cấp cao nhất cho biết một cấp độ trong cấu trúc tên miền. Mỗi cấp độ đề cập đến một máy chủ hoặc một nhóm máy chủ quản lý cấp miền đó.

Một tổ chức có thể có một hệ thống phân cấp các tên miền phụ tiếp tục tổ chức sự hiện diện trên internet của mình, chẳng hạn như “bbc.co.uk” là tên miền của BBC dưới CO, một cấp độ bổ sung được tạo ra bởi cơ quan quản lý tên miền chịu trách nhiệm về mã quốc gia vương quốc Anh.

Từ ngoài cùng bên trái trong tên miền, chẳng hạn như www hoặc mail, là tên máy chủ. Nó chỉ định tên của một máy cụ thể (với một địa chỉ IP cụ thể) trong một miền, thường dành riêng cho một mục đích cụ thể. Một miền nhất định có khả năng chứa hàng triệu tên máy chủ miễn là tất cả chúng đều là duy nhất cho miền đó. (Phần “http” là viết tắt của Giao thức truyền siêu văn bản và là giao thức mà thông tin được người dùng gửi đến trang web mà ta đang truy cập. Ngày nay, bạn có nhiều khả năng thấy “https” là dấu hiệu cho thấy thông tin đang được gửi bằng giao thức an toàn nơi thông tin được mã hóa. Điều này đặc biệt quan trọng nếu bạn đang cung cấp số thẻ tín dụng cho một trang web

Qui tắc đặt tên miền:
Tên miền nên được đặt đơn giản và có tính chất gợi nhớ, phù hợp với mục đích và phạm vi hoạt động của tổ chức, cá nhân sỡ hữu tên miền.
Mỗi tên miền được có tối đa 63 ký tự bao gồm cả dấu “.”. Tên miền được đặt bằng các chữ số và chữ cái (a-z A-Z 0-9) và ký tự “-”. Một tên miền đầy đủ có chiều dài không vượt quá 255 ký tự

5. Dịch vụ tên miền (DNS)

Dịch vụ tên miền (DNS) là một cơ sở dữ liệu phân tán hỗ trợ theo dõi tên của các thiết bị và các địa chỉ giao thức internet tích hợp có trên internet. Nhiều thiết bị được kết nối với phần máy chủ internet của cơ sở dữ liệu dịch vụ tên miền và phần mềm cho phép những người khác truy cập nó. Các hệ thống như vậy cũng được gọi là máy chủ DNS. Máy chủ DNS chỉ giữ một tập hợp con của cơ sở dữ liệu, không phải toàn bộ cơ sở dữ liệu. Do đó, nếu một máy tính yêu cầu một tên miền không có trong máy chủ DNS, nó sẽ chuyển hướng máy tính đến một máy chủ DNS mới. Hệ thống phân cấp của DNS chỉ tương tự như cấu trúc của hệ thống phân cấp định tuyến giao thức internet.

Bất cứ khi nào kết nối internet được thiết lập, một máy chủ CHÍNH và một hoặc lớn hơn một máy chủ DNS phụ sẽ trở thành một phần của quá trình cài đặt. Ví dụ tốt nhất về DNS là bất cứ khi nào khách hàng yêu cầu duyệt một trang web, trình duyệt web trước tiên kết nối với máy chủ DNS chính, từ đó nó sẽ đạt được địa chỉ IP cho tên miền theo yêu cầu của khách hàng. Sau đó, trình duyệt sẽ được liên kết với thiết bị mục tiêu để mở trang web.

6. World Wide Web (WWW):

World wide web (www) là dịch vụ phổ biến nhất trên internet — các mạng dựa trên một ứng dụng được gọi là Giao thức truyền siêu văn bản (HTTP). Các trang web được xây dựng bằng cách sử dụng một ngôn ngữ cụ thể được gọi là Ngôn ngữ đánh dấu siêu văn bản (HTML). Trên internet, các trình duyệt web và máy chủ trò chuyện với nhau với sự trợ giúp của HTTP. Giao thức là cấp độ ứng dụng vì nó hiện diện ở đầu lớp TCP. Trong trường hợp như vậy, trình duyệt web và máy chủ là các ứng dụng.

Một vài bước được thực hiện bất cứ khi nào khách hàng yêu cầu mở một trang web trong trình duyệt web.

  1. Hầu hết các máy khách sử dụng tên miền để mở URL trong trình duyệt để kết nối với DNS sẽ truy xuất địa chỉ IP tích hợp.
  2. Một kết nối được thiết lập giữa trình duyệt web và máy chủ web, nơi HTTP yêu cầu, được gửi để khám phá trang mong muốn trên web.
  3. Khi nhận được yêu cầu ở cấp độ máy chủ web, nó sẽ kiểm tra sự hiện diện của trang web được yêu cầu. Nếu máy chủ web tìm thấy trang web, nó sẽ gửi trang; nếu không, nó sẽ gửi một lỗi có chứa “Lỗi HTTP 404”.
  4. Kết nối được thực hiện đóng khi trình duyệt web sẽ nhận được trang web được yêu cầu từ máy chủ web.
  5. Sau đó, trình duyệt web phân tích cú pháp từng phần tử nằm trong trang web được yêu cầu.
  6. Một vài kết nối được thiết lập từ quan điểm của yêu cầu HTTP để điều chỉnh văn bản, hình ảnh và kiểu dáng của trang web được yêu cầu bên trong trình duyệt web.
  7. Sau khi nhận được tất cả các yếu tố và điều chỉnh chúng một cách chính xác, trang web được tải và hiển thị trong trình duyệt web.

7. HTML

 

HTML là viết tắt của HyperText Markup Language. Nó là một ngôn ngữ đánh dấu tiêu chuẩn để tạo trang web. Nó cho phép tạo và cấu trúc của các phần, đoạn văn và liên kết bằng cách sử dụng các phần tử HTML (khối xây dựng của một trang web) như thẻ và thuộc tính.

HTML có rất nhiều trường hợp sử dụng, cụ thể là:

  • Phát triển web. Các nhà phát triển sử dụng mã HTML để thiết kế cách trình duyệt hiển thị các thành phần trang web, chẳng hạn như văn bản, siêu liên kết và tệp phương tiện.
  • Điều hướng Internet. Người dùng có thể dễ dàng điều hướng và chèn các liên kết giữa các trang và trang web có liên quan vì HTML được sử dụng nhiều để nhúng các siêu liên kết.
  • Tài liệu web. HTML giúp bạn có thể sắp xếp và định dạng tài liệu, tương tự như Microsoft Word.

8. Web Server, Web Browse

Web Browse (trình duyệt web) là một chương trình ứng dụng hiển thị tài liệu www. Nó thường sử dụng các dịch vụ internet khác để truy cập tài liệu.

Web Server (máy chủ Web) là một chương trình hoặc một máy tính có thể cung cấp dịch vụ cho các chương trình khác được gọi là máy khách.

Hình 1. Mối liên hệ giữa Web browser và web server

Sự khác biệt chính giữa Web Browse và Web Server là trình duyệt Web yêu cầu tài liệu và dịch vụ và hoạt động như một giao diện giữa máy khách và máy chủ hiển thị nội dung web. Mặt khác, máy chủ Web chấp nhận, phê duyệt và phản hồi yêu cầu được thực hiện bởi trình duyệt web cho một tài liệu web.

Khi người dùng yêu cầu trình duyệt lấy một trang web, trình duyệt sẽ đưa ra hướng dẫn này với sự trợ giúp của giao thức được gọi là Giao thức điều khiển truyền dẫn (hoặc TCP). TCP là một giao thức truyền tải (lớp), cung cấp định dạng truyền tải đáng tin cậy cho hướng dẫn. Công việc của nó là xác nhận trình tự chính xác của toàn bộ tin nhắn để nó có thể được đóng gói để truyền (và nó cũng được giải nén chính xác và ghép lại với nhau sau khi đến đích).

Tuy nhiên, trước khi các gói dữ liệu được gửi qua mạng một cách duy nhất, chúng cần được giải quyết. Do đó, một giao thức thứ hai được gọi là Giao thức truyền siêu văn bản (hoặc HTTP) đặt một nhãn địa chỉ duy nhất trên đó. HTTP là giao thức sử dụng World Wide Web trong việc chuyển thông tin từ máy tính này sang máy tính khác – khi bạn thấy URL có tiền tố với http:// bạn có thể biết ngay rằng giao thức internet đang được sử dụng trong HTTP.

Thông báo đi từ trình duyệt web đến máy chủ web được gọi là yêu cầu HTTP. Khi máy chủ web nhận được yêu cầu này, nó sẽ tìm kiếm các nơi lưu trữ của mình để tìm trang thích hợp. Nếu máy chủ web có thể định vị trang, nó sẽ thu nhỏ HTML chứa bên trong (sử dụng TCP hoặc một số giao thức lớp truyền tải khác), giải quyết các bưu kiện này đến trình duyệt (sử dụng HTTP) và truyền chúng trở lại qua mạng.

Nếu máy chủ web không thể tìm thấy trang được yêu cầu, nó sẽ gửi một trang có chứa thông báo lỗi (tức là Lỗi 404 – không tìm thấy trang) – và nó sẽ gửi các công văn trang đó đến trình duyệt. Thông báo này nhận được từ máy chủ web bởi trình duyệt được gọi là phản hồi HTTP.

9. Static Web pages, Dynamic Web Pages

Static Web pages – Trang web tĩnh

Các trang web tĩnh rất đơn giản. Nó được viết bằng các ngôn ngữ như HTML, JavaScript, CSS, v.v. Đối với các trang web tĩnh khi máy chủ nhận được yêu cầu cho một trang web, thì máy chủ sẽ gửi phản hồi cho máy khách mà không cần thực hiện bất kỳ quy trình bổ sung nào. Và các trang web này được nhìn thấy thông qua một trình duyệt web. Trong các trang web tĩnh, Trang sẽ vẫn giữ nguyên cho đến khi ai đó thay đổi nó theo cách thủ công.

Dynamic Web Pages – Trang web động
Trang web động được viết bằng các ngôn ngữ như CGI, AJAX, ASP, ASP.NET, v.v. Trong các trang web động, Nội dung của các trang là khác nhau đối với các khách truy cập khác nhau. Phải mất nhiều thời gian để tải hơn so với trang web tĩnh. Các trang web động được sử dụng khi thông tin được thay đổi thường xuyên, ví dụ: giá cổ phiếu, thông tin thời tiết, v.v.

 

 

10. URL, Web Hosting, Upload web, Download web.

URL (Bộ định vị tài nguyên thống nhất) là một mã định danh duy nhất được sử dụng để định vị tài nguyên trên Internet. Nó cũng được gọi là một địa chỉ web. URL bao gồm nhiều phần — bao gồm giao thức và tên miền — cho trình duyệt web biết cách thức và vị trí truy xuất tài nguyên.

Người dùng cuối sử dụng URL bằng cách nhập chúng trực tiếp vào thanh địa chỉ của trình duyệt hoặc bằng cách nhấp vào siêu liên kết được tìm thấy trên trang web, danh sách dấu trang, trong email hoặc từ một ứng dụng khác.

Web Hosting – Lưu trữ web là một dịch vụ lưu trữ trang web hoặc ứng dụng web của bạn và làm cho nó dễ dàng truy cập trên các thiết bị khác nhau như máy tính để bàn, thiết bị di động và máy tính bảng. Bất kỳ ứng dụng web hoặc trang web nào thường được tạo thành từ nhiều tệp, chẳng hạn như hình ảnh, video, văn bản và mã, mà bạn cần lưu trữ trên các máy tính đặc biệt được gọi là máy chủ. Nhà cung cấp dịch vụ lưu trữ web duy trì, định cấu hình và chạy các máy chủ vật lý mà bạn có thể thuê cho các tệp của mình. Dịch vụ lưu trữ trang web và ứng dụng web cũng cung cấp hỗ trợ bổ sung, chẳng hạn như bảo mật, sao lưu trang web và hiệu suất trang web, giúp giải phóng thời gian của bạn để bạn có thể tập trung vào các chức năng cốt lõi của trang web của mình.

Upload web là một trang web nơi mọi người có thể tải lên hình ảnh, video của họ, v.v. để được chia sẻ trên internet.

Download web mô tả việc sao chép dữ liệu từ máy tính này sang máy tính khác, qua mạng hoặc modem. Ví dụ: mỗi khi bạn truy cập một trang web trên Internet, bạn tải thông tin trên trang, bao gồm bất kỳ hình ảnh nào, xuống máy tính của mình. Thuật ngữ tải xuống thường được liên kết với hình ảnh, bài hát, video và chương trình.