Thiết kế web bao gồm nhiều kỹ năng và kỷ luật khác nhau trong sản xuất và bảo trì trang web. Các lĩnh vực khác nhau của thiết kế web bao gồm thiết kế đồ họa web; thiêt kê giao diện; tác giả, bao gồm mã tiêu chuẩn và phần mềm độc quyền; Thiết kế trải nghiệm người dùng; và tối ưu hóa công cụ tìm kiếm. Thường thì nhiều cá nhân sẽ làm việc trong các nhóm bao gồm các khía cạnh khác nhau của quy trình thiết kế, mặc dù một số nhà thiết kế sẽ bao gồm tất cả. ^[1] Thuật ngữ thiết kế web thường được sử dụng để mô tả quy trình thiết kế liên quan đến thiết kế mặt trước (phía khách hàng) một trang web bao gồm viết đánh dấu. Thiết kế web chồng chéo một phần kỹ thuật web trong phạm vi phát triển web rộng hơn. Các nhà thiết kế web dự kiến ​​sẽ có nhận thức về khả năng sử dụng và nếu vai trò của họ liên quan đến việc tạo ra đánh dấu thì họ cũng được dự kiến ​​sẽ cập nhật các hướng dẫn về khả năng truy cập web.

Lịch sử

Sách thiết kế web trong một cửa hàng

1988 Công2001

Mặc dù thiết kế web có một lịch sử khá gần đây, nhưng nó có thể được liên kết với các lĩnh vực khác như thiết kế đồ họa. Tuy nhiên, thiết kế web cũng có thể được nhìn từ quan điểm công nghệ. Nó đã trở thành một phần lớn trong cuộc sống hàng ngày của mọi người. Thật khó để tưởng tượng Internet mà không có đồ họa hoạt hình, các phong cách khác nhau về kiểu chữ, nền và âm nhạc.

Sự khởi đầu của thiết kế web và web

Năm 1989, khi làm việc tại CERN Tim Berners-Lee đã đề xuất tạo ra một dự án siêu văn bản toàn cầu, sau này được gọi là World Wide Web. Trong thời gian từ 1991 đến 1993, World Wide Web đã ra đời. Các trang chỉ có văn bản có thể được xem bằng trình duyệt chế độ dòng đơn giản. ^[2] Năm 1993, Marc Andreessen và Eric Bina, đã tạo ra trình duyệt khảm. Vào thời điểm đó, có nhiều trình duyệt, tuy nhiên phần lớn trong số đó là dựa trên Unix và văn bản nặng. Không có cách tiếp cận tích hợp nào cho các yếu tố thiết kế đồ họa như hình ảnh hoặc âm thanh. Trình duyệt khảm đã phá vỡ khuôn mẫu này. ^[3] W3C được tạo ra vào tháng 10 năm 1994 để "dẫn dắt World Wide Web phát huy hết tiềm năng của mình bằng cách phát triển các giao thức phổ biến thúc đẩy sự phát triển của nó và đảm bảo khả năng tương tác của nó." ^[4] từ việc độc quyền một trình duyệt và ngôn ngữ lập trình, có thể đã thay đổi toàn bộ hiệu ứng của World Wide Web. W3C tiếp tục thiết lập các tiêu chuẩn, ngày nay có thể nhìn thấy bằng JavaScript. Năm 1994, Andreessen thành lập Communications Corp mà sau này được biết đến với cái tên Netscape Communications, trình duyệt Netscape 0.9. Netscape đã tạo các thẻ HTML của riêng mình mà không liên quan đến quy trình tiêu chuẩn truyền thống. Ví dụ: Netscape 1.1 bao gồm các thẻ để thay đổi màu nền và định dạng văn bản với các bảng trên các trang web. Trong suốt năm 1996 đến 1999, các cuộc chiến trình duyệt bắt đầu, khi Microsoft và Netscape đấu tranh cho sự thống trị của trình duyệt. Trong thời gian này, có nhiều công nghệ mới trong lĩnh vực này, đáng chú ý là Cascading Style Sheets, JavaScript và Dynamic HTML. Nhìn chung, sự cạnh tranh của trình duyệt đã dẫn đến nhiều sáng tạo tích cực và giúp thiết kế web phát triển với tốc độ nhanh chóng. ^[5]

Sự phát triển của thiết kế web

