Phần mềm thiết kế web dreamweaver là gì ? Hướng dẫn cách sử dụng phần mềm thiết kế web dreamweaver mới nhất 2020

phần mềm thiết kế web dreamweaver là một trong những từ khóa được search nhiều nhất về chủ đề phần mềm thiết kế web dreamweaver. Trong bài viết này, lamweb.vn sẽ viết bài viết  Phần mềm thiết kế web dreamweaver là gì ? Hướng dẫn cách sử dụng phần mềm thiết kế web dreamweaver mới nhất 2020

Phần mềm thiết kế web dreamweaver là gì ? Hướng dẫn cách sử dụng phần mềm thiết kế web dreamweaver mới nhất 2020

Adobe Dreamweaver là một tool xử lý mạnh mẽ dành cho những người thiết kế website, người dùng có thể tự mình lập trình và phát triển vận dụng website ở nhiều mức độ. Nếu chỉ dừng ở cấp độ hiểu biết chưa nhiều về các ngôn ngữ lập trình website thì Dreamweaver luôn luôn đáp ứng được nhu cầu thiết kế web chuyên nghiệp.

user k chuyên chỉ việc cần tìm cho mình một mẫu website vừa ý trên Internet, dùng công cụ soạn thảo thông thường để chỉnh sửa hay thêm bớt một số nguyên nhân, rồi xây dựng một Template để ứng dụng cho all website.

Ngoài những chức năng kéo thả để xây dựng website, Dreamweaver còn phân phối một môi trường viết mã với đa số tính năng bao gồm các công cụ vạch mã (như tô màu mã, bổ sung thẻ tag, thanh tool mã), hỗ trợ các ngôn ngữ lập trình thông dụng HTML, CSS, Javascript, ASP VBScript, PHP hay XML. Nếu muốn thiết lập các vận dụng website động chạy trên công nghệ máy chủ ASP.NET, ASP, JSP và PHP thì Dreamweaver hoàn toàn đủ sức đáp ứng được các dự án lớn này.

Giao diện dùng được sắp đặt trực quan và gần gũi với người dùng, khu vực biên soạn thảo đoạn mã được đánh số thứ tự ở các dòng và có tô màu theo từng thẻ giúp tiện cho việc theo dõi, tra cứu. Ngoài giao diện mặc định, chương trình còn hỗ trợ nhiều dạng giao diện với cách sắp đặt ví trí thanh tool không giống nhau, tại chức năng Designer (đối với phiên bản Dreamweaver CS5).

Adobe Dreamweaver có thể kết hợp các phần mềm khác của hãng Adobe để xây dựng một món hàng hoàn hảo, gợi ý giống như Adobe Photoshop giúp chỉnh sửa và design hình ảnh cho web. có thể tải Adobe Dreamweaver bản dùng thử 30 ngày tại đây.

Tạo thư mục chứa bộ web

Trước khi bắt tay vào việc tạo ra một web thì công việc trước tiên của người design là phải xây dựng một thư mục để chứa tất cả những gì liên quan đến web, gợi ý webserver.

Trong thư mục đó, bạn sẽ tạo tiếp các thư mục khác dùng để chứa dữ liệu như:

Thư mục image dùng để chứa all pic của trang web.

Thư mục Flash dùng để chứa những tập tin flash, video clip, …

Thư mục Data sử dụng để chứa dữ liệu

Và các thư mục không giống tùy theo mục tiêu của người tạo web.

Xem thêm : Các tài liệu giáo trình thiết kế web bằng wordpress mới nhất 2020

2. Tạo mới một web

Khởi động Dreamweaver, trong cửa sổ trước hết của chương trình lựa chọn HTML để xây dựng một trang ebook mới. Hoặc vào menu File, chọn New. Trong mục Blank Page chọn HTML và nhấn vào nút Create để khởi tạo một trang mới (hình 1).

hình 1. Khởi tạo website

3. Lưu một trang web

Trước khi bắt tay vào design, bạn nên lưu website lại bằng hướng dẫn vào thực đơn File, lựa chọn Save hoặc Save as. Sau đó lưu website vào thư mục chứa bộ web vớ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ộ website.

4. định dạng web

ảnh 2. tính chất trang web

Sau khi lưu lại web thành đạt, vào menu Modify lựa chọn Page Properties để setup định hình cho website.

Trong hộp thoại Page Properties bạn chỉnh các thông số sau (hình 2):

Mục Appearance (HTML):

