ObjectivesAt the end of this sessio

Objectives
At the end of this session, the student will be able to:
Use checklist for site launch
Apply Check Target Browser feature
Apply Validate markup feature
Apply Check Links feature
Apply Check Accessibility feature
Transfer site to the Internet
Transfer files to the Internet
Synchronize the site files
Compare files for difference
Test the Website

5.1 Introduction
In the previous session, you have learned to create templates that make designing Websites easier. You
also learned about ActiveX controls, Java Applets, Plug-ins, their properties, and how to insert them in
the document.
In this session, you will identify various steps that should be followed to ensure completeness of a Website
before it is uploaded on the Internet. You will also learn to publish the Website to the Internet.
5.2 Site Launch Checklist
After you create a Web page in Dreamweaver, you should always check the page for completeness. You
should check the pages as and when you create them. This will minimize the error count when the entire
site is built up.
Session 5
Testing a Website
Concepts
page 208 of 262 Version 1.0 © Aptech Limited Designing Websites in Dreamweaver CS5
While creating a Web page, you should check the following aspects.
5.2.1 Previewing Pages in Dreamweaver
Design view enables you to preview pages exactly the way they look on the Web. However, Design view
does not render pages exactly as browsers do. To achieve this, you use the Live view, which gives you a
more accurate depiction. You can work in the Code view and preview the changes in the design. You can
preview pages the way they look in specific browsers by using the Preview in Browser feature.
You can get a more realistic look of your Web page in Live view without closing your Dreamweaver
workspace. Live view is simply an alternative way of previewing page. It does not replace the Preview
in Browser command. When you switch to Live view, the Design view remains frozen; however, Code
view remains editable, so you can change your code, and then, refresh Live view to view the changes
that you have made. To preview pages in Live view, first you make sure that you are in Design view, or
Code and Design views. Then, you click the Live View button.
Live view needs to be refreshed in case any changes have been made in Code view or in a related file.
To refresh Live view, click the Refresh button in the Document toolbar, or press F5. Lastly, to return to
the editable Design view, you click the Live View button again.
5.2.2 Previewing Pages in Browsers
Web application developers tend to frequently check their pages in the Web browser, thus debugging
them. You have the option of getting a quick preview of the dynamic pages in the Web browser, selecting
Preview In Browser command from the File menu and then, selecting listed browsers. To do so, you
must fill the requirements completely in the Testing Server category available on the Site Definition
dialog box.
You can also specify the use of temporary files over the original ones. When you specify this option,
Dreamweaver runs a temporary copy of the page on a Web server before displaying it in your browser.
Dreamweaver later deletes this temporary copy from the server. To set this option, on the Edit menu, you
click Preferences, and further click the Preview In Browser option from the category. Then, select the
Preview using temporary file check box.
5.2.3 Previewing Pages in Mobile Devices
To preview pages created in Dreamweaver on various mobile devices, you use Device Central with its
built-in Opera Small-Screen Rendering feature. The preview output of your Web page may vary on
each mobile device based on the browsers the device uses. It is a good idea to get a standard preview
of the document for a selected device. To preview pages in mobile devices, first you start Dreamweaver.
Then, you open a file and do one of the following:
 On the File menu, y

Kết quả (Việt) 1:

