Cách thiết kế web bằng Dreamweaver

Cách thiết kế web bằng Dreamweaver không khó, bạn chỉ cần tải phần mềm Adobe Dreamweaver về máy và thao tác theo hướng dẫn. Với Adobe Dreamweaver, bạn vẫn đủ sức để tạo cho mình một website chuyên nghiệp.

CÁCH THIẾT KẾ WEB BẰNG DREAMWEAVER ĐƠN GIẢN

Adobe Dreamweaver là một công cụ xử lý mạnh mẽ dành cho những người thiết kế web. Cách sử dụng công cụ này cũng khá đơn giản, bạn có thể tham khảo thêm một số hướng dẫn dưới đây của công ty thiết kế website chuyên nghiệp iWeb247.

1/ Tạo thư mục chứa web

Bạn tải phần mềm Adobe Dreamweaver và cài đặt vào máy. Tiếp đến, bạn tạo các thư mục để chứa website sắp tạo. Bạn chia nhiều thư mục như: thư mục chứa hình ảnh; thư mục chứa những tập tin flash, video clip; thư mục chứa dữ liệu,...

2/ Tạo trang web mới

Bạn khởi động phần mềm Dreamweaver, trong cửa sổ đầu tiên bạn chọn HTML để bắt đầu. Hoặc bạn thao tác theo thứ tự như sau: vào menu File => New. Trong mục Blank Page => HTML => Create để khởi tạo một trang mới.

3/ Lưu web

Bạn chọn File => Save/ Save as và lưu lại trang web dưới dạng*.html.
Lưu ý, trang chủ của website bắt buộc phải đặt tên là index.html và phải được lưu ngay trong thư mục chứa bộ web.

4/ Định dạng lại web

Tiếp đến, bạn vào menu Modify chọn Page Properties để cài đặt định dạng cho trang web.

Mục Appearance (HTML):
  • Background image: Chọn Browse và duyệt đến tập tin ảnh dùng làm nền Background: Bấm vào nút bảng màu và chỉ ra màu nền cho trang web.
  • Text: Chỉ định màu chữ mặc định
  • Link: Chỉ định màu chữ mặc định khi bạn tạo liên kết cho nó
  • Left margin: Khoảng cách lề trái so với nội dung trang web
  •  Top margin: Khoảng cách lề trên so với nội dung trang web
  • Margin width: Độ rộng của trang web
  • Margin height: Độ cao của trang web
Mục Title/Encoding:
  • Title: Tiêu đề của trang web
  • Các mục khác để mặc định

5/ Xem lại trang web

Nếu muốn xem thử trang web trên trình duyệt thì bạn bấm Ctrl+S để lưu lại, sau đó bạn bấm F12 để xem.

6/ Tạo bảng trong web

Bạn vào Menu Insert, chọn Table sau đó một hộp thoại Table sẽ hiện ra, bạn điền vào những chỉ số cần thiết và bấm OK. Tiếp đến, bạn tiến hành thiết lập lại nội dung của bảng cho phù hợp.

Như vậy, bạn đã có thể thiết kế web đơn giản bằng phần mềm Dreamweaver. Bạn có thể tự tải phần mềm về máy mà sử dụng theo hướng dẫn. Chúc bạn thành công!

BÀI VIẾT LIÊN QUAN

icon-messenger
Chat ngay để nhận tư vấn
icon-zalo
Chat với chúng tôi qua Zalo