Năm 1996, Microsoft đã phát hành trình duyệt cạnh tranh đầu tiên, hoàn chỉnh với các tính năng của riêng mình và thẻ. Nó cũng là trình duyệt đầu tiên hỗ trợ các biểu định kiểu, vào thời điểm đó được coi là một kỹ thuật tác giả khó hiểu. ^[5] Đánh dấu HTML cho các bảng ban đầu được dự định để hiển thị dữ liệu dạng bảng. Tuy nhiên, các nhà thiết kế đã nhanh chóng nhận ra tiềm năng của việc sử dụng các bảng HTML để tạo các bố cục phức tạp, nhiều cột mà nếu không thì không thể. Tại thời điểm này, vì thiết kế và tính thẩm mỹ tốt dường như được ưu tiên hơn so với cấu trúc đánh dấu tốt, và rất ít chú ý đến ngữ nghĩa và khả năng truy cập web. Các trang web HTML bị giới hạn trong các tùy chọn thiết kế của chúng, thậm chí còn nhiều hơn với các phiên bản HTML trước đó. Để tạo ra các thiết kế phức tạp, nhiều nhà thiết kế web đã phải sử dụng các cấu trúc bảng phức tạp hoặc thậm chí sử dụng các hình ảnh .GIF trống để ngăn các ô trống bị sụp đổ. ^[6] CSS được W3C giới thiệu vào tháng 12 năm 1996 để hỗ trợ trình bày và bố cục. Điều này cho phép mã HTML có ngữ nghĩa thay vì cả ngữ nghĩa và trình bày và khả năng truy cập web được cải thiện, xem thiết kế web không cần thẻ.

Năm 1996, Flash (ban đầu được gọi là FutureSplash) đã được phát triển. Vào thời điểm đó, công cụ phát triển nội dung Flash tương đối đơn giản so với bây giờ, sử dụng các công cụ vẽ và bố cục cơ bản, tiền thân hạn chế của ActionScript và dòng thời gian, nhưng nó cho phép các nhà thiết kế web vượt xa điểm HTML, GIF hoạt hình và JavaScript . Tuy nhiên, vì Flash yêu cầu trình cắm, nhiều nhà phát triển web đã tránh sử dụng nó vì sợ giới hạn thị phần của họ do thiếu khả năng tương thích. Thay vào đó, các nhà thiết kế đã quay trở lại hoạt hình gif (nếu họ không từ bỏ sử dụng đồ họa chuyển động hoàn toàn) và JavaScript cho các widget. Nhưng những lợi ích của Flash đã khiến nó trở nên đủ phổ biến trong các thị trường mục tiêu cụ thể để cuối cùng hoạt động đến phần lớn các trình duyệt và đủ mạnh để được sử dụng để phát triển toàn bộ trang web. ^[6]

Kết thúc cuộc chiến trình duyệt đầu tiên

Trong năm 1998 Netscape đã phát hành mã Netscape Communicator theo giấy phép nguồn mở, cho phép hàng ngàn nhà phát triển tham gia cải tiến phần mềm. Tuy nhiên, họ đã quyết định bắt đầu lại từ đầu, hướng dẫn phát triển trình duyệt nguồn mở và sớm mở rộng sang một nền tảng ứng dụng hoàn chỉnh. ^[5] Dự án Tiêu chuẩn Web được hình thành và thúc đẩy sự tuân thủ của trình duyệt với các tiêu chuẩn HTML và CSS bằng cách tạo Acid1, Xét nghiệm Acid2 và Acid3. Năm 2000 là một năm lớn đối với Microsoft. Internet Explorer đã được phát hành cho Mac; điều này rất có ý nghĩa vì đây là trình duyệt đầu tiên hỗ trợ đầy đủ HTML 4.01 và CSS 1, nâng cao mức độ tuân thủ các tiêu chuẩn. Đây cũng là trình duyệt đầu tiên hỗ trợ đầy đủ định dạng hình ảnh PNG. ^[5] Trong thời gian này, Netscape đã được bán cho AOL và đây được coi là tổn thất chính thức của Netscape đối với Microsoft trong các cuộc chiến trình duyệt. ^[5]

2001 20012012

