Giáo trình dreamweaver 8

Giáo trình DreamWeaver 8 Biên tập bởi: Trần Việt An Giáo trình DreamWeaver 8 Biên tập bởi: Trần Việt An Các tác giả: Trần Việt An Phiên bản trực tuyến: http://voer.edu.vn/c/93842f5b MỤC LỤC 1. Start Page của DreamWeaver 8 2. Cửa sổ tài liệu 3. DreamWeaver 8 Document 4. Status Bar , Property Inspector và Panel 5. Layout - Quản lý các cửa sổ 6. Site cục bộ 7. Site từ xa 8. FTP , SFTP và Web DAV (1) 9. FTP , SFTP và Web DAV (2) 10. Hiệu chỉnh Site 11. Panel Files trong DreamWeaver 8 12. Panel Files trong DreamWeaver 8 (2) 13. SYNCHRONIZE Đồng Bộ Hóa 14. Trang trang đầu tiên với DreamWeaver 8 15. Hyperlink - Siêu liên kết 16. Insert Ảnh 17. Thuộc tính của Page (Page Properties) Tham gia đóng góp 1/146 Start Page của DreamWeaver 8 Nguồn cung cấp tài liệu - Mua dỉa Macromedia _AIO _ V2 ( AIO là All In One gồm nhiều Phần mềm Macromedia trong 1 đĩa ) tại các cửa hàng Vi Tính . Bạn đưa danh sách họ sẽ truy lục trên máy và lấy dỉa bán cho bạn . Trong đó có Chương Trình Dreamweaver 8 nầy. - Bạn cũng có thể download DreamWeaver 8 ở trên mạng . Cài đặt Mở đĩa chứa Chương Trình ALL IN ONE > Folder DREANWEAVER > Dung lượng 67.20 MB , nhấp File Setup.exe. ( Hình 2 ) 2/146 Next > I Accept … > Next > Nhấp chọn Create Shortcut On Desktop > Next > Nhấp chọn Select All > Next > Install > Chạy cài đặt > Finish . Trong dia nầy khi cài đặt không cần Paste File Keygen do Tác giả đã hiệu chỉnh sẵn. Ra Desktop > Nhấp Shortcut > Chọn Designer > Ok . ( Hình 3 ). Mô tả giao diện Start Page OPEN A RECENT NEW : Chứa danh sách 10 Mục được mở gần đây . Nếu mở ít hơn 10 Mục , nó chỉ hiển thị số . Nếu chưa sử dụng Dreaweaver ( D ) , nỏ chỉ xuất hiện Folder Open. CREATE NEW : 3/146 Chọn 1 trong những tùy chọn sẽ tạo 1 File HTML , Cold Fusion , PHP , ASP VB Script , ASP NET C# , JavaScript , XML , XSLT ( Entire Page ) , CSS , Tạo 1 Site Dreamweaver. Chọn More để hiển thị Hộp Thoại New Document cung cấp nhiều lựa chọn . CREATE FROM SAMPLES : Phần giúp bạn chỉ học về xây dựng các Website . Chứa các Folder , từng Folder chứa nhiều Trang mẫu trình bày đẹp Nhấp bất cứ Folder nào sẽ mở Hộp thoại New Document. Nhấp Folder Css Style Sheets > Trong HT nầy bạn có thể chọn nội dung của các Folder khác. 4/146 EXTEND : Mở Rộng . Bạn có thể thêm chức năng vào Dreaweaver vốn chưa được đưa vào bằng cách thực hiện thông qua 1 công nghệ gọi là Extensions. Extensions là 1 phần mềm nhằm mở rộng những tính năng của Dreaweaver. Có thể nhận thêm Extensions của Macromedia Dreaweaver Exchange . Khi nhấp vào chữ :Dreamweaver Exchange.( Xem phần Phụ lục cuối quyển sách ). 5/146 QUICK TOUR : Khảo sát nhanh và cần thiết . Nhấp lên : Take a Quick Tour of Dreaweaver : Sẽ liên kết đến Trang Web .Công cụ trợ giáo trực tuyến bằng cách sử dụng Breeze Web ( Hình7 ). 6/146 Nhấp lên : Learn About Documentation Resources : Hiển thị tài liệu trực tuyến .( Hình 8 ). 7/146 Nhấp lên : Find Authorized Training mở Trang Web cung cấp các tài nguyên đào tạo . ( Hình 9 ). 8/146 [...]... xuống kế bên ra chức năng phụ (H12) 16/146 DreamWeaver 8 Document Vì đây là giai đoạn đầu bạn và tôi cùng tìm hiểu vể Giao Diện của Dreamweaver 8 nên đôi khi tháy mái làm xáo trộn màn hình không trở về Standard được Bạn vô Menu Help > Dreamweaver Help > Nhập View Standard > Cột Trái chọn Swithching from Standard To LayOut Mode ( H1) Trở về giao diện chương trình : Menu View > Table Mode > Standard Mode... phần nầy.(H3) 18/ 146 • NÚT DESIGN : Nơi bạn nhập dữ liệu Khi xem trong Trình Duyệt ( Browser ) cũng giống như thế Gọi là : What You See Is You Get Là nơi bạn thao tác thực hiện thiết kế Trang Web Bạn có thể xem trên các chế độ : Design – Code – Split.(H4) 19/146 • CÁC LOẠI NÚT PHỤ : Chứa mọi thứ , bạn nhấp lên để tìm hiểu thêm Đáng chú ý Nút Preview In Browser đang liên kết đến các trình duyệt của... Arrange Panels để chúng xuất hiện lại Thường mặc định hiện hữu là : Application – Tag Inspector – CSS – File (H7) 28/ 146 2 Không xuất hiện các Panel : Frames – History – Results – Code Inspector Time Lines Chỉ xuất hiện khi bạn mở chúng ra ( Menu Windown > Nhấp các panel liệt kê trên ) (H8) 29/146 3 Mỗi Panel có tính năng riêng của nó , giúp dễ dàng khảo sát – chỉnh sửa những đối tượng liên quan đến... Window đều chọn Designer LayOut (H1) 11/146 • Cột Create New giúp bạn tạo 1 Trang hoặc 1 Site mới Có nhiều lực chọn bên dưới cột Cửa sổ tài liệu Thí dụ ta chọn HTML 12/146 1 Đây là 1 Cửa sổ tài liệu Dreamweaver đơn giản Ban có thể chỉnh sửa nó để thích hợp với những thói quen của bạn 2 Nếu mở nhiều Files cùng lúc , bạn sẽ thấy các Tables nằm dọc ở phần trên cùng cửa sổ Bạn nhấp vào 1 Table để chỉnh... được sử dụng nhiều nhất như các liên kết với ảnh (H3) ◦ LAYOUT : nhấp nút xổ xuống chọn Layout Hiện ra gồm các Tables – Div – Layer – Khung ( Frame ) Các Đối tượng nầy giúp bạn mô tả cách bạn muốn trình bày Trang (H4) ◦ FORM : Gồm các thành phần Form như Trường Text , Nút và Hộp kiểm (H5) ◦ TEXT : Giúp tạo Style cho Text đã nằm trên Trang tốt hơn là dùng Property Inspector ( Nằm ở đáy ) (H6) ◦... 22/146 3 Góc Đáy Phải : Công cụ Select – Hand – Zoom – Tỉ lệ % đang hiển thị - Kích cở của cửa sổ đang hiển thị ( Kế bên có nút xổ xuống để chọn Size của cửa sổ có sẵn ) – Ô chót : Ước tính thời gian mà trình duyệt Download trang nầy Nếu không thích 2 Ô cuối cùng nầy , bạn có thể thay đổi bằng cách chọn Edit Sizes từ Menu bật lên H2) 23/146 Property Inspector Căn cứ những gì được chọn trong cửa sổ tài... HTML : Ít hữu dụng , cho phép bạn chèn các đối tượng như Table – Khung – Script vốn được thực hiện tốt hơn ở nơi khác (H7) 14/146 ◦ APPLICATION : Giúp cho bạn làm việc với các cơ sở dữ liệu bên ngoài (H8) ◦ FLASH ELEMENTS : Chỉ chứa 1 Đối tượng bộ xem ảnh Flash.Nếu muốn thêm các thành phần Flash như Nút Flash – Text – Video hãy quay về Common > Nút Media ( H9+10) ◦ FAVORITES : Chỉ là rổng không Dùng . Giáo trình DreamWeaver 8 Biên tập bởi: Trần Việt An Giáo trình DreamWeaver 8 Biên tập bởi: Trần Việt An Các tác giả: Trần Việt An Phiên bản trực tuyến: http://voer.edu.vn/c/9 384 2f5b MỤC. Hiệu chỉnh Site 11. Panel Files trong DreamWeaver 8 12. Panel Files trong DreamWeaver 8 (2) 13. SYNCHRONIZE Đồng Bộ Hóa 14. Trang trang đầu tiên với DreamWeaver 8 15. Hyperlink - Siêu liên kết 16 và lấy dỉa bán cho bạn . Trong đó có Chương Trình Dreamweaver 8 nầy. - Bạn cũng có thể download DreamWeaver 8 ở trên mạng . Cài đặt Mở đĩa chứa Chương Trình ALL IN ONE > Folder DREANWEAVER >