CHƯƠNG TR�NH JAVASCRIPT D�NH CHO SINH VI�N HỌC SINH

PHẦN I

B�I 1 : C�C TAG (THẺ)

Những g� bạn cho tr�nh duyệt biết l� bắt đầu một t�i liệu HTML (<HTML)v� kết th�c t�i liệu HTML(</HTML).B�y giờ ch�ng ta thực hiện:

Mọi t�i liệu HTML cần một cặp tag HEAD,điều duy nhất ch�ng ta phải quan t�m đến c�c tag HEAD  b�y giờ l� c�c tag TITLE (ti�u đề trang WEB)

 Nội dung sẽ ở trong c�c thẻ BODY

B�y giờ lưu n�, khong phải l� một t�i liệu văn bản, m� l� một t�i liệu html (đu�i t�n file.html).

Khi bạn thực hiện xong trang web đầu ti�n của m�nh ,bạn c� thể tải l�n(upload) m�y chủ của cả thế giớico thể xem trang web của bạn

Ch� � :hai điểm quantrọng trước khi bạn tiếp tục v�o b�i hai.Một l� những g� bạn đ� thực hiệnl� một t�i liệu sườn HTML.Đ�y l� những th�ng tin cần thiết tối thiểu cho một t�i liệu web v� tất cả những t�i liệu webc� th�nh phần căn bản n�y.Hai l� ti�u đề của t�i liệu xuất hiện ở tr�n c�ng của cửa sổ tr�nh duyệt.

 

B�I 2: HỌAT ĐỘNG CỦA TR�NH DUYỆT

Tr�nh duyệt kh�ng nhận ra định dạng .Trừ khi cho n� biết bằng định dạng kh�c, n� chỉ hiển thị c�c k� tự theo một d�ng th�ng thường .Nếu bạn muốn bắt đầu từ một d�ng mới bạn phải bắt đầu

Hey!

What's

going

on

here??

 

<BR> chỉ bắt đầu một d�ng mới.Tương tự với <br> l� <P>.N� kh�ng h�a t�an giống nhau,nhung n� ngắt d�ng ,sau đ� bỏ một d�ng

//souce and from

Một vấn đề kh�c về c�c thẻ ngắt d�ng : bạn kh�ng thể sử dụng ch�ng nhiều lần.N�i c�ch kh�c,ấn định <P><P><P> sẽ kh�ng tạo được 3 d�ng trống .Tr�nh duyệt sẽ kh�ng nhận biếthơn một khỏang trống . Sử dụng m� khỏang trống  v�o tr�nh duyệt c� phần tiện lợi hơn ->&nbsp;

Thử như sau:

// soucecode and from

Dấu "&" c� nghĩa l� ch�ng ta bắt đầumột k� tự đặc biệt, dấu ";" c� nghĩa l� kết th�c một k� tự đặc biệt v� chữ ở giữa l� sắp xếp n� sử dụng .C� s�u k� tự đặc biệt b�n dưới(lưu � c�c k� tự đặc biệt n�y lu�n lu�n  l� chử thường):

