Copyright © Viện Đào tạo công nghệ thông tin VITTI, ĐHQG Hà nội, 1998 URL: http://www.vnu.edu.vn/index.htm ́ 53 Chọn tùy chọn Display để xác định làm cho tem thời gian thay đổi: Nếu thay đổi thực tay thay đổi cho trang, chọn Date This Page Wass Last Editor Nếu thay đổi FrontPage cập nhật trang lý đó, chọn Date This Page Was Last Automatically Updated Trong menu Date Format thả xuống, chọn cách mà ngày tháng xuất Nếu thời gian hiển thị, menu Time format thả xuống, thay đổi giá trị từ (none) sang giá trị khác Click OK Tem thời gian xuất trang, trơng giống ta nhập vào Sau tem thời gian thêm, để thực thay đổi, click đúp cửa sổ hiệu chỉnh, hộp thoại Date and Time mở lại Tất thành phần Web khác hiệu chỉnh theo cách VIII.3.7 Lưu thay đổi sang site Nếu ta tạo Web site cá nhân từ template, ta làm với cách hiệu chỉnh text, tiêu đề hyperlink Để lưu trang sau làm việc nó, click nút Save cơng cụ Standard Để xóa trang file khác, loại bỏ vĩnh viễn khỏi site, thực bước sau đây: Quay trở khung nhìn Folders: click tab Web Site nằm cửa sổ hiệu chỉnh Click phải tên file khung xem Folder Chọn Delete từ menu tắt Một hộp thoại Confirm Delete hỏi file có nên thực bị xóa hay khơng Click Yes để xác định việc xóa No ta thay đổi ý định Khi ta sẵn sàng xem công việc mà ta thực hiện, click nút Preview in Browser công cụ Standard Site ta mở trình duyệt Web, ta thưởng thức giống người khác tham quan – click hyperlink nút liên kết để xem trang 148 VIII.4 Tạo site với trợ giúp Wizard FrontPage 2003 VIII.4.1 Mở wizard tạo site Nhiều phần mềm sử dụng wizard, hộp thoại vốn có làm cho cơng việc khó khăn trở nên dễ dàng cách phân chia thành loạt câu hỏi FrontPage chương trình khác Office xác lập máy tính thơng qua wizard cài đặt, hình thức quen thuộc với ta Trong FrontPage, wizard xem template thơng minh Chúng sử dụng để tạo site trang Web phức tạp xử lý template Bằng cách phân chia tác vụ thành loạt bước đơn giản hơn, wizard giúp ta tạo Web site phức tạp - chẳng hạn site công ty chuyên nghiệp 20 trang site hỗ trợ khách hàng - cách trả lời vài câu hỏi đơn giản Hai loại wizard có sẵn FrontPage: wizard Web site tạo toàn site wizard trang Các wizard tạo ta tạo site thêm trang vào site hành Để gọi site wizard, thực bước sau: Trên menu Standard chọn File New Khung New mở (ở phía bên phải cửa sổ - xem hình vẽ dưới) 149 Hình VIII.31 Khung New Click hyperlink More Web Site Templates Hộp thoại Web Site Templates mở với tab General nằm Ta sử dụng số wizard để tạo toàn site: Database Interface Wizard tạo site vốn nối kết với sở liệu Microsoft Access, hiển thị record trang Web lưu thông tin thu thập site vào sang sở liệu Discussion Web Site Wizard tạo bảng thông báo nơi khách tham quan đến site ta giao tiếp với Corporate Presence Wizard chép Web site có sang máy tính ta, khơng tạo FrontPage Để khởi động wizard, chọn click nút OK Hộp thoại wizard xuất Để sử dụng wizard, trả lời câu hỏi mà đặt sau click Next để xem câu hỏi Khi ta tiến đến câu hỏi sau cùng, nút Finish hiển thị thay cho nút Next Khi ta sẵn sàng hoàn tất tùy chọn mà ta chọn wizard, click Finish 150 VIII.4.2 Nhập site có vào FrontPage Nếu ta tạo Web site phần khác trước sử dụng FrontPage, ta nên quan tâm đến Import Web Site Wizard, vốn sử dụng để đưa site tất file vào FrontPage để hiệu chỉnh Với wizard này, ta tận dụng tính FrontPage site mà ban đầu không tạo phần mềm Wizard nhập site từ thư mục máy tính ta, thư mục mạng, Web site Internet Để nhập site, thực bước sau: Trên menu Standard chọn File New để mở khung New Click hyperlink More Web site Templates Hộp thoại Site Templates mở ra, liệt kê tất site wizard mà ta chọn Chọn biểu tượng Import Web Site Wizard Trong hộp danh sách Specify the Location of the New Web Site, FrontPage chọn tên cho thư mục nơi file site lưu trữ Để chọn thư mục khác, click nút Browse Hộp thoại New Web Site Location xuất Sử dụng hộp thoại để tìm kiếm mở thư mục nơi ta lưu trữ Web site mà ta làm việc FrontPage Mỗi site FrontPage phải cung cấp thư mục riêng Để tạo thư mục cho site nhập vào này, click nút Create New Folder Hộp thoại New Folder xuất Cho thư mục tên Name click OK Trong hộp thoại New Web Site Location, click nút Open Thư mục liệt kê hộp thoại danh sách Specify the Location of the New Website Import Web Wizard Click OK Import Web Wizard mở VIII.4.3 Chọn phương pháp import Câu hỏi hỏi Import Web Site Wizard cách để truy tìm site, trình bày hình 151 Hình VIII.32 Import Web Site Wizard Một site nhập theo năm cách, phụ thuộc vào vị trí kiểu truy cập mà ta có vị trí đó: FrontPage Server Extensions SharePoint Servicess, kỹ thuật hiệu đòi hỏi Web server trang bị với tính FPT (File Transfer Protocol), cách phổ biến mà file trao đổi Internet HTTP (HyperTExxt Transfer Protocol), cách để truy tìm trang Web file khác vốn truy xuất mạng cục WebDAV, hệ thống tạo nội dung Web phổ biến phương pháp khác Cách tốt để nhập site sử dụng FrontPage Server Extensions SharePoint Services điều truy tìm trang file khác đưa vào Web site chúng khơng trình bày trực tiếp cho khách tham quan Khi ta sử dụng FrontPage để tạo Web site, làm việc với nhiều file hậu cảnh suốt q trình chuẩn bị trang Ví dụ, site ta sử dụng theme, có hai chục file đồ họa thư mục Những file khơng biểu diễn trực tiếp cho người tham quan site ta 152 Thay vào đó, chúng sử dụng FrontPage để tạo nút hover, đồ họa định dạng trang Bằng cách sử dụng server extension SharePoint Servicers, wizard nhập site (subsite) – Web site chứa bên thư mục site khác (Ví dụ, Web site thư mục C:\My Sites\Sports\baseball) Nếu site để nhập nằm phần mở rộng Web server SharePoint, ta sử dụng chúng để nhập Web site toàn site nó: Chọn FrontPage Server Extensions SharePoint Services Nhập địa Web trang chủ Web thuộc site vào trường text Web Site Location Để đưa vào site con, chọn hộp kiểm Include Subsites Nếu site mà ta muốn nhập nằm máy tính ta (hoặc thư mục máy tính khác mạng ta), ta chép từ thư mục đó: Chọn tùy chọn File System click đúp Browse Hộp thoại New Publish Location xuất Sử dụng hộp thoại để tìm chọn thư mục Web site (thư mục nơi trang chủ lưu trữ) Chọn thư mục click Open Thư mục hiển thị trường text Web Site Location Để nhập site lúc (nếu có), chọn hộp kiểm Include Subsites Nếu site nằm Web server mà ta truy cập cách sử dụng File Transfer Protocol (FTP), tiêu chuẩn chung cho việc trao đổi file với Internet server, ta sử dụng FTP account ta để nhập site Sau cách thực hiện: Chọn FTP Trong trường text Web Site Location, nhập địa FTP server Bởi sử dụng FTP, địa có ftp:// đứng trước thay http:// Trong trường Root Directory, gõ nhập vị trí tên thư mục mà ta chứa trang chủ site 153 Nếu server đòi hỏi Passive FTP, click hộp kiểm Use Passive FTP Nếu ta tận dụng phần mở rộng SharePoint, FTP lựa chọn tốt tùy chọn lại Nếu site nằm Web server mà không trang bị phần mở rộng SharePoint (hoặc ta khơng biết), ta lưu file việc truy tìm chúng từ Web cách sử dụng HTTP Tùy chọn HTTP không hiệu phần mở rộng, SharePoint, FTP - lấy trang liên kết công cộng từ trang chủ Nó bỏ qua file sử dụng để tạo trang đó, chẳng hạn theme FrontPage file khác vốn sử dụng để tạo site Tuy nhiên, biện pháp sau HTTP sử dụng để nhập site: Chọn HTTP Nhập địa Web trang chủ thuộc site trường text Web Site Location FrontPage tỷ mỉ địa chỉ: Thay sử dụng địa chẳng hạn www.example.com, cụ thể tham chiếu tên trang chủ (nói cách khác, địa www.example.com/index.html) Sau chọn phương pháp import, click Next để tiếp tục Wizard cập nhật để phản ảnh lựa chọn ta Nếu ta nhập site từ vị trí bảo vệ password, hộp thoại Name and Password Required mở Sử dụng trường Name Pasword để cung cấp thơng tin đăng nhập ta, sau click OK Sau chọn phương pháp nhập, click Next VIII.4.4 Chọn vị trí để lưu site Câu hỏi mà wizard đặt nơi để lưu site Bởi ta chọn thư mục, xuất trường text trường Local Copy Location, trường tắt để ta thay đổi Tuy nhiên, có cách để thay đổi thực thay đổi ta thay đổi ý định chọn thư mục khác: Hủy chọn hộp kiểm Add to Current Web Site Trường Location Copy Location nút Browse trở nên chọn 154 Click nút Browse Hộp thoại New Page Location xuất Sử dụng hộp thoại để chọn (hoặc tạo) thư mục nơi mà file site lưu Chọn thư mục click Open Hộp thoại đóng lại, đưa ta trở wizard Chọn hộp Add to Current Web Site Click Next để đến câu hỏi VIII.4.5 Thu thập thông tin phản hồi từ khách tham quan Web site ta Một form dễ để tạo trang phản hồi - vị trí site ta nơi khách tham quan gửi cho ta lời nhận xét góp ý riêng tư Điều cung cấp dịch vụ tiện lợi cho khách tham quan ta có ưu điểm thư hai – cho phép ta bỏ qua địa email ta từ site ta Tại điều lại hữu dụng? Khi ta bắt đầu xuất Web, địa email mà ta đặt trang nhanh chóng phát spammer - người tiếp thị email tạp nhạp lắp đầy inbox lời đề nghị mang tính thương mại khơng cần thiết Để tìm địa để thêm vào danh sách thư tín họ, cá spammer thường xuyên sử dụng phần mềm để truy tìm trang World Wide Web Điều mà ta chắn tránh khỏi site ta tìm thấy nhanh chóng chương trình - thường thời gian ngắn từ đến hai tuần Bằng cách đặt trang phản hồi thay địa ta site ta, ta giảm lượng spam mà ta nhận Để thêm trang phản hồi vào site ta, thực bước sau: Mở site (nếu chưa mở) menu Standard chọn File New Khung New mở nằm dọc theo cửa sổ biên soạn Click hyperlink More Page Templates Hộp thoại Page Templates mở ra, hiển thị trang mà ta tạo cách sử dụng template wizard Chọn biểu tượng Feedback Form click OK Một trang phản hồi tạo sử dụng màu, text giống với phần lại site Nó mở cửa sổ biên soạn Một đường chấm chấm biểu thị đường viền form Mỗi phần form phải đặt đường biên soạn Ở đầu trang, 155 đoạn tô màu đỏ tía mơ tả form cung cấp số thơng tin hướng dẫn cách sử dụng Text lời bình chú, text giải thích xuất cửa sổ biên soạn FrontPage trang xem trình duyệt Web (Để kiểm tra điều này, click nút Preview ben cửa sổ biên soạn) Hình VIII.33 Hiệu chỉnh trang phản hồi Để xóa lời thích, click lần nhấn phím Delete Nếu ta muốn thay đổi cách diễn đạt câu hỏi, hiệu chỉnh ta thường thực text khác FrontPage: Nhấp trỏ trường sử dụng bàn phím để thêm loại bỏ thông tin Việc định vị định dạng thành phần khác form thay đổi giống phần khác trang Web Để xóa phần form, kéo chuột lên nhấn phím Delete Khi trang phản hồi tạo ra, FrontPage xác lập để lưu câu trả lời sang file feedback.txt thư mục _private Web site 156 Để thực thi điều này, ta phải xuất site ta lên Web server trang bị FrontPage Server Extensions SharePoint Servers, cải tiến nhằm giúp người sử dụng FrontPage thêm tính đặc biệt (giống vậy) vào site họ Vào thời điểm này, ta thay đổi cách thông tin phản hồi khách tham quan lưu Nó lưu sang file theo nhiều dạng khác gửi đến ta email VIII.4.6 Lưu thông tin phản hồi khách tham quan sang file Những câu trả lời thu thập form lưu trữ file Web server ta theo ba dạng khác nhau: - Text - Dạng xem biên soạn text tải chương trình sở liệu trang bảng tính, chẳng hạn Microsoft Acccess Microsoft Excel - HTML - Dạng đọc trình duyệt - XML – Đây dạng phổ biến cho liệu tích hợp rộng rãi vào FrontPage 2003 chương trình cịn lại Office Để lưu thơng tin phản hồi sang file, thực bước sau đây: Click phải nơi đường viền form - đường chấm chấm minh họa ban đầu hình Chọn Form Properties từ menu ngữ cảnh Hộp thoại Properties xuất minh họa hình 157 Hình VIII.34 Chọn cách lưu thông tin phản hồi khách Thông tin phản hồi khách tham quan lưu dạng text Để chọn dạng khác, click nút Options Hộp thoại Saving Results xuất Sử dụng hộp File Format xổ xuống để chọn dạng cho thông tin phản hồi: Để giúp ta đọc dễ dàng với Microsoft Excel chương trình sở liệu khác, chọn Text Data-base Using Comma as a Separator Điều tạo file text với phần mở rộng tên file.csv Để đọc trình duyệt Web, lựa chọn tốt HTML Formatted Text Within HTML Điều tạo file.html vốn sử dụng định dạng với trang Web mà ta tạo ForntPage Để lưu theo dạng XML, chọn XML Điều tạo file.xml Click OK Để chọn thư mục nơi file lưu trữ đó, click nút Browse Hộp thoại Current Web site xuất Sử dụng hộp thoại để chọn thư mục site ta Click OK để đóng hộp thoại Form Properties Form xác lập để lưu trữ thông điệp phản hồi file định Nếu file không hữu người sử dụng form phản hồi tạo 158 VIII.4.7 Nhận thông tin phản hồi khách tham quan email Thơng tin phản hồi gửi đến ta email thay lưu site ta Khi gửi đến, trơng giống sau: Message Type: Suggestion Subject: Web Site Username: Sam Snett UserEmail: snett@samspublishing.com ContractRequested: ContacRequested Date: 22 Aug 2003 Time: 21:19:30 Comments: In this thing on? Trong email, câu trả lời khác form phản hồi hiển thị dòng riêng biệt Trong ví dụ này, Sam Snett với địa email snett@samspublishing.com gửi đề nghị với chủ đề “Web Site” Mail hiển thị cuối Sam đặt câu hỏi, “Is this thing on?” Thư phản hồi bắt nguồn từ địa tự động trả lời thiết lập Web host ta - ta thay đổi địa thành địa người liên lạc với ta mô tả phần Để gửi trả lời phản hồi đến địa email, thực bước sau: Click chuột phải nơi form chọn Form Properties từ menu tắt vừa xuất Hộp thoại Form Properties mở Nhập địa email trường text E-mail Address Địa phải địa email ta địa người trả lời thư cho site ta Xóa text hộp Filename Thông tin phản hồi gửi thư cách sử dụng dạng ví dụ SamSnett Để chọn dạng khác, click nút Options Hộp thoại Saving Result xuất Click tab Email Result để đưa lên phía trước Chọn dạng hộp Email Format thả xuống Các tùy chọn có sẵn giống cá tùy chọn dành cho file Email phản hồi cung cấp dòng chủ đề “Data posted to form 1”, theo sau địa Web trang phản hồi 159 Để xác lập dòng chủ đề khác giúp dễ dàng tìm email này, gõ nhập trường text Subject Line Để tận dụng địa email người điền đầy đủ thông tin vào form, nhập text UserEmail trường text Reply-To Line chọn hộp kiểm Form Field Name nằm kế bên (xem hình dưới) Hình VIII.35 Hộp thoại Saving Result Click OK để đóng hộp thoại Saving Results, sau click OK để đóng hộp thoại Form Properties Khi lưu kết form dạng email, FrontPage hiển thị hộp thoại định form gửi kết email hỏi xem địa email có nên loại bỏ hay không Nếu ta biết Web server ta cung cấp server Extensions SharePoint, click No để giữ lại địa email bỏ qua lời cảnh báo Sau ta xuất trang phản hồi, hoạt động cách xác Bài tập Thay tự viết thẻ HTML, dùng công cụ FrontPage để tạo tất trang Web cho tập chương trước 160 BẢNG CÁC TỪ VIẾT TẮT Browser: trình duyệt chương trình đọc nội dung file XML hiển thị thơng tin file lên hình Cascading Style Sheets: ngôn ngữ khai báo cách hiển thị phần tử file XML Style sheet: cách gọi tắt Cascading Style Sheets ám đến file chứa khai báo style.7 HTML: Hyper Text Markup Language WWW: World Wide Web Markup: Đánh dấu Language: Ngơn ngữ Text: Văn Rect: Hình chữ nhật Circle: Hình trịn Polygon: Hình tam giác Transparency: Độ suốt 161 TÀI LIỆU THAM KHẢO [1] 24 tự học thiết kế Web với Front Page 2003, Thuận Thành, NXB Thanh niên [2] HTML, DHTML and JavaScript, Aptech WorldWide’s book 162 ... HREF=”chapter1 .html? ?? SHAPE=”rect” coords=”6, 22 , 167, 169”> ... liệu liên kết tới style sheet mang lại thay đổi VII .2. 7 Kết hợp Style Sheet với HTML Có nhiều cách để kết hợp style sheet với HTML - Phần tử STYLE - Thuộc tính Style - Phần tử liên kết Phần tử... style phần tử ta cần dùng contextual selector Điều dựa khái niệm kế thừa, nơi mà phần tử kế thừa style gán cho phần tử cha Một ví dụ thơng thường phần tử Khi ta thêm phần tử vào phần tử