Sự khởi đầu của thế kỷ 21, web ngày càng được tích hợp vào cuộc sống của người dân. Vì điều này đã xảy ra, công nghệ của web cũng đã chuyển sang. Cũng có những thay đổi đáng kể trong cách mọi người sử dụng và truy cập web và điều này đã thay đổi cách các trang web được thiết kế.

Kể từ khi kết thúc các cuộc chiến trình duyệt ^{[ khi nào? ]} trình duyệt mới đã được phát hành. Nhiều trong số này là nguồn mở có nghĩa là chúng có xu hướng phát triển nhanh hơn và hỗ trợ nhiều hơn cho các tiêu chuẩn mới. Các tùy chọn mới được nhiều người coi là ^{[ từ chồn ]} tốt hơn Internet Explorer của Microsoft.

W3C đã phát hành các tiêu chuẩn mới cho HTML (HTML5) và CSS (CSS3), cũng như các API JavaScript mới, mỗi tiêu chuẩn là một tiêu chuẩn mới nhưng riêng lẻ. ^{[ khi nào? ]} Mặc dù thuật ngữ HTML5 chỉ được sử dụng để chỉ phiên bản mới của HTML và một số của API JavaScript, nhưng nó đã trở nên phổ biến để sử dụng nó để chỉ toàn bộ bộ tiêu chuẩn mới (HTML5, CSS3 và JavaScript).

Công cụ và công nghệ

Các nhà thiết kế web sử dụng nhiều công cụ khác nhau tùy thuộc vào phần nào của quy trình sản xuất mà họ tham gia. Các công cụ này được cập nhật theo thời gian bởi các tiêu chuẩn và phần mềm mới hơn nhưng các nguyên tắc đằng sau chúng vẫn giống nhau. Các nhà thiết kế web sử dụng cả trình soạn thảo đồ họa vector và raster để tạo hình ảnh định dạng web hoặc nguyên mẫu thiết kế. Các công nghệ được sử dụng để tạo trang web bao gồm các tiêu chuẩn W3C như HTML và CSS, có thể được mã hóa bằng tay hoặc được tạo bởi phần mềm chỉnh sửa WYSIWYG. Các công cụ khác mà các nhà thiết kế web có thể sử dụng bao gồm trình xác nhận đánh dấu ^[7] và các công cụ kiểm tra khác về tính khả dụng và khả năng truy cập để đảm bảo trang web của họ đáp ứng các nguyên tắc về khả năng truy cập web. ^[8]

Kỹ năng và kỹ thuật

Thiết kế tiếp thị và truyền thông trên một trang web có thể xác định những gì hoạt động cho thị trường mục tiêu của nó. Đây có thể là một nhóm tuổi hoặc một chuỗi văn hóa cụ thể; do đó, nhà thiết kế có thể hiểu xu hướng của khán giả của nó. Các nhà thiết kế cũng có thể hiểu loại trang web họ đang thiết kế, ví dụ, các cân nhắc thiết kế trang web từ doanh nghiệp đến doanh nghiệp (B2B) có thể khác nhiều so với trang web nhắm mục tiêu của người tiêu dùng như trang web bán lẻ hoặc giải trí. Có thể cân nhắc cẩn thận để đảm bảo rằng tính thẩm mỹ hoặc thiết kế tổng thể của trang web không xung đột với sự rõ ràng và chính xác của nội dung hoặc dễ điều hướng web, ^[9] đặc biệt là trên trang web B2B. Nhà thiết kế cũng có thể xem xét danh tiếng của chủ sở hữu hoặc doanh nghiệp mà trang web đang đại diện để đảm bảo rằng chúng được miêu tả thuận lợi.

Thiết kế trải nghiệm người dùng và thiết kế tương tác

Sự hiểu biết của người dùng về nội dung của trang web thường phụ thuộc vào sự hiểu biết của người dùng về cách thức hoạt động của trang web. Đây là một phần của thiết kế trải nghiệm người dùng. Trải nghiệm người dùng có liên quan đến bố cục, hướng dẫn rõ ràng và ghi nhãn trên trang web. Người dùng hiểu rõ cách họ có thể tương tác trên một trang web cũng có thể phụ thuộc vào thiết kế tương tác của trang web. Nếu người dùng nhận thấy sự hữu ích của trang web, họ có nhiều khả năng tiếp tục sử dụng nó. Tuy nhiên, người dùng có kỹ năng và thành thạo với việc sử dụng trang web có thể thấy giao diện trang web đặc biệt hơn, ít trực quan hơn hoặc ít thân thiện hơn với người dùng. Tuy nhiên, người dùng có ít kinh nghiệm sẽ ít thấy các ưu điểm hoặc tính hữu dụng của giao diện trang web ít trực quan hơn. Điều này thúc đẩy xu hướng trải nghiệm người dùng phổ quát hơn và dễ dàng truy cập để phù hợp với nhiều người dùng nhất có thể bất kể kỹ năng người dùng. ^[10] Phần lớn thiết kế trải nghiệm người dùng và thiết kế tương tác được xem xét trong thiết kế giao diện người dùng.

