Giới thiệu dreamweaver

Chương trình Dreamweaverv 8 là một chương trình thiết kế Web, mạnh, giàu tính năng chuyên nghiệp, dễ sử dụng và thông dụng nhất hiện nay, không cần phải biết nhiều về HTML và Javacript. Đây là phiên bản mới nhất cùng với các tính năng hay của chương trình giúp các bạn tham khảo và áp dụng vào công việc học và thực hành thiết kế cáctrang web. CÀI ĐẶT : 1 Mở Folder DREANWEAVER >nhấp File Setup.exe. 2. 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. 3. Ra Desktop > Nhấp Shortcut > Chọn Designer > Ok II .CỬA SỔ LÀM VIỆC : CREATE NEW : giúp bạn tạo 1 Trang hoặc 1 Site mới . Có nhiều lựa chọn bên dưới cột. 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 . III.CỬA SỔ TÀI LIỆU : Thí dụ Chọn HTML Đâ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 . 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 sửa . Bạn có thể Delate Table.(H2). Nhấp Nút Restore Down ( Góc Phải trên ) > Trở lại nhấp Nút Maximize. Thanh Menu : Nói về những gì mà bạn mong đợi thấy trên nền. Thanh INSERT : Dứoi Thanh Menu. COMMON : Tập hợp nầy chứa các Đối Tượng thường đượ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). 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). 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 để chỉnh sửa , dùng để chứa những gì bạn muốn nó có . Để làm điều nầy > Chọn Tập hợp Favorites > Nhấp Phải > Cho phép bạn chọn lựa để thêm những đối tượng thường được sử dụng nhiều nhất. (H11). Chức năng của từng Nút và nút xổ xuống kế bên : Để con trỏ lên Nút sẽ thấy Text mô tả chức năng của Nút đó . Nhấp Nút xổ xuống kế bên ra chức năng phụ. (H12). IV.THANH CÔNG CỤ : Có 3 phần : NÚT CODE : Gồm diện mạo Markup và Tag ( Thẻ ) . Có nhiều người tạo ra Trang Web đẹp mà chưa sử dụng Khung xem Code.( H1 ). NÚT SPLIT : Có cả phần Code và Design .Mã nằm phía trên . Khung xem WYSIWG ( What You See Is You Get ) phía dưới .Dùng tìm hiểu về Markup , tinh chỉnh các Tag xem diện mạo của kiểu thiết kế. Rê thanh giữa để nới rộng và thu hẹp 2 phần nầy.(H2) 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.(H3). 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 bạn đang sử dụng. ( H4 ) TITTLE : Nhập Tiêu đề Trang. CÁC THANH CÔNG CỤ KHÁC : Khi nhấp Phải trong Thanh Document hay Thanh Insert , bạn sẽ thấy có 2 Thanh trong bảng này : THANH STYLE RENDERING : Bạn sẽ sử dụng để chuyển đổi giữa 2 Style Rendering . Phần lớn bạn chỉ muốn xem Khung màn Hình mặc định (H5). THANH STANDARD : Khi nhấp Phải để chọn Style Rendering có các chức năng New – Open – Save – Print – Cut – Copy – Paste . bạn có thể tắt thanh Insert và Thanh Document . Để mở lại : View > Toolbars > Chọn các thanh. V.STATUS BAR ( Thanh Trạng Thái ): Undo : Ctrl+Z – REDO : CTRL+Y. Nhập Text vào . Góc đáy bên Trái là Bộ Chọn Thẻ ( Tag Selector ): Nhấp là chọn toạn bộ nội dung trang . Nhấp bất cứ nơi nào trong một tài liệu > Sẽ hiện ra Thẻ hiện hành của vị trí mà bạn đang nhấp > Nhấp lên Thẻ nầy > Bạn sẽ có các dữ liệu của Thẻ đó trong Properties. ( H1). 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). VI.PROPERTY INSPECTOR : Căn cứ những gì được chọn trong cửa sổ tài liệu , các tùy chọn mô tả sẽ xuất hiện trong cửa sổ nầy . Bôi đen chọn AUGUST 3.2006 . (H3). Bôi đen chữ THURSDAY . (H4). Chọn 1 Ảnh các tùy chọn xuất hiện . PROPERTY INSPECTOR được sử dụng vừa xem , vừa chỉnh sửa .(H5). Nhấp Tam giác nầy để thu hẹp hay mở rộng Inspector . (H6). VII. PANEL : Bên Phải màn Hình là các Panel Các Panel có khi bị mất , chọn Menu Window > 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). 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). 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 chúng . Các Panel có chung vài thứ như sau : Nhấp Nút xổ để mở nội dung Panel. Kẹp Panel : Rê Panel đến nơi khác . Thanh Tiêu Đề : Nhấp Tab mở nội dung của nó . Nút Panel Options : Mở Menu để chọn. Nút Panel chứa 2 hay nhiều Tab.(H9). Khung xem Category : Nhấp Tag > Tab Attributes : Có 2 Khung xem là Category và List . Xem Category . (H10 ). Xem List ( H11 ) Nút Panel Options sẽ xuất hiện Menu dựa vào Panel và Tab mà bạn đang làm việc.(H12). Ví Dụ : Sử dụng Panel CSS : Mở Panel CSS : Nhấp Thẻ CSS – Menu Window > CSS Styles. Nhấp Phải lên CSS Styles bật ra Menu để bạn có thể : Group CSS with – Close CSS – Rename – Maximize – Close Panel Options . (H13). Nhấp Tab Layers > Nút Panel Options > Group Layer with Panel khác .Có thể chọn trong Menu bật ra hoặc tạo New Panel Group. (H14). Đóng các Tab – Di chuyển các Tab từ Panel này đến Panel khác sẽ xác lập Dreamweaver để làm việc theo cách mà bạn mong muốn.