Mục tiêuVào cuối phiên giao dịch này, học sinh sẽ có thể:Sử dụng danh sách kiểm tra cho các trang web khởi độngÁp dụng tính năng kiểm tra mục tiêu trình duyệtÁp dụng tính năng đánh dấu xác nhậnÁp dụng tính năng kiểm tra liên kếtÁp dụng tính năng kiểm tra khả năng tiếp cậnChuyển các trang web InternetChuyển các tập tin InternetĐồng bộ hóa các tập tin trang webSo sánh các tập tin cho sự khác biệtKiểm tra các trang web5.1 giới thiệuTrong phiên giao dịch trước đó, bạn đã học được để tạo ra các mẫu làm cho thiết kế trang web dễ dàng hơn. Bạncũng đã biết về ActiveX controls, Java applet, Plug-ins, tài sản của họ, và làm thế nào để chèn chúng trongCác tài liệu.Trong phiên này, bạn sẽ xác định các bước khác nhau cần được theo sau để đảm bảo sự hoàn chỉnh của một trang webtrước khi nó được tải lên trên mạng Internet. Bạn cũng sẽ tìm hiểu để xuất bản các trang web Internet.5.2 danh sách kiểm tra khởi động trang webSau khi bạn tạo một trang Web trong Dreamweaver, bạn nên luôn luôn kiểm tra các trang cho đầy đủ. Bạnnên kiểm tra các trang và khi bạn tạo chúng. Điều này sẽ giảm thiểu lỗi đếm khi toàn bộTrang web được xây dựng.Kỳ họp thứ 5Kiểm tra một trang webKhái niệmTrang 208 262 Phiên bản 1.0 © Aptech TNHH thiết kế trang web trong Dreamweaver CS5Trong khi tạo ra một trang Web, bạn nên kiểm tra các khía cạnh sau.5.2.1 xem trước trang trong DreamweaverDesign view cho phép bạn xem trước các trang chính xác cách họ nhìn vào các trang Web. Tuy nhiên, thiết kế xemkhông hiển thị trang chính xác như các trình duyệt. Để đạt điều này, bạn sử dụng giao diện Live, cung cấp cho bạn mộtMô tả chính xác hơn. Bạn có thể làm việc trong chế độ xem mã và xem trước những thay đổi trong thiết kế. Bạn có thểXem trước trang cách họ nhìn trong các trình duyệt cụ thể bằng cách sử dụng các bản xem trước trong tính năng trình duyệt.Bạn có thể nhận được một cái nhìn thực tế hơn của trang Web của bạn trong Live view mà không đóng của DreamweaverWorkspace. Xem trực tiếp là chỉ đơn giản là một cách thay thế trang xem trước. Nó không thay thế các bản xem trướcdưới quyền chỉ huy của trình duyệt. Khi bạn chuyển sang xem trực tiếp, thiết kế xem vẫn đông lạnh; Tuy nhiên, mãXem vẫn có thể chỉnh sửa, để bạn có thể thay đổi mã của bạn, và sau đó, làm mới Live view để xem các thay đổirằng bạn đã thực hiện. Để xem trước các trang web trong xem trực tiếp, đầu tiên bạn hãy chắc chắn rằng bạn ở thiết kế xem, hoặcLượt xem mã và thiết kế. Sau đó, bạn bấm vào nút Live View.Xem trực tiếp cần được làm mới trong trường hợp bất kỳ thay đổi đã được thực hiện trong chế độ xem mã hoặc trong một tập tin có liên quan.Để làm mới xem trực tiếp, nhấp vào nút làm tươi trên thanh công cụ tài liệu, hoặc bấm phím F5. Cuối cùng, để trở vềthiết kế giao diện có thể chỉnh sửa, bạn bấm vào nút Live View lại.5.2.2 Xem trước các trang web trong trình duyệtNhà phát triển ứng dụng web có xu hướng thường xuyên kiểm tra các trang trong trình duyệt Web, do đó gỡ lỗihọ. Bạn có thể chọn nhận được một bản xem trước nhanh chóng của các trang năng động trong trình duyệt Web, chọnXem trước trong trình duyệt lệnh từ trình đơn tập tin và sau đó, chọn các trình duyệt được liệt kê. Làm như vậy, bạnphải điền vào các yêu cầu hoàn toàn trong danh mục kiểm tra máy chủ có sẵn trên các nghĩa trang webhộp thoại.Bạn cũng có thể xác định việc sử dụng các tập tin tạm thời trên những bản gốc. Khi bạn chỉ định tùy chọn này,Dreamweaver chạy bản sao tạm thời của trang trên một máy chủ Web trước khi hiển thị nó trong trình duyệt của bạn.Dreamweaver sau đó xoá bản sao tạm thời từ hệ phục vụ. Để thiết lập tùy chọn này, trên menu chỉnh sửa, bạnnhấp vào tùy chọn, và tiếp tục nhấn vào tùy chọn xem trước trong trình duyệt của các thể loại. Sau đó, chọn cácXem trước bằng cách sử dụng hộp kiểm tệp tạm thời.5.2.3 Xem trước trang trong thiết bị di độngĐể xem trước các trang tạo ra trong Dreamweaver trên thiết bị di động khác nhau, bạn sử dụng thiết bị Trung tâm với của nóBuilt-in Opera Rendering màn hình nhỏ tính năng. Đầu ra xem trước của trang Web của bạn có thể thay đổi ngàymỗi điện thoại di động dựa trên các trình duyệt thiết bị sử dụng. Đó là một ý tưởng tốt để có được một bản xem trước tiêu chuẩntài liệu cho một thiết bị được lựa chọn. Để xem trước các trang web trong điện thoại di động, đầu tiên bạn bắt đầu Dreamweaver.Sau đó, bạn mở một tập tin và thực hiện một trong các cách sau: Trên các tệp trình đơn, y

Kết quả (Việt) 2:

Mục tiêu
Kết thúc phiên này, học sinh sẽ có khả năng:
Sử dụng danh sách kiểm tra cho ra mắt trang web
Apply Kiểm tra tính năng trình duyệt Target
Áp dụng tính năng đánh dấu Validate
Áp dụng Check Links năng
Apply Kiểm tra tiếp cận tính năng
trang web Chuyển đến Internet
Chuyển các tập tin Internet
Đồng bộ hóa các trang web file
so sánh các tập tin để khác biệt
Kiểm tra các website