Các chức năng tương tác nâng cao có thể yêu cầu trình cắm nếu không phải là kỹ năng ngôn ngữ mã hóa nâng cao. Việc chọn có sử dụng tính tương tác có yêu cầu trình cắm hay không là một quyết định quan trọng trong thiết kế trải nghiệm người dùng. Nếu trình cắm không được cài đặt sẵn với hầu hết các trình duyệt, có nguy cơ người dùng sẽ không biết cách hoặc sự kiên nhẫn để cài đặt trình cắm chỉ để truy cập nội dung. Nếu chức năng yêu cầu các kỹ năng ngôn ngữ mã hóa nâng cao, có thể quá tốn kém về thời gian hoặc tiền bạc để mã hóa so với lượng tăng cường mà chức năng sẽ thêm vào trải nghiệm người dùng. Cũng có nguy cơ tương tác nâng cao có thể không tương thích với các trình duyệt cũ hơn hoặc cấu hình phần cứng. Xuất bản một chức năng không hoạt động đáng tin cậy có khả năng tồi tệ hơn đối với trải nghiệm người dùng hơn là không thực hiện. Nó phụ thuộc vào đối tượng mục tiêu nếu nó có khả năng cần thiết hoặc có giá trị bất kỳ rủi ro nào.

Bố cục trang

Một phần của thiết kế giao diện người dùng bị ảnh hưởng bởi chất lượng của bố cục trang. Ví dụ: nhà thiết kế có thể xem xét liệu bố cục trang của trang có nên duy trì nhất quán trên các trang khác nhau khi thiết kế bố cục hay không. Chiều rộng pixel trang cũng có thể được coi là quan trọng để căn chỉnh các đối tượng trong thiết kế bố cục. Các trang web có chiều rộng cố định phổ biến nhất thường có cùng chiều rộng được đặt để khớp với cửa sổ trình duyệt phổ biến nhất hiện tại, ở độ phân giải màn hình phổ biến nhất hiện nay, trên kích thước màn hình phổ biến nhất hiện tại. Hầu hết các trang cũng được căn giữa cho mối quan tâm về tính thẩm mỹ trên màn hình lớn hơn.

Bố cục chất lỏng tăng phổ biến vào khoảng năm 2000 như là một thay thế cho bố cục dựa trên bảng HTML và thiết kế dựa trên lưới trong cả nguyên tắc thiết kế bố cục trang và trong kỹ thuật mã hóa, nhưng rất chậm được áp dụng. ^{[note 1]} Điều này là do sự cân nhắc của các thiết bị đọc màn hình và kích thước cửa sổ khác nhau mà các nhà thiết kế không kiểm soát được. Theo đó, một thiết kế có thể được chia thành các đơn vị (thanh bên, khối nội dung, khu vực quảng cáo nhúng, khu vực điều hướng) được gửi đến trình duyệt và sẽ được trình duyệt đưa vào cửa sổ hiển thị, tốt nhất có thể. Vì trình duyệt nhận ra các chi tiết của màn hình trình đọc (kích thước cửa sổ, kích thước phông chữ so với cửa sổ, v.v.), trình duyệt có thể điều chỉnh bố cục cụ thể của người dùng đối với bố cục chất lỏng, nhưng không bố trí chiều rộng cố định. Mặc dù màn hình như vậy thường có thể thay đổi vị trí tương đối của các đơn vị nội dung chính, các thanh bên có thể được dịch chuyển bên dưới văn bản cơ thể thay vì bên cạnh của nó. Đây là màn hình linh hoạt hơn so với bố cục dựa trên lưới được mã hóa cứng không phù hợp với cửa sổ thiết bị. Cụ thể, vị trí tương đối của các khối nội dung có thể thay đổi trong khi không để nội dung trong khối không bị ảnh hưởng. Điều này cũng giảm thiểu nhu cầu của người dùng để cuộn trang theo chiều ngang.