+ Background image: lựa chọn Browse và duyệt đến tập tin hình sử dụng làm nền cho web.

+ Background: nhấn 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: Nhập vào khoảng mẹo lề trái so với nội dung web.

+ Top margin: Nhập vào khoảng cách lề trên đối với content web.

+ Margin width: nhập vào độ rộng của website.

+ Margin height: nhập vào độ cao của trang web.

Mục Title/Encoding:

ảnh 3. tiêu đề và bảng mã

+ Title: Nhập tiêu đề của trang web.

+ Các mục khác cứ để mặc định.

Sau khi tinh chỉnh định hình trang web xong, chọn OK để thiết lập (hình 3).

Xem thêm : Tổng hợp các phần mềm thiết kế giao diện web mới nhất 2020

5. xem website trên trình duyệt

Trong công cuộc làm việc, nếu mong muốn xem thử website trên trình duyệt thì bạn bấm Ctrl+S để lưu lại, sau đó bấm phím F12 để nhìn thấy trên trình duyệt đang setup sử dụng mặc định hoặc click lựa chọn vào biểu tượng có ảnh toàn cầu ở bên trên và chọn trình duyệt cần nhìn thấy.

6. Tạo bảng trong website

– Chèn bảng

Nếu muốn tạo một web có các nội dung được đặt ở các vị trí thích hợp và easy tìm ra trên các bộ máy tìm kiếm thì bạn cần xây dựng một bảng trước khi nhập content. Để thực hiện, bạn vào menu Insert, chọn Table.

ảnh 4. xây dựng tính chất bảng

Hộp thoại Table hiện ra, nhập số thể loại trong mục Rows, số cột trong mục Columns, độ rộng của Table trong mục Table width và trong mục Border thickness nhập vào trị giá độ lớn của khung trong bảng sau đó click OK (hình 4).

– định hướng bảng

nhấn chuột vào đường khung của bảng, khung tính chất của bảng hiện ra bên dưới như hình 5

ảnh 5. định dạng bảng

thiết lập bảng tính chất gồm các nội dung sau:

W, H: Chiều rộng và chiều cao của bảng.

Rows: Số hàng.

Cols: Số cột.

CellPad: khoảng cách từ văn bản đến bảng.

CellSpace: khoảng phương pháp giữa các ô của bảng.

Border: viền của bảng.

Align: chế độ canh lề của bảng.

BgColor: màu nền của bảng hay ô.

Brdr: màu đường viền.

– cải thiện cấu trúc bảng.

ảnh 6. Thêm loại vào bảng

Trong công cuộc làm việc, bảng tạo ra đủ sức chưa phù hợp. Bạn đủ sức cải thiện cấu trúc của bảng với những content sau:

Thêm dòng: chọn dạng mà bạn muốn chèn thêm một dòng mới phía sau nó. lựa chọn Modify > Table > Insert Rows or Columns .

Trong cửa sổ hiện ra, đánh dấu chọn trước mục Rows và Below the Selection. Trong mục Number of rows, đánh số thể loại mong muốn chèn và nhấn OK (hình 6)

Thêm cột: lựa chọn cột mà bạn muốn chèn thêm cột mới phía bên phải nó. Thực hiện lại các thao tác tương tự giống như thêm thể loại nhưng đánh dấu chọn trước chữ Columns.

Xóa dòng: lựa chọn loại muốn xóa, chọn Modify > Table > Delete row (hoặc bấm chuột phải vào dạng muốn xóa, lựa chọn Table > Delete row).

Xóa cột: chọn cột muốn xóa, vào Modify > Table > Delete column (hoặc bấm chuột phải vào cột muốn xóa, lựa chọn Table > Delete column).

– Trộn ô: chọn các ô mong muốn trộn, lựa chọn Modify > Table > Merge cells (hoặc bấm vào biểu tượng trộn ô ở dưới khung thuộc tính)

– Tách ô: chọn vào ô muốn tách, chọn Modify > Table > Splits cells (hoặc bấm vào biểu tượng tách ô ở dưới khung thuộc tính)

– Canh lề văn bản trong ô.

Bạn lựa chọn văn bản cần định dạng trong ô hoặc chọn các ô cần định hướng, rồi click chuột phải vào vùng chọn và chọn Align. Sau đó chọn một trong bốn kiểu canh lề là Left (canh trái), Right (canh phải), Center (canh giữa) và Justify (canh đều) (hình 7).

ảnh 7. Canh lề cho văn bản trong ô

Nguồn : https://quantrimang.com