Các bước cần thực hiện khi bạn gặp vấn đề về thiết kế
Nếu bạn đã từng xây dựng một trang web, bạn có thể phát hiện ra rằng mọi thứ không phải lúc nào cũng như kế hoạch. Để trở thành một nhà thiết kế web có nghĩa là bạn cần phải thoải mái với các vấn đề được gỡ lỗi với các trang web bạn xây dựng.
Đôi khi tìm ra những gì sai với thiết kế web của bạn có thể rất bực bội, nhưng nếu bạn có hệ thống về phân tích của bạn, bạn thường có thể tìm ra nguyên nhân của vấn đề và khắc phục nó nhanh hơn. Dưới đây là một số mẹo bạn có thể sử dụng để thực hiện điều đó.
Xác thực HTML của bạn
Khi tôi gặp vấn đề với trang Web của mình, điều đầu tiên tôi làm là xác thực HTML. Có nhiều lý do để xác thực HTML, nhưng khi bạn có một vấn đề nên là điều đầu tiên bạn làm. Đã có nhiều người tự động xác nhận mọi trang. Nhưng ngay cả khi bạn đang ở trong thói quen, bạn nên kiểm tra tính hợp lệ của HTML khi bạn gặp sự cố. Điều đó sẽ đảm bảo rằng nó không phải là một lỗi đơn giản, giống như một phần tử hoặc thuộc tính HTML sai chính tả, điều đó gây ra sự cố của bạn.
- Trình xác thực HTML
Xác thực CSS của bạn
Nơi có nhiều khả năng tiếp theo mà bạn sẽ gặp phải vấn đề là với CSS của bạn. Việc xác nhận hợp lệ CSS của bạn sẽ phục vụ cùng chức năng như việc xác thực HTML của bạn. Nếu có lỗi, điều đó sẽ đảm bảo rằng CSS của bạn là chính xác và đó không phải là nguyên nhân gây ra sự cố của bạn.
- Trình xác thực CSS
Xác thực JavaScript của bạn hoặc các yếu tố động khác
Cũng giống như HTML và CSS nếu trang của bạn sử dụng JavaScript, PHP, JSP hoặc một số yếu tố động khác, bạn nên đảm bảo rằng chúng cũng hợp lệ.
Thử nghiệm trong nhiều trình duyệt
Có thể vấn đề bạn đang thấy là kết quả của trình duyệt Web bạn đang xem. Nếu sự cố xảy ra trong mọi trình duyệt bạn có thể kiểm tra, điều đó sẽ cho bạn biết điều gì đó bạn phải làm để khắc phục sự cố. Ví dụ: nếu bạn biết rằng sự cố chỉ xảy ra trong một trình duyệt nhất định, bạn có thể tìm hiểu kỹ hơn tại sao chỉ một trình duyệt có thể gây ra sự cố trong khi một trình duyệt khác vẫn ổn.
Đơn giản hóa trang
Nếu việc xác thực HTML và CSS không giúp ích thì bạn nên thu hẹp trang để tìm sự cố. Cách dễ nhất để làm điều này là xóa hoặc "nhận xét" các phần của trang cho đến khi tất cả những gì còn lại là phần có vấn đề. Bạn cũng nên cắt CSS xuống theo cách tương tự.
Ý tưởng đằng sau việc đơn giản hóa không phải là bạn sẽ rời khỏi trang chỉ với phần tử cố định, mà đúng hơn là bạn sẽ xác định nguyên nhân gây ra sự cố và sau đó khắc phục nó.
Trừ và sau đó thêm lại
Khi bạn đã thu hẹp khu vực sự cố của trang web của mình, hãy bắt đầu trừ các phần tử ra khỏi thiết kế cho đến khi vấn đề biến mất. Ví dụ: nếu bạn đã thu hẹp vấn đề xuống một
Kiểm tra sau mỗi lần xóa. Nếu những gì bạn đã xóa các bản sửa lỗi hoặc xóa hoàn toàn sự cố thì bạn biết những gì bạn cần khắc phục.
Một khi bạn biết chính xác những gì đang gây ra vấn đề bắt đầu thêm nó trở lại với các mặt hàng thay đổi. Hãy chắc chắn để kiểm tra sau mỗi thay đổi. Khi bạn đang thiết kế web, điều ngạc nhiên là tần suất những thứ nhỏ nhặt có thể tạo ra sự khác biệt. Nhưng nếu bạn không kiểm tra xem trang trông như thế nào sau mỗi thay đổi, thậm chí cả những thay đổi nhỏ, bạn có thể không xác định được vấn đề ở đâu.
Thiết kế cho các tiêu chuẩn Trình duyệt tuân thủ đầu tiên
Các vấn đề phổ biến nhất mà các nhà thiết kế web phải đối mặt xoay quanh việc tìm kiếm các trang trông giống nhau trong hầu hết các trình duyệt. Trong khi chúng tôi đã thảo luận rằng nó có thể rất khó khăn, nếu không phải là không thể, để có được các trang Web trông giống nhau trong tất cả các trình duyệt, nó vẫn là một mục tiêu của hầu hết các nhà thiết kế. Vì vậy, bạn nên bắt đầu bằng cách thiết kế cho các trình duyệt tốt nhất đầu tiên, bao gồm những trình duyệt tương thích. Khi bạn đã làm việc, bạn có thể chơi với các trình duyệt khác để chúng hoạt động, bao gồm các trình duyệt cũ hơn có thể vẫn có liên quan đến đối tượng của trang web của bạn.
Giữ mã của bạn đơn giản
Một khi bạn đã tìm thấy và sửa chữa các vấn đề của bạn, bạn nên cảnh giác để giữ cho chúng khỏi xén lại sau. Cách dễ nhất để tránh các vấn đề là giữ cho HTML và CSS của bạn càng đơn giản càng tốt. Lưu ý rằng tôi không nói bạn nên tránh làm một cái gì đó như tạo ra các góc tròn đơn giản chỉ vì HTML hoặc CSS là phức tạp. Chỉ có bạn nên tránh làm những điều phức tạp khi một giải pháp đơn giản hơn tự giới thiệu.
Nhận được trợ giúp
Giá trị của một người có thể giúp bạn gỡ lỗi vấn đề trang web không thể được phóng đại. Nếu bạn đã nhìn vào cùng một mã trong một thời gian, nó trở nên dễ dàng bỏ lỡ một sai lầm dễ dàng. Bắt một bộ mắt khác trên mã đó thường là điều tốt nhất bạn có thể làm cho nó.
Biên tập bởi Jeremy Girard vào 2/3/17