Cách sử dụng dreamweaver cs6

-

1. Giới thiệu về Dreamweaver

Dreamweaver là chương trình dùng để tạo trang web tĩnh, web động rất hay. Dreamweaver là mộtthành phần trong bộ sản phẩm của hãng Adobe gồm nhiều sản phẩm như: Photoshop,Dreamweaver, Fireworks, Acrobat Pro,…Mở Dreamweaver: Start => (All) Programs => Abobe Dreamweaver

*

Lưu ý: Mình đang sử dụng Dreamweave phiên bản CC 2015 nhé!

2. Thao tác với trang

2.1 Tạo trang weba. Tạo trang HTML trốngMenu File => New => Blank page => HTML => None => Createb. Tạo trang PHPMenu File => New => Blank Page => PHP => None => Create

2.2. Xem thử trang webGõ phím F12 để xem thử

2.3. Chuyển chế độ làm việca. Chế độ CodeLà chế độ để xem và làm việc với code HTML của trang.

Bạn đang xem: Cách sử dụng dreamweaver cs6

b. Chế độ DesignLà chế độ chủ yếu để xem và làm việc với trang. Trang web sẽ hiện gần giống hệt theo ý của bạnở chế độ này.c. Chế độ SplitChia đôi màn hình. Phía trên hiện code HTML, phía dưới là chế độ Design.

Xem thêm: Miếng Dán Giả Iphone 7 Cho Iphone 6, Miếng Dán Iphone 7 Plus/8 Plus

d. Chuyển chế độ của trangNhắp nút Code, Design, Split ở trên vùng soạn thảo (thanh Document)

*

2.4. Lưu trang webNhắp menu File => Save /Save As / Save All

5. Mở trangNhắp đúp vào tên file trong panel Files.

6. Đổi tên fileNhắp tên file trong panel Files => gõ phím F2 => gõ tên file mới

3. Màn hình Dreamwevear

*

3.1 Toolbar DocumentLà thanh toolbar chứa các thao tác với tài liệu hiện hành. Toolbar này chứa các nút Design, Code,Split mà bạn đã dùng.

3.2 Thanh PropertiesLà thanh nằm bên dưới vùng soạn thảo. Thanh Properies là nơi hiện các thuộc tính của đối tượngmà bạn đang chọn. Bạn dùng thanh này để hiệu chỉnh thuộc tính của đối tượng.Ẩn hiện thanh Properties: Nhắp menu Window => Properties

3.3 Thanh TagLà thanh nằm ngang, ngay phía trên thanh Properties. Đây là nơi hiện ra các tag chứa đối tượngmà bạn đang chọn. Nghĩa là nếu bạn muốn biết một đối tượng nào đó nằm trong các tag nào, hãychọn nó rồi nhìn vào thanh này.

4. Panel groupLà vùng nằm dọc bên phải của vùng soạn thảo. Đây là nơi chứa rất nhiều thông tin mà bạn có thểdùng để tạo và định dạng trang, các panel thường dùng trong đây là Insert, CSS, Filesa. Insert barLà toolbar dùng để chèn các đối tượng vào trang web (table, hình, form, div…). Ẩn hiện thanhnày bằng cách vào menu Window => Insertb. Css barLà toolbar dùng để định dạng các tag bằng kỹ thuật CSS. Ẩn hiện thanh này bằng cách vàomenu Window => CSS Designerc. Css barLà toolbar dùng để quản lý các file trong website. Ẩn hiện thanh này bằng cách vào menuWindow => Filesd. Dom barLà toolbar dùng để quản lý cấu trúc các tag trong trang theo dạng cấu trúc cây thư mục. Dùngthanh này để chọn tag, duplicate tag, di chuyển, xóa tag… rất hay, nhất là với các trang web cócấu trúc phức tạp (dựa trên bootstrap) mà bạn sẽ học sau. Ẩn hiện thanh này bằng cách vàomenu Window => DOM