Có rất nhiều bố cục trang web được tìm thấy trực tuyến. Chúng thuận tiện để sử dụng khi không có thời gian để viết tất cả các mã từ đầu. Việc chỉnh sửa một mẫu hiện có dễ dàng hơn nhiều bằng cách thay đổi thiết kế của nó. Vì vậy, để vẽ menu trang web của riêng bạn, bạn cần thực hiện một số bước.
Hướng dẫn
Bước 1
Ví dụ, công việc trong hệ thống ucoz được xem xét. Việc thiết kế các phần tử khác nhau của một trang web thường được chỉ định bằng cách sử dụng biểu định kiểu (CSS). Để truy cập nó, hãy đăng nhập vào bảng điều khiển bằng tài khoản quản trị viên. Trên trang chính của bảng điều khiển, hãy chọn phần "Quản lý thiết kế".
Bước 2
Trong danh sách thả xuống các trang có thể chỉnh sửa, hãy chọn Trang định kiểu (CSS) từ danh mục Mẫu chung. Nhìn vào thông tin được viết trong các dòng liên quan đến thiết kế chung (khối Kiểu chung) và cụ thể đến menu (khối có từ Menu trong tên của chúng). Bạn cần tìm hiểu những thông số nào được đặt cho thanh menu: chiều rộng, chiều cao, nền của bảng điều khiển và các nút, hình ảnh, v.v.
Bước 3
Nếu các thông số không phù hợp với bạn, hãy thay thế chúng bằng những thông số bạn cần và lưu mẫu. Sau đó, bạn đã có thể khởi động trình chỉnh sửa đồ họa và sử dụng thông tin thu được, vẽ các nút của riêng bạn. Lưu chúng và quay lại trang web. Trong menu "Công cụ", chọn mục "Trình quản lý tệp" hoặc nhấp vào liên kết cùng tên nằm dưới khối có mã.
Bước 4
Tải các nút mới lên trang web (mũi tên chỉ hướng hoặc các phần tử đồ họa khác mà bạn sẽ sử dụng trong menu). Ghi lại giá trị cho các nút trong mã (ví dụ: background: url ('https:// liên kết tới hình ảnh từ trình quản lý tệp') no-repeat XXpx XXpx), đặt các thông số cho căn chỉnh, vị trí trên trang. Viết ra kiểu và kích thước phông chữ cho các phần menu (font-family và font-size) và thực hiện bất kỳ thay đổi nào khác mà bạn cần.
Bước 5
Bấm vào nút "Lưu", đợi thông báo mẫu đã được lưu thành công và mở trang web để đánh giá kết quả của công việc đã hoàn thành. Nếu bạn không hài lòng với điều gì đó, bạn có thể hoàn tác hành động của mình trong cửa sổ chỉnh sửa CSS bằng cách sử dụng nút mũi tên trái trên thanh công cụ.