5.1 Giới thiệu
Trong các phiên trước, bạn đã học để tạo ra các mẫu thiết kế mà làm cho trang web dễ dàng hơn. Bạn
cũng đã học về các điều khiển ActiveX, Java Applet, Plug-ins, tài sản của họ, và làm thế nào để chèn chúng trong
tài liệu.
Trong phiên này, bạn sẽ xác định các bước khác nhau cần được theo sau để đảm bảo tính đầy đủ của một website
trước khi nó được tải lên trên Internet. Bạn cũng sẽ tìm hiểu để xuất bản các trang web với Internet.
5.2 Site Launch Danh sách kiểm tra
Sau khi bạn tạo ra một trang web trong Dreamweaver, bạn nên luôn luôn kiểm tra trang cho đầy đủ. Bạn
nên kiểm tra các trang và khi bạn tạo chúng. Điều này sẽ giảm thiểu số lỗi khi toàn bộ
trang web được xây dựng lên.
Phần 5
Kiểm tra một Website
Các khái niệm
trang 208 của 262 Phiên bản 1.0 © Aptech TNHH Thiết kế trang web trong Dreamweaver CS5
Trong khi tạo một trang web, bạn nên kiểm tra các khía cạnh sau đây.
5.2.1 xem trước trang trong Dreamweaver
Design view cho phép bạn xem trước các trang chính xác cách họ nhìn trên Web. Tuy nhiên, thiết kế xem
không render các trang chính xác như trình duyệt này. Để đạt được điều này, bạn sử dụng xem trực tiếp, mang đến cho bạn một
mô tả chính xác hơn. Bạn có thể làm việc trong xem Mã và xem trước những thay đổi trong thiết kế. Bạn có thể
xem trước các trang cách họ nhìn trong các trình duyệt cụ thể bằng cách sử dụng các tính năng Preview in Browser.
Bạn có thể có được một cái nhìn thực tế hơn về trang web của bạn trong xem webcam mà không đóng Dreamweaver của bạn
không gian làm việc. Live view đơn giản chỉ là một cách khác để xem trước trang. Nó không thay thế Preview
trong lệnh Browser. Khi bạn chuyển sang sống nhìn, quan điểm thiết kế vẫn còn đông lạnh; Tuy nhiên, luật
xem vẫn có thể chỉnh sửa, vì vậy bạn có thể thay đổi mã của bạn, và sau đó, làm mới Live view để xem các thay đổi
mà bạn đã thực hiện. Để trang xem trước trong quan điểm sống, đầu tiên bạn hãy chắc chắn rằng bạn đang ở trong chế độ Design view, hoặc
xem Mã và Thiết kế. Sau đó, bạn nhấp vào nút View Live.
Live view cần được làm mới trong trường hợp thay đổi nào đã được thực hiện trong chế độ xem mã hoặc trong một tập tin có liên quan.
Để làm mới Live view, bấm nút Refresh trên thanh công cụ tài liệu, hoặc nhấn F5. Cuối cùng, để trở về
quan điểm thiết kế có thể chỉnh sửa, bạn bấm vào nút View Sống lại.
5.2.2 Xem trước trang trong trình duyệt
phát triển ứng dụng Web có xu hướng để kiểm tra thường xuyên các trang của họ trong các trình duyệt web, do đó gỡ lỗi
họ. Bạn có tùy chọn nhận được một bản xem trước nhanh chóng của các trang động trong trình duyệt Web, chọn
Preview Trong lệnh trình duyệt từ menu File và sau đó, chọn các trình duyệt được liệt kê. Để làm như vậy, bạn
phải điền vào các yêu cầu hoàn toàn trong hạng mục kiểm tra Server có sẵn trên trang web Definition
hộp thoại.
Bạn cũng có thể chỉ định việc sử dụng các tập tin tạm thời trên những bản gốc. Khi bạn chỉ định tùy chọn này,
Dreamweaver chạy một bản sao tạm thời của trang trên một máy chủ Web trước khi hiển thị nó trong trình duyệt của bạn.
Dreamweaver sau đó xóa bản sao tạm thời này từ máy chủ. Để thiết lập tùy chọn này, trên các Chỉnh sửa trình đơn, bạn
nhấp vào Tuỳ chọn, và tiếp tục click Preview In tùy chọn trình duyệt từ các thể loại. Sau đó, chọn
Preview sử dụng hộp kiểm tra tập tin tạm thời.
5.2.3 Các trang Xem trước trong thiết bị di động
để xem trước các trang được tạo ra trong Dreamweaver trên các thiết bị di động khác nhau, bạn sử dụng Device Central với nó
tính năng được xây dựng trong Opera Small-Screen Rendering. Các đầu ra bản xem trước của trang web của bạn có thể khác nhau trên
mỗi thiết bị di động dựa trên các trình duyệt thiết bị sử dụng. Đó là một ý tưởng tốt để có được một bản xem trước tiêu chuẩn
của tài liệu dành cho thiết bị được chọn. Để xem trước các trang trong các thiết bị di động, đầu tiên bạn bắt đầu Dreamweaver.
Sau đó, bạn mở một tập tin và thực hiện một trong các cách sau:
 Trên các Tệp trình đơn, y