Lecture08 dreamwavw frames

FRAMESETS KIỂM TRA VÀ XUẤT BẢN FRAMESETS Trang khung (frameset): − − Là trang HTML đặc biệt Trang khung không mang nội dung, thẻ Trang khung chia viền khung cho trang web Muốn tạo trang khung ta phải xác định rõ yêu cầu sau:  Số khung (frame) trang khung (frameset)  Tên cho khung cụ thể  Các tập tin HTML làm nội dung cho khung FRAMESETS Cách tạo frameset liên kết trang Dreamweaver tạo sẵn số dạng trang khung chuẩn, ta chọn sử dụng chúng cách dễ dàng Nếu khung ý thích, ta chọn trang khung gần giống tự hiệu chỉnh hay thiết kế lại  Cách tạo: − Chọn thực đơn File/ New… − Chọn Frameset  Chọn dạng trang khung khung Framesets − Xem mẫu trang khung bên cột Preview, click Create FRAMESETS Mở frames Panel: Frames Panel giúp ta thao tác với khung  Windows Frames  Hoặc nhấn phím Shift + F2 Thao tác Frames Panel: Tuỳ thuộc vào thao tác Frames Panel mà Properties Inspector tương ứng cung cấp thông tin phù hợp FRAMESETS     Click vào khung, hay tên khung Frames panel để chọn khung cần làm việc, hiệu chỉnh đổi tên khung, dổi nội dung tập tin khung, cuộn, màu nền… Click đường viền chọn trang khung, click vào đường viền khung trên, khung chọn dòng khung Click đường viền khung trái, phải chọn cột khung Sau thao tác chọn thay đổi mối quan hệ khung, thường kích thước, tỉ lệ khung, đường viền khung FRAMESETS Hiệu chỉnh trang khung: a) Chia khung − Chọn tên khung Frame Panel cần chia − Chọn thực đơn Modify Frameset − Chọn Split Frame Left/ Right / Up / Down để chia khung thành khung theo ý muốn FRAMESETS c)   d) Xoá khung: Đưa trỏ chuột đến biên khung cần xoá Kéo biên khung khỏi hình, kéo sang hướng biên khung cha Hiệu chỉnh thuộc tính trang khung: FRAMESETS    Thay đổi kích thước khung: − Đặt trỏ chạm vào biên khung − Drag chuột kéo biên đến vị trí Thay đổi tên khung : − Chọn khung cần đổi tên − Nhập tên ô Frame Name Thay đổi nội dung đại diện khung: − Đặt trỏ khung cần đổi nội dung − Nhập tên tập tin html vào Site Panel − Hoặc click Browse to file… để tìm tập tin thay FRAMESETS    Thay đổi biên cho khung: − Margin Width − Margin hight Thay đổi kích thước xem: − Chọn No Resize, không cho phép thay đổi kích thước trước duyệt trang khung Hiển thị cuộn: Tại mục Scroll − Yes: luôn cuộn − No: không hiển thị cuộn, dù trang nội dung dài nhiều dòng − Auto: Thanh cuộn tự xuất nội dung dài trang − Default: Tuỳ thuộc vào cài đặt mặc định FRAMESETS   Không viền nét đường khung: − Border =No: đường viền − Border = yes: có đường viền − Width : Chọn kích thước nét viền − Border Color: Tô màu viền khung Lưu trang khung: − Lưu khung trang: • Chọn viền trang khung Frame Panel • File Save Frameset As… đặt tên trang khung • Chọn File Save Frameset: cập nhật thông tin KIỂM TRA VÀ XUẤT BẢN  Cách kiểm tra: − Chọn File Check Page Check Link − Cửa sổ Result Inspector Với nhóm Search, Validation…  Nhóm Search: Khi cần hiệu chỉnh số thông tin nằm rải rác trang khác nhau, để không thiếu sót trình hiệu chỉnh, chọn nhóm Search: Click nút mũi tên, Chọn Find and Replace • Find What: Nhập nội dung cần tìm • Replace With: nhập nội dung thay thế, chọn Replace All KIỂM TRA VÀ XUẤT BẢN   Nhóm kiểm tra tính hợp lệ (Validation): Mở trang kiểm tra tính hợp lệ thẻ HTML − Click nút mũi tên, chọn validation Current Document − Xuất hộp thoại rỏ thẻ không hợp lệ Kiểm tra tính tương thích trình duyệt Có tag mà trình duyệt cũ không nhận diện được, để kiểm tra tính tương thích trình duyệt, chọn nhóm Check Target Browser Check − Click mũi tên, chọn Check Target Browser − Chọn loại trình duyệt, version cần kiểm tra Click check KIỂM TRA VÀ XUẤT BẢN Kết nối xuất  Kết nối: Sau hoàn tất việc kiểm tra, có kết nối vào mạng, xuất Site lên Server Trong Site Panel click nút Connects to Remote host để kết nối, chọn Remote view KIỂM TRA VÀ XUẤT BẢN − − Nếu site có kết nối thị danh sách tập tin thư mục server Nếu chưa kết nối phải thiết lập kết nối lên server Click dòng Define a remote Site Trong Category: Chọn Remote Info Access: Chọn Local/Network Nếu bạn có quyền truy cập Server qua giao thức FTP chọn FTP, nhập tên mã số truy cập để kết nối Chọn Remote Folder : Thư mục Server nơi chứa Site KIỂM TRA VÀ XUẤT BẢN  Xuất bản: Sau kết nối, thực Put file lên server: − Click nút Put file − Xác nhận put toàn website − Kiểm tra lại sau put file cách click nút Expand Collapse để xem kết KẾT NỐI VÀ ĐƯA WEBSITE LÊN WEB SERVER – –  Cách thực hiện: Cần phải lưu lại tất tập tin trước xuất Website Xuất Website chép thư mục gốc (root) Site lên Server nhà cung cấp dịch vụ Internet (ISP) Trong Macromedia Dremwearver MX 2004, xuất Website cần có bước kết nối với Server trước Put File lên sau Kết nối với Remote Site: Nếu tạo Site ta chưa xác định Remote Site (Thư mục chứa Site Server), nên sau click Put File xuất thông báo yêu cầu kết nối với Remote Site KẾT NỐI VÀ ĐƯA WEBSITE LÊN WEB SERVER KẾT NỐI VÀ ĐƯA WEBSITE LÊN WEB SERVER – – –  Chọn Yes, Xuất hộp thoại Site Definition Chọn mục Remote Info, khung Access, chọn Local/ Network (giả lập thư mục mạng cục bộ, thư mục khác ổ đĩa cứng) Tại mục Remote Folder, Click biểu tượng Folder, để tìm thư mục chứa Site Xuất Site lên Remote Site: – – – – Trong Site Panel, chọn lại tên Site cần xuất Click nút Put File Xuất hộp thoại: Are you sure you wish to put the entire site? Click OK Xuất hộp thoại kết nối, tập tin thư mục Site chép từ site lên Remote Site KẾT NỐI VÀ ĐƯA WEBSITE LÊN WEB SERVER  Kiểm tra lại Remote Site – Click nút Expand Site Panel: Màn hình chia làm phần: Bên trái Remote Site, Bên phải Local Site SITE MAP   GIỚI THIỆU: Site map sơ đồ cấu trúc WebSite, hiển thị vị trí phân cấp tập tin WebSite Một WebSite tạo đầy đủ liên kết, xem dạng Site map Cần phải định nghĩa trang HomePage trước Site phải có trang Index.htm Xem Site Map: – Trong Site Panel, chọn Map view khung Site view SITE MAP  Tạo liên kết Site Map:Có thể tạo liên kết trang cách trực quan đơn giản cách sử dụng Site Map Cách tạo:  – – – – Chỉ định đường dẫn đến trang home page Tạo Site phải có trang Index.htm Home Page Chọn Site Manage Sites Click nút Edit Xuất cửa sổ Definition Chọn Site Map Layout Home Page: đường dẫn đến tập tin Index OKDone SITE MAP  Tạo liên kết SiteMap  Click nút Expand/Collapse để mở rộng Site Panel  Click chọn nút SiteMap  Màn hình xuất trang Index.htm site SITE MAP  Tạo liên kết phân cấp:  Click phải file Index  chọn Link to new File Xuất hộp thoại Link to New File:    File Name: Nhập tên file Title: tiêu đề trang Text of Link: dòng text để liên kết Liên kết đến File Liên kết đến File SITE MAP SITE MAP  Tạo liên kết nhanh:    Chọn tập tin cần tạo liên kết Click biểu tượng liên kết bên cạnh tập tin chọn Kéo mũi tên liên kết đến tập tin liên kết đến [...]...FRAMESETS  Lưu trang đại diện khung : − Đặt con trỏ vào khung cần lưu − FileSave Frameset As… − Nếu chỉ cần cập nhật thông tin nội dung trong khung thì chọn Filesave Frameset KIỂM TRA VÀ XUẤT BẢN 1 − − − Kiểm tra: cần phải kiểm tra thêm một số các yếu tố sau đây: Trình duyệt Browse: