Giáo trình HTML và thiết kế Web Phần 2 (ĐH Công nghệ)

CHƯƠNG V CÁC MỐI LIÊN KẾT SIÊU VĂN BẢN V.1 Thẻ neo mối liên kết Các liên kết siêu văn tài liệu HTML để tham chiếu đến tài liệu khác hay phần tài liệu khác nằm tài liệu Liên kết siêu văn gồm có ba phần: giao thức, neo địa hay URL Để tạo mối liên kết việc cần làm thiết lập neo Cặp thẻ tạo neo … (Anchor) Thẻ có nhiều thuộc tính bắt buộc phải xác định rõ, ta tìm hiểu kỹ phần sau V.1.1 Thuộc tính HREF HREF (Hypertext REFerence – tham chiếu siêu văn bản) dùng để liên kết đến: Một tài liệu khác (external link) hay Một phần khác nằm tài liệu đọc (internal link) Giao thức để tham chiếu HREF HTTP Nếu liên kết nội – internal link khơng cần phải có phần giao thức V.1.2 Liên kết – External Links Để liên kết đến tài liệu khác, ta cần phải biết địa URL tài liệu đích Cũng cần phải chỗ, thường nhóm vài từ để làm đầu mối liên kết Nhóm từ đổi màu để phân biệt, chuột trỏ vào có hình bàn tay nhấn chuột trang siêu văn đích hiển thị Nên chọn từ làm đầu mối cho gợi tả cho tự nhiên, không ảnh hưởng đến nội dung ý nghĩa câu văn Tránh sử dụng lặp lặp lại câu "nhấn vào đây" tạo đầu mối liên kết Cú pháp để tạo mối liên kết tới tài liệu khác - liên kết ngồi - sau: Nhóm từ đầu mối liên kết 44 V.1.3 Địa tuyệt đối Khi liên kết tới tệp nằm máy tính cục ta phải nêu rõ giao thức đầy đủ địa URL tệp đích Ví dụ: Victorian Subject Associations on Internet V.1.4 Địa tương đối Nếu liên kết đến tệp máy chủ bạn khơng cần dùng địa URL tuyệt đối mà dùng địa tương đối Thay cho URL tên tệp với đường đẫn đến thư mục nơi chứa tệp đích Ví dụ: Ví dụ 1 V.1.5 Liên kết nội – Internal Link Cũng tạo mối liên kết thân tài liệu siêu văn bản, từ phần đến phần khác Điều có ích tài liệu có kích thước lớn Ta tạo mục lục toàn nội dung phần đầu trang gồm tên chương liên kết tên chương đến phần nội dung tương ứng Để làm điều này, cần đánh dấu điểm đích - book mark- liên kết thẻ neo thẻ neo điểm đầu mối liên kết thay URL tên nói Lưu ý có thêm dấu "#" Ví dụ, để tạo liên kết nội từ nhảy đầu trang ta cần tạo book mark đầu trang với tên Top chẳng hạn Sau đó, tạo thẻ neo liên kết dòng sau 45 đầu trang V.2 Dùng hình ảnh làm đầu mối liên kết V.2.1 Thay chữ hình Như phần trên, cấu trúc thành phần HTML mối liên kết siêu văn là: Để thay “đầu mối liên kết” biểu tượng, hay hình ảnh Ta cần chèn hình ảnh hay biểu tượng vào vị trí “đầu mối liên kết” Ví dụ: V.2.2 Image Map - thẻ AREA Thử hình dung ta có đồ địa lý hành Khi nhấn chuột vào vùng diện tích tỉnh trang thơng tin tương ứng với tỉnh Đó Image Map Với Image Map, “đầu mối liên kết” vùng hình ảnh có hình dạng tùy ý Các cơng cụ soạn thảo trực quan cho phép dễ dàng tạo Image Map Một ví dụ mã nguồn HTML thành phần Image Map sau: Đoạn mã tạo đầu mối liên kết ba vùng hình chữ nhật (rect), hình trịn (circle) hình tam giác (polygon) ảnh image.gif Khi nhấn chuột vào phạm vi vùng tệp tương ứng chapter1.html, chapter2.html chapter3.html nạp để hiển thị 46 V.3 Đưa âm vào tài liệu V.3.1 Liên kết đến tệp âm Để chèn đoạn âm thành vào tài liệu HTML ta theo quy tắc tạo mối liên kết thông thường Trong thẻ neo, địa điểm URL địa tệp âm Dưới ví dụ việc chèn âm thành vào tài liệu Khi nhấn chuột vào mối liên kết này, tệp âm phát lại Papa V.3.2 Tạo âm Không chèn tệp âm vào tài liệu HTML mà cịn nhúng âm vào tài liệu, nghĩa âm phát trang tài liệu bắt đầu hiển thị Để nhúng âm vào tài liệu ta dùng thẻ Trong đó: Thuộc tính SRC=”URL” Mơ tả Đường dẫn đến tệp âm Chiều cao khung nhìn cho giao diện điều HEIGHT=n khiển phần mềm phát âm Chiều rộng khung nhìn cho giao diện điều WIDTH=n khiển phần mềm phát âm Âm tự động kích hoạt bắt đầu AUTOSTART=true|false nạp tài liệu thị (nên đặt true) LOOP=true|false Thiết lập việc lặp lại nhiều lần hay lần Đặt thẻ đâu khung nhìn giao diện điều khiển việc phát tệp âm xuất Ví dụ: 47 V.4 Đưa Video vào tài liệu V.4.1 Chèn tệp Video Việc chèn tệp video vào tài liệu HTML giống chèn tệp âm Ví dụ đoạn mã sau chèn đoạn phim video vào tài liệu Nó tạo mối liên kết tới tệp video chọn ta nhấn chuột vào mối liên kết xem lại tệp video Film Chú ý: Các tệp video có kích thước lớn nên cân nhắc tốc độ đường truyền người dùng V.4.2 Nhúng tệp video Thẻ dùng để nhúng tệp video vào tài liệu: Ví dụ: Cũng tương tự thuộc tính việc chèn tệp âm thanh: Thuộc tính SRC=”URL” HEIGHT=n Mơ tả Tên đường dẫn đến tệp video Chiều cao khung hình chiếu video WIDTH=n Chiều rộng khung hình chiếu video AUTOPLAY=true|false (không bắt buộc) Đặt cho video tự chạy bắt đầu nạp tài liệu Cho giao diện điều khiển phần mềm CONTROLLER=true|flase video liền phía khung hình Thuộc tính khơng bắt buộc Mặc định true LOOP=true|false Thiết lập việc lặp lại nhiều lần hay lần Vị trí đặt thẻ nơi xuất khung hình video 48 Bài tập Tạo trang khác giới thiệu chi tiết có liên kết tới trang giới thiệu Chèn ảnh vào trang giới thiệu cho click vào ảnh trang giới thiệu chi tiết mở Yêu cầu: ảnh thứ sử dụng đường dẫn tuyệt đối, ảnh thứ hai sử dụng đường dẫn tương đối tới trang cần liên kết Tạo trang thứ ba có chèn đoạn Video clips trang 49 CHƯƠNG VI BÀY TRÍ NỀN VÀ KHUNG VI.1 Màu văn VI.1.1 Đặt màu Để văn trở nên đẹp hấp dẫn, đặt cho trang siêu văn Thuộc tính BGCOLOR (Background Color) Dùng thuộc tính kèm thẻ để đặt màu cho văn Cú pháp sau: Nội dung tài liệu "#rrggbb" red-green-blue, ba số hai chữ số hệ đếm 16, xác định mã màu VI.1.2 Màu chữ văn Thuộc tính TEXT Thuộc tính để thiết lập màu cho chữ văn bản, trừ đầu mối liên kết phải có màu khác Nội dung tài liệu ́ VI.1.3 Màu đầu mối liên kết - Thuộc tính LINK, VLINK ALINK Ba thuộc tính để đặt màu đầu mối siêu liên kết  LINK - đặt màu hiển thị trước nhấn chuột vào để đến thăm đích liên kết  VLINK - Đặt màu sau đích liên kết đến thăm (visited  ALINK - đặt màu bạn kích hoạt, nhấn chuột vào (active Các màu mặc định là: LINK=blue, VLINK=purple and ALINK=red Nội dung tài liệu Kết hợp với 50 Color Control Example Đây tài liệu làm ví dụ thiết đặt màu Các chữ màu xám sáng đen, đầu mối liên kết có màu vàng, chuyển màu xanh sáng kích hoạt có màu xanh nhạt điểm đích thăm Lưu ý: Tổ hợp màu thiết đặt lần cho toàn văn Hãy thận trọng lựu chọn để đảm bảo dễ đọc, dễ nhìn VI.1.4 Thuộc tính mã màu Thuộc tính BGCOLOR TEXT LINK VLINK ALINK Mô tả Đặt màu Đặt màu chữ, trừ mối nối Đặt màu ban đầu đầu mối liên kết chưa kích hoạt Đặt màu đầu mối liên kết thăm đích Đặt màu đầu mối liên kết kích hoạt Một vài mã màu hay dùng: Màu black white pale grey dark green green pale blue/green pale blue navy blue Mã #000000 #FFFFFF #DBDDE5 #306020 #405060 #00FFFF #A5D6F7 #000020 51 burgundy yellow purple red orange red orange neon blue pale purple/orchid maroon scarlet pale purple firebirch #800040 #FFFF00 #601050 #FF0000 #FF2400 #FF7F00 #4D4DFF #9370DB #8E236B #8C1717 #6B238E #8E2323 Tuy nhiên nhiều trình duyệt chấp nhận dùng tên màu tiếng Anh thay cho chữ số khó nhớ VI.2 Nạp hình ảnh làm cho trang văn VI.2.1 Thuộc tính BACKGROUND Có thể dùng thuộc tính để tạo ảnh cho trang tài liệu siêu văn Thay cho xác định màu ta cần tên tệp hình ảnh kèm đường dẫn Nội dung tài liệu ́ Ví dụ: Khi dùng ảnh làm cho trang Web cần phải nạp tệp hình ảnh Như ta biết tệp ảnh thường có kích thước lớn, làm chậm việc hiển thị trang tài liệu Do cần chọn tệp ảnh có kích thước nhỏ làm ảnh Toàn trang văn "lát nền" hình ảnh ta lát nhà gạch hoa VI.2.2 Water mark Nhiều trang web có trang trí gắn chặt cố định, cịn phần văn cuộn trôi bên ta di chuyển trượt Hiệu ứng tạo nhờ thiết lập thêm thuộc tính cho ảnh 52 bgproperties="fixed" Ví dụ: VI.2.3 Hãy ký tên vào tài liệu Một thơng lệ nên tn theo "kí tên" vào tài liệu Nó giúp cho người đọc biết thông tin tối thiểu tác giả soạn tài liệu, thời gian cập nhật Việc đưa thêm địa tài liệu Web vào cuối trang giúp cho người đọc lưu lại xuất xứ trang tài liệu Đó chưa nói đến ý nghĩa quan trọng phần chữ kí tài liệu thức có tính thương mại Phần chữ kí thường gồm thơng tin sau:  Ngày khởi tạo lần đầu  Ngày sửa chữa cập nhật gần  Tên (và e-mail) tác giả  Tuyên bố quyền (nếu cần )  URL Đoạn mã HTML phần chữ kí sau: Ngày viết: 20 September 1998 Ngày cập nhật: 20 October 2001 Tác giả: Nguyễn Văn Hùng email: webmaster@vitti.vnu.edu.vn">

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ử