Thiết kế Web đáp ứng là một cách tiếp cận mới hơn, dựa trên CSS3 và mức độ đặc tả kỹ thuật trên mỗi thiết bị sâu hơn trong biểu định kiểu của trang thông qua việc sử dụng nâng cao quy tắc CSS @media . Vào tháng 3 năm 2018, Google tuyên bố họ sẽ triển khai lập chỉ mục đầu tiên trên thiết bị di động. ^[11] Các trang web sử dụng thiết kế đáp ứng được đặt tốt để đảm bảo đáp ứng phương pháp mới này.

Kiểu chữ

Các nhà thiết kế web có thể chọn giới hạn sự đa dạng của kiểu chữ trang web chỉ một số kiểu có kiểu tương tự, thay vì sử dụng một loạt kiểu chữ hoặc kiểu chữ. Hầu hết các trình duyệt nhận ra một số phông chữ an toàn cụ thể, mà các nhà thiết kế chủ yếu sử dụng để tránh các biến chứng.

Tải xuống phông chữ sau đó được bao gồm trong mô-đun phông chữ CSS3 và từ đó đã được triển khai trong Safari 3.1, Opera 10 và Mozilla Firefox 3.5. Điều này sau đó đã tăng sự quan tâm đến kiểu chữ web, cũng như việc sử dụng tải xuống phông chữ.

Hầu hết các bố cục trang web kết hợp không gian âm để chia văn bản thành các đoạn văn bản và cũng tránh văn bản được căn giữa. ^[12]

Đồ họa chuyển động

Bố cục trang và giao diện người dùng cũng có thể bị ảnh hưởng khi sử dụng đồ họa chuyển động. Việc lựa chọn có sử dụng đồ họa chuyển động hay không có thể phụ thuộc vào thị trường mục tiêu cho trang web. Đồ họa chuyển động có thể được mong đợi hoặc ít nhất là nhận được tốt hơn với một trang web định hướng giải trí. Tuy nhiên, một trang web nhắm mục tiêu đối tượng có mối quan tâm chính thức hoặc nghiêm túc hơn (như doanh nghiệp, cộng đồng hoặc chính phủ) có thể thấy hoạt hình không cần thiết và gây mất tập trung nếu chỉ nhằm mục đích giải trí hoặc trang trí. Điều này không có nghĩa là nội dung nghiêm trọng hơn không thể được tăng cường bằng các bài thuyết trình hoạt hình hoặc video có liên quan đến nội dung. Trong cả hai trường hợp, thiết kế đồ họa chuyển động có thể tạo ra sự khác biệt giữa hình ảnh hiệu quả hơn hoặc hình ảnh gây mất tập trung.

Đồ họa chuyển động không được khách truy cập trang web khởi tạo có thể tạo ra các sự cố về khả năng truy cập. Các tiêu chuẩn truy cập của tập đoàn World Wide Web yêu cầu khách truy cập trang web có thể vô hiệu hóa hình ảnh động. ^[13]

Chất lượng mã

Các nhà thiết kế trang web có thể coi đó là thông lệ tốt để tuân thủ các tiêu chuẩn. Điều này thường được thực hiện thông qua một mô tả chỉ định những gì phần tử đang làm. Việc không tuân thủ các tiêu chuẩn có thể không làm cho trang web không sử dụng được hoặc dễ bị lỗi, nhưng các tiêu chuẩn có thể liên quan đến bố cục chính xác của các trang để dễ đọc cũng như đảm bảo các yếu tố được mã hóa được đóng một cách thích hợp. Điều này bao gồm các lỗi về mã, bố trí mã có tổ chức hơn và đảm bảo ID và các lớp được xác định đúng. Các trang được mã hóa kém đôi khi được gọi là súp thẻ. Xác thực qua W3C ^[7] chỉ có thể được thực hiện khi khai báo DOCTYPE chính xác, được sử dụng để làm nổi bật các lỗi trong mã. Hệ thống xác định các lỗi và các khu vực không phù hợp với tiêu chuẩn thiết kế web. Thông tin này sau đó có thể được sửa bởi người dùng. ^[14]

