I.39.1. Kiểm tra:
Trước khi xuất bản Website lên Server, cần phải thơng qua một số thao tác kiểm tra kết quả của từng trang trong cả WebSite, bạn phải chắc chắn rằng phần trình bày bố cục, liên kết trang đã đáp ứng yêu cầu khi xuất hiện trên trình duyệt. Ngồi các kiểm tra thơng thường như nội dung, hình ảnh, liên kết, các thẻ lệnh trên Site cục bộ, cần phải kiểm tra thêm một số các yếu tố sau đây:
Trình duyệt Browse: Kiểm tra các chức năng của Site phù hợp nhất với trình duyệt nào. Màn hình: Bố cục cĩ thay đổi trên màn hình cĩ kích thước 1024x768 pixel so với màn hình 800x600, phải cố gắng trung hồ trong trình bày, thiết kế ảnh, chọn kiểu font, với kích cở phù hợp.
Liên kết Link: khơng thể để trong Site những liên kết gãy, liên kết khơng đúng trang đích hoặc những trang mồ cơi khơng liên kết
Thời gian tải trang:là khoảng thời gian người xem chờ trang hiển thị, khơng nên đưa quá nhiều hình ảnh vào trang, cĩ thể tạo trang Album.
Tạo một Site thử nghiệm: Nên chép Site đến một thư mục khác, hoặc một máy cục bộ khác để chạy thử nghiệm, giúp bạn hiệu chỉnh chính xác hơn.
Để giúp bạn dễ dàng hơn trong kiểm tra, Dreamweaver cung cấp lập bản báo cáo kết quả từng trang, cả Site rất chi tiết, dựa vào đĩ bạn cĩ thể quản lý và hiệu chỉnh một cách hiệu quả nhất. Cách thực hiện như sau:
− Chọn File Check Page Check Link
− Xuất hiện cửa sổ Result Inspector . Với nhĩm Search, Validation…
o Nhĩm Search:
Khi cần hiệu chỉnh một số thơng tin như: tên cơng ty, số điện thoại, …, nằm rải rác ở các trang khác nhau, để khơng sai sĩt trong quá trình tìm kiếm và thay thế, ta chọn nhĩm Search:File Check Page Check Link
Trong 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
o Nhĩm kiểm tra tính hợp lệ (Validation):
Nếu thiết kế trang Web bằng các thẻ lệnh HTML thì khơng tránh khỏi những sai sĩt nhỏ, ta cĩ thể mở trang và kiểm tra tính hợp lệ của các thẻ HTML
Click nút mũi tên, chọn validation Current Document
Xuất hiện hộp thoại chỉ rỏ các thẻ khơng hợp lệ
Cĩ những thẻ lệnh 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
I.39.2. Kết nối và xuất bản
1) Kết nối:
Sau khi hồn tất việc kiểm tra, nếu cĩ kết nối vào mạng, thì cĩ thể xuất bản Site lên Server. Trong Site Panel click nút Connects to Remote host để kết nối, hoặc chọn Remote view.
− Nếu một site đã cĩ kết nối thì sẽ hiện thị danh sách tập tin thư mục trên server.
− Nếu chưa kết nối thì phải thiết lập một 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 thì cĩ thể chọn FTP, nhập tên và mã số truy cập để kết nối
Chọn Remote Folder : Thư mục trên Server nơi sẽ chứa Site
2) Xuất bản: (adsbygoogle = window.adsbygoogle || []).push({});
− Sau khi kết nối, thực hiện Put file lên server:
Click nút Put file
Xác nhận put tồn bộ website
Kiểm tra lại sau khi put file bằng cách click nút Expand Collapse để xem kết quả
TỔNG QUAN VỀ JAVASCRIPT I.40.GIỚI THIỆU VỀ JAVASCRIPT:
Javascript ra đời với tên gọi LiveScript, sau đĩ Nescape đổi tên thành Javascript. Tuy nhiên giữa Java và Javascript cĩ rất ít các điểm chung dù rằng cú pháp của chúng cĩ thể cĩ những điểm giống nhau.
Ngơn ngữ Javascript được tạo bởi Nescape vào năm 1996 và được đưa vào trong trình duyệt Nescape Navigator 2.0 của họ thơng qua trình biên dịch để đọc và thực hiện các mã lệnh Javascript được kèm theo trong các trang HTML..
Javascript là một ngơn ngữ kịch bản (script) để viết kịch bản cho phía client. Client side là những yêu cầu của người sử dụng được xử lý tại máy khách. Thơng thường những yêu cầu này là tính tĩan, kiểm tra tính hợp lệ của dữ liệu hay các hiệu ứng, các yêu cầu này thường khơng liên quan đến nguồn cơ sở dữ liệu trên server.
I.40.1. Đặc điểm của JAVASCRIPT:
− Javascript là một ngơn ngữ kịch bản được viết chung với HTML.
− Khơng biên dịch như các ngơn ngữ khác. Khi trang web load xuống nĩ được trình duyệt thơng dịch.
− Javascript là ngơn ngữ thiết kế động vì các đối tựơng cĩ khả năng tương tác với nhau thơng qua người sử dụng hoặc các sự kiện.
− Là ngơn ngữ hướng đối tượng. Phân biệt chữ hoa, chữ thường
− Được hỗ trợ bởi tất cả các trình duyệt như Nescape và Internet Explorer
− JavaScript cĩ khả năng tạo và sử dụng các đối tượng(Object), các đối tượng gồm 2 nhĩm:
o Các Object do người sử dụng tạo ra gồm :
Định nghĩa thuộc tính cho đối tượng
− Cú pháp: Object Name.Properties
Thêm phương thức cho đối tượng
Tạo một instance của đối tượng
o Các object cĩ sẳn. JavaScript cung cấp một bộ các Built–in Object để cung cấp các thơng tin về sự hiện hành của các đối tượng được load trong trang Web và nội dung của nĩ, các đối tượng này gồm phương pháp (method) làm việc với các thuộc tính (properties) của nĩ.
I.40.2. Cấu trúc của đọan Javascript:
<Script language=”JavaScript”> Các lệnh Javascript
</script>
I.40.3. JAVASCRIPT trong một trang HTML
− Đặt các dịng mã lệnh của Javascript giữa cặp tag <script></script>
− Cĩ thể viết nhiều đọan mã lệnh Javascript trong cùng một tập tin HTML. Các khối mã lệnh Javascript cĩ thể đặt bất kỳ nơi nào của trang HTML. Cĩ thể đặt trong cặp tag <head></head> hoặc trong cặp tag <body> </body> tuy nhiên ta
nên đặt trong cặp tag <head> để dễ kiểm sĩat mã lệnh và cũng dễ sửa đổi chương trình.
− Cĩ thể viết một tập tin Javascript riêng và sau đĩ kết nối với một hoặc nhiều tập tin trang web khác nhau.
Cách 1 : Viết đọan mã script trong cùng trang HTML (adsbygoogle = window.adsbygoogle || []).push({});
Ví dụ 1:
<HTML>
<HEAD>
<script language="javascript" >
document.write(“What is your name? ”); </script>
</HEAD> <BODY>
Nội dung của trang </BODY> </HTML> Ví dụ 2: <HTML> <BODY> <script language="javascript"> document.write("Hello World!") </script> </BODY> </HTML> Ví dụ 3: <html> <head> <script type="text/javascript"> some statements </script> </head> <body> <script type="text/javascript"> some statements </script> </body> </html> Cách 2 :
Mở trình sọan thảo notepad, Viết đọan chương trình Javascript. Lưu lại với phần mở rộng là.js ( lưu ý trong tập tin này khơng chứa bất kỳ một thẻ nào của ngơn ngữ HTML).
Liên kết với một file JavaScript.js đã được xây dựng trước
Cú pháp:
<HTML>
<BODY>
</HTML>
Lưu ý: trong thẻ JavaScript ta cĩ thể bỏ thuộc tính SRC và Language, khi đĩ ngơn ngữ mặc định là JavaScript .
I.40.4. Mơi trường viết JAVASCRIPT:
Cĩ thể dùng chương trình sọan thảo: Frontpage, Notepad, Visual InterDev, Dreamweaver để viết mã Javascript, trong giáo trình này sẽ sử dụng mơi trường Dreaweaver, chọn chế độ code, Dreamweaver hổ trợ phân biệt từ khĩa bằng màu chữ, hổ trợ các hàm, thuộc tính của các tag, giúp người sử dụng thuận tiên trong việc thiết kế và viết chương trình
I.40.5. Lệnh đơn và khối lệnh:
a) Lệnh đơn:
Lệnh đơn là một câu lệnh được kết thúc bằng dấu chấm phẩy(;). Trong JavaScript cuối mỗi câu lệnh ta cĩ thể dùng dấu (;) hoặc khơng dùng dấu gì cả .
b) Khối lệnh:
Khối lệnh là tập hợp nhiều câu lệnh đơn được bao bọc bởi cặp dấu {}
c) Lời chú thích trong chương trình:
Lời chú thích này trình duyệt sẽ bỏ qua khi thơng dịch chương trình. JavaScript hổ trợ 2 loại chú thích:
Chú thích trên một dịng: dùng cặp dấu //
Chú thích trên nhiều dịng: dùng cặp dấu /*…*/
I.40.6. Xuất dữ liệu ra trang Web
JavaScript hỗ trợ 2 phương thức hiển thị dữ liệu ra trang Web là: + document.write(“Text”)
+ document.writeln(“Text”)
Text là chuổi dữ liệu muốn hiển thị ra trang Web, phải được đặt trong cặp nháy kép. Nếu xuất giá trị của biến thị khơng cần đặt trong nháy. Cĩ thể dùng dấu + để nối các
chuổi và biến (adsbygoogle = window.adsbygoogle || []).push({});
doument.write(“String ” + variable );
Nếu xuất tag HTML thì cặp tag đĩ cũng phải đặt trong cặp dấu nháy kép
document.writeln: nếu đặt trong cặp tag<pre></pre> thì lệnh document.writeln xuất
dữ liệu và xuống dịng. Nếu khơng cĩ cặp tag <pre></pre> thì nĩ cách ra một khoảng trắng
Ví dụ: <BODY >
<Script Language=”JavaScript”> document.write ("<H1>Hello<H1>");
document.write ("<font color=red>World</font>"); </Script>
Ví dụ: <body> <pre> <script> document.writeln("<b>Hello</b>"); document.writeln("<b>Wordl</b>"); </script> </pre> </body> .