&nbsp;(kh�ng c� khỏang trống ngắt
&lt;(<k� hiệu nhỏ hơn)

&gt;(> k� hiệu lớn hơn)

&amp;(& dấu v�)

&quot;("dấu tr�ch dẫn)

&shy;(-dấu gạch nối)

Tr�nh duyệt sẽ hiển thị văn bảncủa bạn bằng d�ng b�nh thường trừ khi bạn ấn định n� bằng c�chkh�c như ngắt d�ng ,v�n v�n.N� sẽ l�m giảm c�c v�ng trống c�n một khỏang trống .Nếu bạn muốn c� nhiều khỏang trống ,bạn phải sử dụng m� khỏang trống (&nbsp;).Sau l� c�c th�ng tin chọn lọc m� ch�ng ta chưa đề cập đến:Nếu bạn Return(hoặc enter),tr�nh duyệt đ� sẽ diễn dịch bằng một khỏang trống trừ khi c� một khỏang trống ở đ� rối

Something
really
cool
like
an
icecube!

Kế đến l� một thẻ nhỏ rất hữu  dụng .Tự n� sẽ giải th�ch r�

Something really cool

Bạn c� thể căn giữa một từ hoặc cả trang của bạn.<CENTER> sẽ căn giữa mọi thứ

Bạn c� thể biết c�ch tạo nhiều d�ng trống thật đơn giản.Tạo khỏang trống bằng ơột ngắt d�ng cho mỗi d�ng trống bạn muốn c�

Something really
 
 
 
 
 
cool

B�y giờ ch�ng ta đưa c�c ảnh v�o trang web.Ch�ng ta thực hiện như sau:

Bạn ấn định ảnh bằng thẻ<IMG>(ảnh)

B�I 3 : HỌAT ĐỘNG CỦA LI�N KẾT

N� thật đơn giản,ch�ng ta sẽ tạo li�n kết với Yahoo.Bắt đầu như sau:


 

Go to Yahoo!

Sau đ� bổ sung cặp thẻ anchor.

Go to Yahoo

Bổ sung URL để bạn được tiến h�nh .URL viết tắt của Universal Resouce Locator(dấu định dạng t�i nguy�n đồng nhất). Đ� l� cụm từ rất rộng m� người sử dụng m�y t�nh phải quan t�m.URL chỉ l� một địa chỉ

Go to Yahoo!

Một li�n kết điện thư(email) họat động bằng c�ch tương tự .Ch�ng chỉ sử dụng một địa chỉ emailthay cho một địa chỉ trang

Send me Mail!


Ch�ng ta co thể tạo một ảnh li�n kết nếu muốn.Sử dụng th� dụ'Go to �ch Nam' ở tr�n,thay thế thẻ <IMG> bằng từ �ch Nam!

Go to 

B�I 4 : ĐỘ PH�N GIẢI

Ch�ng ta đ� đề cậpvề điều t�c văn bản,font, c�c ảnh,c�c li�n kết.Đ� l� kỉ năng căn bản v� b�y giờ ch�ng ta đề cập đến độ ph�n giải m�n h�nh  c� độ ph�n giải 800 x 600 v� một số sử dụng 1024 x 768

Rất cần thiết kiểm tra trang chủ của bạn ở độ ph�n giải kh�c nhau .Thận trọng khi điều chỉnh thủ c�ng c� thể rơi v�o độ ph�n giải kh�c nhau.B�y giờ ch�ng ta khảo s�t về hai c�ng cụ định dạng c� thể sử dụng .Thứ nhất l� <BLOCKQUOTE>.Về cơ bản n� k�o lề của bạn ở cả hai b�n

WE THE PEOPLE of the United States, in order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defense, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.

Một c�ng cụ rất hữu dụng kh�c l� LIST.C�c danh s�ch theo thứ tự v� kh�ng theo thứ tự

 Danh s�ch theo thứ tự Danh s�ch kh�ng theo thứ tự
1. Trần Minh Đạo * L� tiến Huy
2. L� tiến Huy * Trương Ph� Tường
3. Nguyễn Văn Thưởng * Nguyễn Văn Thưởng
4. Trương Ph� Tường * Trần Minh Đạo

------------//-------------

Giờ bạn đ� biết tất cả c�c thẻ căn bản cần để tạo một trang Web.C�n thẻ n�o kh�c kh�ng?c�n,c�n nhiềunhưng n� đ� cung cấp cho bạn khỏang 70% c�c c�ng cụ cần thiết để thiết kế trang web.Sau hki ban đ� t�m hiểu qua c�c thẻ ch�nh n�y,bạn c� thể t�m hiểu một số hướng dẫn n�ng cao hơn: Table, Form, v� Frames. Ch�ng sẽ cung cấp cho bạn 27% về những g� bạn cần biết.C�n 3% chắc c�c bạn kh�ng c� dịp sử dụng hoặc c�c thẻ ấy d�ng để sao ch�p c�c thẻ kh�c - nghĩa l� thực hiện c�ng chức năng tương tự.Hoặc c�c thẻ được sử dụng giới hạnv� c� biệt,bạn c� thể bổ sung ch�ng sau

Khi tạo trang web của m�nh ,bạn sẽ cần tải ch�ng l�n m�y chủ Server l� m�y t�nh chạy chương tr�nh Server để ph�n phối t�i liệu cho bất kỳ ai y�u cầu ch�ng .Nếu bạn c� kết nối Internet qua c�ng ty hay nh� trường ,hỏi người điều h�nh hệ thống của bạnc�ch để c� được kh�ng gian tr�n Server ấy cho c�c trang của bạn..Nếu sử dụng Server cho nh� cung cấp dịch vụ Internet,hỏi họ về c�ch để c� kh�ng gian cho c�c trang của bạn.Nếu bạn đang sử dụng AOL hoặc Compuserve,v�n v�n ,họ c� thể c� c�ch gửi c�c trang của bạn theo phương ph�p của họ. Chỉ cần lưu � về c�ch chuyển giao c�c file,chương tr�nh tốt nhất để sử dụng l� Cute FTP. Ưu điểm của chương tr�nh n�y tạo cho chuyển giao c�c file giữa c�c m�y t�nh thuận tiện như di chuyển ch�ng tr�n m�y t�nh của bạn.

Cảm ơn c�c bạn đ� theo d�i chương tr�nh của ch�ng t�i !!!