Nội dung được tạo

Có hai cách trang web được tạo: tĩnh hoặc động.

Các trang web tĩnh

Một trang web tĩnh lưu trữ một tệp duy nhất cho mỗi trang của trang web tĩnh. Mỗi lần trang đó được yêu cầu, cùng một nội dung được trả lại. Nội dung này được tạo một lần, trong quá trình thiết kế trang web. Nó thường được soạn thảo thủ công, mặc dù một số trang web sử dụng quy trình tạo tự động, tương tự như trang web động, có kết quả được lưu trữ lâu dài dưới dạng trang hoàn thành. Các trang web tĩnh được tạo tự động này đã trở nên phổ biến hơn vào khoảng năm 2015, với các máy phát điện như Jekyll và Adobe Muse. ^[15]

Lợi ích của một trang web tĩnh là chúng được lưu trữ đơn giản hơn, vì máy chủ của chúng chỉ cần để phục vụ nội dung tĩnh, không thực thi các tập lệnh phía máy chủ. Điều này đòi hỏi quản trị máy chủ ít hơn và có ít cơ hội lộ lỗ hổng bảo mật. Họ cũng có thể phục vụ các trang nhanh hơn, trên phần cứng máy chủ chi phí thấp. Những lợi thế này trở nên ít quan trọng hơn khi lưu trữ web giá rẻ được mở rộng để cung cấp các tính năng động và các máy chủ ảo cung cấp hiệu suất cao trong khoảng thời gian ngắn với chi phí thấp.

Hầu như tất cả các trang web đều có một số nội dung tĩnh, vì các tài sản hỗ trợ như hình ảnh và bảng định kiểu thường là tĩnh, ngay cả trên một trang web có các trang rất năng động.

Các trang web động

Các trang web động được tạo nhanh chóng và sử dụng công nghệ phía máy chủ để tạo các trang web. Họ thường trích xuất nội dung của họ từ một hoặc nhiều cơ sở dữ liệu phụ trợ: một số là truy vấn cơ sở dữ liệu trên cơ sở dữ liệu quan hệ để truy vấn danh mục hoặc để tóm tắt thông tin số, những người khác có thể sử dụng cơ sở dữ liệu tài liệu như MongoDB hoặc NoQuery để lưu trữ các đơn vị nội dung lớn hơn, chẳng hạn như bài viết trên blog hoặc bài viết wiki.

Trong quá trình thiết kế, các trang động thường được mô phỏng hoặc tạo khung bằng các trang tĩnh. Bộ kỹ năng cần thiết để phát triển các trang web động rộng hơn nhiều so với các trang tĩnh, liên quan đến mã hóa phía máy chủ và cơ sở dữ liệu cũng như thiết kế giao diện phía máy khách. Ngay cả các dự án năng động cỡ trung bình vì thế hầu như luôn luôn là một nỗ lực của nhóm.

Khi các trang web động được phát triển lần đầu tiên, chúng thường được mã hóa trực tiếp bằng các ngôn ngữ như Perl, PHP hoặc ASP. Một số trong số này, đặc biệt là PHP và ASP, đã sử dụng cách tiếp cận 'mẫu' trong đó trang phía máy chủ giống với cấu trúc của trang phía máy khách đã hoàn thành và dữ liệu được chèn vào các vị trí được xác định bởi 'thẻ'. Đây là một phương tiện phát triển nhanh hơn so với mã hóa bằng ngôn ngữ mã hóa hoàn toàn theo thủ tục như Perl.

Cả hai cách tiếp cận này hiện đã được thay thế cho nhiều trang web bằng các công cụ tập trung vào ứng dụng cấp cao hơn như hệ thống quản lý nội dung. Chúng xây dựng trên nền tảng mã hóa mục đích chung và cho rằng một trang web tồn tại để cung cấp nội dung theo một trong một số mô hình được công nhận, chẳng hạn như blog theo trình tự thời gian, tạp chí chuyên đề hoặc trang web tin tức, wiki hoặc diễn đàn người dùng. Những công cụ này làm cho việc thực hiện một trang web như vậy rất dễ dàng, và một nhiệm vụ hoàn toàn dựa trên tổ chức và thiết kế, mà không yêu cầu bất kỳ mã hóa nào.

