Giới thiệu Dreamwarver

Chương 1 Làm việc với Dreamweaver 8.0 Dreamweaver8.0/ Session 1/2 of 28 Mục tiêu của bài học  Liệt kê các đặc tính mới của Dreamweaver 8.0  Mô tả các thành phần Workshop khác nhau.  Chèn hình ảnh.  Sửa đổi hình ảnh.  Tạo một Website. Dreamweaver8.0/ Session 1/3 of 28 Tính năng của Dreamweaver 1/3  Hợp nhất vùng làm việc (Workspace)  Tiết kiệm thời gian phát triển trang web nhờ cửa sổ tài liệu tabbed, các nhóm panel dockable, duyệt qua tập tin hợp nhất (integrated file browsing) và thanh công cụ tuỳ biến (customized toolbar)  Các trang mẫu đủ mạnh (Powerfull templates)  Các trang mẫu có thể lồng nhau cho phép tuỳ chỉnh việc kiểm soát bố cục trình bày.  Các thư viện mã mở rộng  Các thư viện mã được xây dựng sẵn có thể dùng để chèn các CSDL và cập nhật các biểu mẫu. Dreamweaver8.0/ Session 1/4 of 28 Tính năng của Dreamweaver 2/3  Hỗ trợ công nghệ lập trình phía máy chủ  Hỗ trợ việc xây dựng các website và ứng dụng sử dụng ColdFusion, JSP, ASP.Net và PHP.  Nội dung mẫu  Cài đặt site đồ thuật để cấu hình thông tin site ngay lập tức.  Hỗ trợ các chuẩn web và XML  Đảm bảo các chuẩn phù hợp với việc tạo ra mặc định đầu ra XHTNL và dễ dàng chuyển đổi từ chuẩn HTML sang XHTML. Dreamweaver8.0/ Session 1/5 of 28 Tính năng Dreamweaver 3/3  Hỗ trợ bảng định kiểu xếp chồng  Với sự trợ giúp của công cụ thiết kế và đồ hoạ, CSS cải tiến cho phép tạo các site phù hợp với chuẩn CSS mới nhất.  Các tính năng viết mã rất mạnh mẽ  Gợi ý mã (Code Hints), trình soạn thảo thẻ (Tag editors), dùng các đoạn mã chuẩn tạo sẵn và kiểm tra tính hợp lệ mã giúp cho việc viết mã trở nên nhanh chóng hơn.  Khả năng truy cập  Có thể cho phép hoặc cấm người dùng truy nhập trang web.  Khung mẫu lệnh (Snippets Panel)  Viết mã một lần có thể lưu trữ và sử dụng lại khi cần đến.  Các trang web động  Tiện ích UltraDev của Dreamweaver sử dụng để kết nối CSDL. Dreamweaver8.0/ Session 1/6 of 28 Tính năng mới Dreamweaver 1/3  Các công cụ phóng to thu nhỏ và hướng dẫn  Xem lại bố cục trang, làm việc với bảng phức tạp và các hình ảnh. Phản hồi trực quan cho phép chúng ta đo khoảng cách chính xác.  Kết nối XML trực quan  Dùng dữ liệu XML đưa vào các trang web bằng cách đơn giản kéo và thả.  Khung bảng định kiểu xếp chồng (Panel CSS) mới  Làm việc với các kiểu CSS rất dễ dàng hơn với các tính năng hợp nhất của CSS.  Bố cục trình bày CSS trực quan  Việc hỗ trợ trực quan ở bước thiết kế được áp dụng đối với các đường viền bên ngoài bố cục CSS và màu bố cục CSS.  Thanh công cụ Style Rendering  Dùng công cụ Style rendering để bật tắt Design view để xem trước trang web. Dreamweaver8.0/ Session 1/7 of 28 Tính năng mới Dreamweaver 2/3  Cải tiến đồ hoạ CSS  Hỗ trợ kỹ thuật nâng cao về CSS như là overflow, các thành phần giả lập (pseudo-elements) và thành phần form.  Cải tiến việc đồng bộ hoá site và kiểm tra đầu vào và đầu ra.  Tính năng đồng bộ hoá site được cải tiến để web site được bảo đảm cập nhật phiên bản cuối cùng. Thêm tính năng kiểm tra vào và ra để phát hiện các thay đổi của trang web.  Cải tiến WebDAV  Bảo mật tập tin truyền đi và cải tiến khả năng liên kết với một mảng nhiều máy chủ. Dreamweaver8.0/ Session 1/8 of 28 Tính năng mới Dreamweaver 3/3  Ẩn mã (Code Collapse)  Các khối mã riêng biệt có thể mở rộng hoặc ẩn đi để đặt trọng tâm chú ý trên đoạn mã cá biệt nào đó.  Thanh công cụ viết mã  Cung cấp các nút với các tính năng viết mã thông dụng được đặt dọc theo lề của cửa sổ viết mã.  Truyền lọc ngầm (Background Filter Transfer)  Giảm thiểu thời gian tải tập tin lên.  Chèn Flash Video Command  Các tập tin Flash Video có thể chèn vào nội dung trang web. Dreamweaver8.0/ Session 1/9 of 28  Các thành phần của trang web có thể thêm và chỉnh sửa với sự trợ giúp của các cửa sổ khác nhau hoặc các panels sẵn sàng trong Dreamweaver 8. Giao diện Dreamweaver8.0/ Session 1/10 of 28 Dreamweaver 8.0 –Trang bắt đầu Mở tệp cũ Một tập tin mới được tạo ra Sử dụng các templates