Chỉnh sửa nội dung (cũng như trang mẫu) có thể được thực hiện bằng cả phương tiện của trang web và với việc sử dụng phần mềm của bên thứ ba. Khả năng chỉnh sửa tất cả các trang chỉ được cung cấp cho một danh mục người dùng cụ thể (ví dụ: quản trị viên hoặc người dùng đã đăng ký). Trong một số trường hợp, người dùng ẩn danh được phép chỉnh sửa một số nội dung web nhất định, ít thường xuyên hơn (ví dụ: trên các diễn đàn – thêm tin nhắn). Một ví dụ về một trang web có thay đổi ẩn danh là Wikipedia.

Thiết kế trang chủ

Các chuyên gia về khả năng sử dụng, bao gồm Jakob Nielsen và Kyle Soucy, thường nhấn mạnh thiết kế trang chủ để thành công trang web và khẳng định rằng trang chủ là trang quan trọng nhất trên trang web. ^[16][18][19] Tuy nhiên, các học viên vào những năm 2000 đã bắt đầu để thấy rằng số lượng lưu lượng truy cập trang web ngày càng tăng đã bỏ qua trang chủ, truy cập trực tiếp vào các trang nội dung thông qua các công cụ tìm kiếm, bản tin điện tử và nguồn cấp dữ liệu RSS. ^[20] Dẫn đến nhiều học viên cho rằng trang chủ ít quan trọng hơn hầu hết mọi người nghĩ. [19659074] Jared Spool lập luận vào năm 2007 rằng trang chủ của một trang web thực sự là trang ít quan trọng nhất trên một trang web. ^[25]

Vào năm 2012 và 2013, băng chuyền (còn được gọi là 'thanh trượt' và 'biểu ngữ xoay' ) đã trở thành một yếu tố thiết kế cực kỳ phổ biến trên trang chủ, thường được sử dụng để hiển thị nội dung nổi bật hoặc gần đây trong một không gian hạn chế. ^[26][27] Nhiều học viên cho rằng băng chuyền là một yếu tố thiết kế không hiệu quả nd làm tổn thương tối ưu hóa và khả năng sử dụng công cụ tìm kiếm của một trang web. ^[27][28][29]

Nghề nghiệp

Có hai công việc chính liên quan đến việc tạo một trang web: nhà thiết kế web và nhà phát triển web, những người thường làm việc chặt chẽ với nhau trên một trang web. ^[30] chịu trách nhiệm về khía cạnh trực quan, bao gồm bố cục, màu sắc và kiểu chữ của một trang web. Các nhà thiết kế web cũng sẽ có kiến ​​thức làm việc về các ngôn ngữ đánh dấu như HTML và CSS, mặc dù phạm vi kiến ​​thức của họ sẽ khác nhau từ nhà thiết kế web này với nhà thiết kế web khác. Đặc biệt trong các tổ chức nhỏ hơn, một người sẽ cần các kỹ năng cần thiết để thiết kế và lập trình trang web đầy đủ, trong khi các tổ chức lớn hơn có thể có một nhà thiết kế web chịu trách nhiệm về khía cạnh trực quan. ^[31]

Các công việc khác có thể tham gia vào việc tạo ra một trang web bao gồm:

• Các nhà thiết kế đồ họa để tạo hình ảnh cho trang web như logo, bố cục và nút
• Chuyên gia tiếp thị Internet để giúp duy trì sự hiện diện web thông qua các giải pháp chiến lược nhắm mục tiêu người xem đến trang web, bằng cách sử dụng các kỹ thuật tiếp thị và quảng cáo trên internet [19659082] Các nhà văn SEO nghiên cứu và đề xuất các từ chính xác được kết hợp vào một trang web cụ thể và làm cho trang web dễ truy cập hơn và được tìm thấy trên nhiều công cụ tìm kiếm
• Trình sao chép Internet để tạo nội dung bằng văn bản của trang để thu hút người xem mục tiêu của trang web ^[1]
• Nhà thiết kế trải nghiệm người dùng (UX) kết hợp các khía cạnh của các cân nhắc thiết kế tập trung vào người dùng bao gồm kiến ​​trúc thông tin, thiết kế tập trung vào người dùng, thiết kế tương tác và thiết kế trực quan. Ngoài ra

Xem thêm

Các nguyên tắc liên quan

Ghi chú

Tài liệu tham khảo và đọc thêm

Liên kết ngoài