Giáo trình thiết kế và lập trình web với ASP phần 1 NXB ĐHQG TP HCM

Chương 1: CÁC KHÁI NIỆM CƠ BẢN MẠNG MÁY TÍNH LÀ GÌ? Mạng máy tính tập máy tính nối với đường truyền theo cấu trúc qua máy tính trao đổi tin tức thông qua giao thức truyền thông Đường truyền hệ thống thiết bị truyền dẫn có dây hay dây cáp xoán, cáp đồng trục, cáp quang, dây điện thoại, sóng vô tuyến… Tập đường truyền tạo nên cấu trúc mạng Mạng máy tính phân thành hai loại: mạng diện rộng mạng cục bộ_việc phân loại mạng máy tính dựa vào khoảng cách địa lý  Mạng cục (Local Area Networks) hay thường gọi mạng LAN: mạng thiết kế để trao đổi thông tin máy tính tòa nhà, khu nhà, phân xưởng nhỏ  Mạng diện rộng (Wide Area Networks) hay gọi mạng WAN: mạng thiết lập để kết nối máy tính khu vực lại với nhau, ví dụ thành phố, khu vực… INTERNET LÀ GÌ? Internet đời vào năm 1960 Người ta xây dựng Internet giao thức để trao đổi chia sẻ thông tin viện nghiên cứu với Ngày Internet cho phép trăm triệu người khắp giới liên lạc trao đổi thông tin với thông qua tập giao thức gọi chung TCP/IP (Transmission Control Protocol/Internet Protocol) ĐỊA CHỈ IP LÀ GÌ? IP địa dùng để xác định đối tượng gởi nhận thông tin Internet, địa có kích thước 32 bits (version 4), 64 bits (version trở lên) Khi gởi nội dung, địa IP bạn gởi gói tin nội dung đến người nhận Khi người nhận nhận yêu cầu từ bạn họ vào địa IP để phản hồi thông tin lại cho bạn Địa IP gồm hai phần: Phần địa mạng phần địa máy 32 bits địa IP chia thành bốn vùng, vùng có kích thước byte (8 bits) biểu diễn dạng thập phân, thập lục phân hay nhị phân Thông thường người ta dùng cách viết thập phân có dấu chấm để tách vùng Mục đích địa IP để định danh cho máy tính liên mạng Các máy tính trao đổi thông tin với thông qua mô hình client/server Mô hình client/server mô hình trao đổi thông tin máy tính server thường máy cung cấp thông tin client công cụ hay chương trình máy tính khác dùng để lấy thông tin từ máy server Tuy nhiên, máy client đóng vai trò cung cấp liệu cho máy server Để trao đổi thông tin máy tính với người ta đặt số giao thức (protocol) truyền thông mạng, quy định việc trao đổi thông tin để máy tính nói chuyện với thông qua mạng Với mức độ phổ biến Internet ngày cao, số lượng người tham gia ngày lớn giao thức truyền thông trở nên phổ biến đa dạng Sau số giao thức thường gặp, cho phép người sử dụng Internet gởi/nhận thư điện tử (email), tập tin (file), đọc tin đưa tin GIAO THỨC SMTP, POP3 (SIMPLE MAIL TRANSFER PROTOCOL) Đây giao thức dùng để gởi/nhận thư điện tử (E-mail) từ người dùng (user) đến người dùng (user) khác Thông thường người ta dùng e-mail client để gởi thông điệp (message), mail server Internet quản lý, trả lời e-mail phúc đáp E-mail (electronic mail) dịch vụ trao đổi thư điện tử mạng viễn thông Nội dung thư điện tử thường mã hóa dạng mã ASCII gởi, nhiên thư điện tử hỗ trợ việc trao đổi thông tin hình ảnh âm Để trao đổi thông tin e-mail, bạn cần tạo hộp mail cho bạn Một hộp mail có ba thành phần sau:  Địa hộp mail: định danh hộp mail giúp xác định người gởi người nhận Chúng ta gởi e- mail thông qua địa này, địa mail thường có dạng tên@tênmiền, ví dụ: xuantt@yahoo.com, xuantt đóng vai trò tên, yahoo.com tên miền  Địa mail quản lý mail server thông qua dịch vụ cung cấp mail FPT, SaigonNet, VNExpress, Yahoo, Hotmail, vnn… Tuy nhiên có nhiều dịch vụ cung cấp mail miễn phí, thông dụng hai dịch vụ cung cấp mail Yahoo Hotmail  Một hộp mail có tên đăng nhập mật để truy cập hộp mail Tên đăng nhập mật tạo đăng ký hộp mail Điều bảo đảm tính bảo mật hộp mail bạn có bạn biết mật tên đăng nhập bạn để vào hộp mail mà GIAO THỨC PROTOCOL) FTP (FILE TRANSFER Đây giao thức để trao đổi tập tin Internet với Nguyên tắc hoạt động đơn giản FTP dùng để tải tập tin (file) từ máy sang máy khác, tập tin tập tin chứa văn bản, âm thanh, hình ảnh Các máy gởi yêu cầu tập tin qua lại thông qua nhiều chương trình khác Tuy nhiên, dùng tập hợp lệnh ‘open’ (để kết nối với máy server) ‘get’ (để tải tập tin máy client) chọn tập tin mong muốn từ giao diện chương trình có sẵn để trao đổi tập tin máy với FTP dùng để tải chương trình, tập tin máy server với GIAO THỨC HTTP (HYPERTEXT TRANSFER PROTOCOL) Đây giao thức dùng để hiển thị trang web dạng văn bản, hình ảnh, âm thanh, video, liên kết (links) đến trang web khác World Wide Web Khi chọn liên kết HTTP mở nội dung thông qua trình duyệt Web cho Đây giao thức tảng tập giao thức ICP/IP GIAO THỨC NNTP (NETWORK TRANSFER PROTOCOL) NEWS NNTP giao thức phân phối thông điệp cách rộng rãi với nhiều chủ đề khác Thông qua chương trình tin tức client Collabra Netscape hay chương trình Internet News Microsoft bạn đọc hay đưa báo cáo nhóm GIAO THỨC CHAT Đây giao thức cho phép người dùng trao đổi thông tin trực tiếp dạng văn bản, hình ảnh âm Các chương trình chat thông dụng Yahoo Messenger, ICQ, MIRC… URL URL (Uniform Resource Locator) địa trang web hay tập tin (file) khác Internet Mỗi URL web URL có cú pháp đặc biệt Tất URL phải xác, chí có ký tự sai hay thiếu dấu chấm không chấp nhận Một ký tự sai URL mang đến cho bạn trang web hoàn toàn khác biệt kết trả thông báo lỗi Một URL đơn giản dùng cho web bao gồm tên web protocol, theo sau dấu hai chấm (:) hai dấu (//), tiếp đến tên domain kết thúc dấu (/) Ví dụ: http://www.hotmail.com/ Cấu trúc URL bao gồm phần sau:  Phần thứ URL tên giao thức Cho đến tất URL bắt đầu http:// (Hypertext Transfer Protocol) trang web HTML; URL đến phần khác Internet web Sau số giao thức dùng URL: ftp:// tên giao thức (File Transfer Protocol) http:// tên giao thức (Hypertext Transfer Protocol) mailto: địa thư điện tử (Electronic mail address) không yêu cầu hai ký tự ‘/’ news: Giao thức cho phép người tham gia vào nhóm tin trang chủ bạn có liên quan đặc biệt đến nhóm, cho phép nhận câu hỏi cần trả lời từ nhóm tin Như bạn hạn chế số lượng e-mail nhận (không yêu cầu hai ký tự ‘/’) telnet: Giao thức cho phép trao đổi thông tin trực tiếp máy tính với cách yêu cầu người sử dụng nhập tên truy cập mật khẩu.(không yêu cầu hai ký tự ‘/’) file:// Tài liệu mà bạn truy xuất đặt máy tính bạn thay web  Phần thứ hai URL tên domain Domain đại diện cho tên server mà bạn kết nối  Phần thứ ba URL đường dẫn đến tập tin cần truy cập, thường bắt đầu tên tài khoản (account name) Nếu bạn muốn truy xuất đến trang web tạo người dùng (user) xác định phải thêm tên tài khoản vào URL Tên tài khoản bắt đầu ký tự ~ Ví dụ: http://www.sonic.net/~japan  10 Phần thứ tư URL tên đường dẫn tên tập tin (pathname filename) URL thường tên đường dẫn tên tập tin cụ thể Đây miền xác định máy chủ chứa tập tin cần truy xuất  Phần thứ năm URL tên anchor (anchor name) Đây trỏ đến phần xác định file HTML Nó bắt đầu ký tự # Anchor đặc biệt có ích tài liệu lớn Tuy nhiên tên account, tên đường dẫn, tên file tên anchor thành phần bắt buộc URL Ví dụ URL đầy đủ: http://www.zdnet.com/~zdi/software/win95/utils.html#WINZIP đó: http:// : Tên giao thức (Protocol) www.zdnet.com : Tên miền (domain) ~zdi : Tên tài khoản (account) software/win95 : Đường dẫn thư mục utils.html : Tên tập tin (file) #WINZIP : Tên neo (anchor) 10 HYPERLINK LÀ GÌ? Hyperlink (hay gọi link) cần thiết World Wide Web Dùng hyperlinks để liên kết từ tài liệu đến tài liệu khác hoạt động phổ biến Web Bạn tạo links đối tượng web Links kết nối trực tiếp với văn bản, hình ảnh, âm hay file HTML khác Hyperlink thường hiển thị với màu sắc mặc định Tuy nhiên thay đổi màu sắc cần Chỉ cần nhấn chuột vào hyperlinks, tài liệu link hiển thị Thông thường, hình dạng trỏ thay 11 đổi thành hình bàn tay rê chuột qua vùng hyperlinks, biết hyperlinks đâu để nhấp chuột Hyperlinks giúp dễ dàng tìm kiếm thông tin khác chủ đề Nếu bạn tìm kiếm chủ đề đó, cần vào trang web có hyperlinks kết nối với vấn đề này, nhận danh sách liệt kê hàng trăm chủ thể có liên quan 11 WEB BROWSER LÀ GÌ? Web browser công cụ hay chương trình cho phép bạn truy xuất xem thông tin web Có nhiều web browser để truy xuất web Mỗi web browser có đặc điểm khác nhau, chúng hiển thị trang web không hoàn toàn giống Hai web browser phổ biến Nestcape’s Navigator công ty Netscape Microsoft’s Internet Explorer công ty Microsoft Chúng hiển thị hình ảnh, âm dễ sử dụng Ngoài việc truy xuất web, Nescape IE (Internet Explorer) cho phép thực số công việc khác gởi nhận thư điện tử (email), tải tập tin (download file) từ máy chủ (server), Với hai web browser này, web trở thành hệ thống thông tin đa phương tiện có mối liên hệ với 12 WEB SERVER LÀ GÌ? Web server đơn giản máy tính nối vào Internet chạy phần mềm thiết kế để truyền tải nội dung dạng trang HTML (Trang HTML chứa âm thanh, hình ảnh, video, văn bản) hay dạng tập tin (tập tin tập tin hình ảnh, âm thanh, văn bản, video ) Máy chủ (server) phải đủ mạnh để đáp ứng nhiều kết nối Internet đồng thời 12 Thông qua trình duyệt web, máy chủ cung cấp dịch vụ yêu cầu đến máy client Thông thường web server chạy hệ điều hành mạnh Unix, Linux, Microsoft Windows NT Server, Windows 2000 server 13 WEBSITE LÀ GÌ? Đó tập trang web liên quan đến công ty, tập đoàn, trung tâm hay cá nhân Ví dụ: Website Trung tâm Phát triển Công nghệ Thông tin - Đại học Quốc gia TP Hồ Chí Minh gồm tập trang web trang chủ có địa (URL) www.citd.edu.vn 14 WORLD WIDE WEB (WWW) LÀ GÌ? World Wide Web dịch vụ thông dụng đời vào năm 1990 Dịch vụ World Wide Web sử dụng giao thức HTTP (HyperText Transfer Protocol) Để sử dụng dịch vụ cần trình duyệt web (web browser) Để truy cập trang web bạn cần phải biết địa (URL Uniform Resource Locator) trang web Ví dụ bạn muốn truy cập vào trang chủ Yahoo bạn đánh địa http://www.yahoo.com cho trình duyệt web Khi trình duyệt web mở trang chủ Yahoo cho bạn Từ trang chủ bạn đến trang khác cách nhấn chuột vào đối tượng hyperlink trang web Hình dạng chuột thay đổi (thông thường hình bàn tay) qua đối tượng hyperlink Trang web truyền tải nhiều thông tin khác với nhiều hình thức khác văn bản, âm thanh, hình ảnh… Sự đời trang web giúp người trao đổi nhanh hơn, tiện lợi hơn, phong phú đa dạng hình thức nội dung 13  RULES: Hiển thị đường viền  : Bắt đầu hàng bảng với thuộc tính sau:  ALIGN/VALIGN : Canh chỉnh nội dung hàng theo phương ngang/ dọc  BGCOLOR: Thay đổi màu bảng  , : Bắt đầu đề mục cho bảng với thuộc tính sau:  ALIGN/VALIGN : Canh chỉnh nội dung ô theo phương ngang/ dọc  BGCOLOR: Thay đổi màu ô  COLSPAN: Mở rộng ô qua nhiều cột  ROWSPAN: Kéo dài ô xuống nhiều hàng  NOWRAP: Giữ nội dung ô nằm dòng  WIDTH, HEIGHT: Định chiều rộng, cao cho ô  Tạo bảng Ví dụ : Tạo bảng đơn giản đoạn HTML sau: Mã HTML tao bang TEN DIEM TB LOAI Nguyen Thi An 7 KHA Nguyen Van Tuan 8 GIOI 37 Kết hiển thị hình  Dùng tag để để mở rộng ô qua nhiều dòng, nhiều cột Ví dụ: Xét đoạn HTML sau: Mã HTML BANG DIEM HOC KY I DIEM TB NGUYEN THI AN 7 KHA NGUYEN VAN TUAN 8 GIOI Kết hiển thị trình duyệt 38  Tạo khung viền cho bảng Cú pháp: Với “n” độ dày đường viền (tính pixel), n = bảng đường viền  Thay đổi màu khung viền Cú pháp: Ví dụ : Ta muốn độ dày viền = 2, màu khung viền đỏ  Tạo màu bảng Cú pháp:  Màu cho ô Cú pháp : … …  Định kích thước bảng Cú pháp: … Với “x”, “y” thứ tự chiều rộng chiều cao bảng  Định kích thước cho ô Cú pháp:  Canh bảng trang Cú pháp : … Với “direction” mang ba giá trị “center”, “left”, “right” tương ứng với bảng nằm giữa, trái, phải hình 2.5.9 Các tag dùng tạo Form Form thành phần giao tiếp người duyệt web với người tạo web Dữ liệu nhập vào Form thông qua hộp điều khiển (control) textbox, checkbox, radio button, push button, dropdown listbox… 39 Cú pháp : …  Tạo TextBox (hộp nhập liệu) TextBox dùng để chứa dòng văn tùy ý người dùng nhập vào Để tạo Textbox ta định thuộc tính TYPE = “text” theo cú pháp sau Cú pháp: “name” chuỗi ký tự nhận diện liệu nhập vào, “value” liệu hiển thị TextBox gởi đến máy chủ người duyệt không gõ thông tin khác, SIZE định kích thước TextBox, MAXLENGTH giới hạn số ký tự nhập vào TextBox Khi muốn định liệu nhập vào Textbox dạng mật (Các ký tự nhập vào không hiển thị mà thay vào dấu ****) ta thay thuộc tính TYPE = “password” Ví dụ: Tạo TextBox đoạn HTML sau: Mã HTML Tao TextBox Ten KH: Mat ma: 40 Kết hiển thị trình duyệt  Tạo Textbox với vùng văn chứa nhiều dòng Cú pháp: name chuỗi ký tự nhận diện liệu nhập vào, n chiều cao vùng văn tính dòng (mặc định n = 4), m chiều rộng vùng văn tính ký tự (giá trị mặc định m = 40) Dùng thuộc tính WRAP để xuống dòng đụng lề  Tạo nút Radio button (nút chọn Radio) Radio loại nút chọn số đó, chọn lựa hai nút lúc Để tạo nút chọn Radio ta định thuộc tính TYPE = “radio” cú pháp sau: Cú pháp: NAME = “name” VALUE = “data” CHECKED> name vừa nhận diện liệu vừa liên kết nút Radio nhóm lại với nhau, nút Radio nhóm có thuộc tính NAME giống nhau, đảm bảo thời điểm có nút chọn Data văn gởi đến máy chủ nút Radio chọn CHECKED nút chọn  Tạo ô chọn (Checkbox) Khác với nút Radio, Checkbox cho người chọn nhiều nút nhóm Giống nút Radio, Checkbox liên kết với thông qua thuộc tính NAME Ta định thuộc tính TYPE = “checkbox” tạo nút chọn Checkbox 41 Cú pháp: chức thuộc tính giống chức nút chọn Radio Ví dụ: Mã HTML Tao TextBox Trinh do: Dai hoc Cao dang Trung cap Tuoi 18-22 23-30 30-40 Kết hiển thị trình diệt web 42  Tạo nút push button (nút nhấn) Để tạo nút nhấn ta định thuộc tính TYPE = “button” Cú pháp: Để tạo nút nhấn mà người dùng nhấn vào, liệu điều khiển khác đặt giá trị mặc định lúc khởi tạo, ta định thuộc tính TYPE = “reset” tag Tạo nút nhấn để kết thúc việc nhập liệu Form, ta định thuộc tính TYPE = “submit” tag Ví dụ: Mã HTML Tao TextBox Lop chuyen vien cong nghe thong tin    Kết hiển thị trình duyệt web  Tạo dropdown listbox (danh sách) Dropdown listbox danh sách chứa nhiều mục 43 Để tạo danh sách ta dùng tag , mục Dropdown Listbox định nghĩa tag Để đặt mục chọn Dropdown listbox mặc định ta thêm vào thuộc tính SELECTED tag Ví dụ: Mã HTML taolist Mau Vang Mau do Mau xanh Kết hiển thị trình duyệt web Để tạo listbox cho phép hiển thị, chọn nhiều mục ta dùng thêm thuộc tính MULTIPLE với SIZE = “n” n số mục cần hiển thị Với ví dụ ta thêm vào sau: Khi kết trình duyệt : 44 2.6 Các tag tạo frame (khung) Frame thành phần trang web, trang web chia thành nhiều frame , frame chứa trang web riêng 2.6.1 Tạo Frame có dạng hàng Để chia trang trang web thành nhiều frame ta dùng tag đặt sau tag Cú pháp: đó:  a: Chiều cao Frame  * : Chiều cao Frame thứ hai khoảng trống lại  b : chiều cao Frame thứ ba Nếu ta sử dụng nhiều dấu “*” không gian lại cửa sổ chia cho frame có dấu “*” Ví dụ: Mã HTML Tao Frame 45 Kết hiển thị hình Thêm cuộn cho Frame ta dùng thuộc tính SCROLLLING = yes/no tag FRAME tương ứng để ẩn/hiện cuộn Nếu thuộc tính SCROLLING cuộn xuất cần thiết Thêm thuộc tính NORESIZE vào tag FRAME cho frame tương ứng để không cho người dùng thay đổi kích thước frame Thêm thêm thuộc tính FRAMEBORDER= "yes/no/0" vào tag để hiện/ẩn khung viền cho frame Chọn "yes/0" cho trình duyệt Internet Explorer "yes/no" cho trình duyệt Netscape Thêm thuộc tính Border vào tag để định độ dày mỏng viền Frame Thêm Framespacing= “n” vào tag để định khoảng cách từ viền khung tới nội dung khung 2.6.2 Tạo frame có dạng cột Cú pháp: Ý nghĩa thuộc tính tương tự tạo frame có dạng hàng 46 2.6.3 Kết hợp tạo frame vừa dạng hàng vừa có dạng cột Trong trang web việc tạo frame thường kết hợp tạo frame có dạng hàng frame có dạng cột Ví dụ: Trong ví dụ ta chia trang web thành bốn frame: frame trên, frame trái, phải frame Mã HTML Danh sach cac hoc Kết trình duyệt mon 47 2.7 Các hiệu ứng Dynamic HTML (DHTML) 2.7.1 Tạo chuỗi ký tự chuyển động Cú pháp : Các thuộc tính:  BEHAVIOR = type, type là: scroll để chuỗi ký tự bên hình biến bên kia, slide để chuỗi để chuỗi bắt đầu bên hình dừng lại bên kia, alternate để chuỗi bắt đầu bên hình chuyển động ngược lại đến bên  DIRECTION = left/right : định hướng bắt đầu chạy  LOOP = n: số lần chuyển động ngang qua hình, LOOP = infinite chuỗi xuất liên tục  VSCROLLAMOUNT = n: tốc độ chuyển động  SCROLLDELAY = n: thời gian ngừng sau vòng chạy Nếu thuộc tính chuyển động lặp lặp lại từ lề phải sang lề trái với tốc độ =6 (pixel) thời gian dừng =90 giây Ví dụ: Ta xét đoạn chương trình sau: Mã HTML Chuoi ky tu chay Lớp chuyên viên công nghệ thông tin 48 Kết hiển thị trình duyệt 2.7.2 Thay đổi hình dạng chuột qua ô bảng Cú pháp: Các thuộc tính dạng cursor tương ứng: auto Hand move Text wait Help default Crosshair Ví dụ : Đoạn chương trình sau mô dạng Cursor Cursor auto hand move text wait help default crosshair 49 Bài tập chương Bài 1: Thiết kế trang chủ chương trình đào tạo chuyên viên (http://cv.citd.edu.vn), trang gồm ba Frame hình sau, toàn trang sử dụng font chữ “Times New Roman” Frame gồm có hình bên trái, bên phải dòng chữ chạy Frame bên trái mục cần đưa tin Frame dùng để hiển thị nội dung tin Bài 2: Thiết kế trang web Giáo dục (http://www.saigonnet.vn/giaoduc/thong_tin_tuyen_sinh.htm) 50 Bài 3: Thiết kế trang Web thường truy cập có địa sau: - http://citd.edu.vn (trang chủ Trung tâm PT CNTT) - http://www.vnexpress.net - http://www.saigonnet.vn - http://www.vnn.vn - http://yahoo.com - http://www.hcmuns.edu.vn - http://www.google.com Ghi chú: - Để xem mã HTML trang web hành, ta vào Menu sau chọn View → Source - Để lưu trang web hành, ta vào menu sau chọn File → Save as 51 [...]... web luôn bắt đầu bằng tag và được kết thúc bởi tag Hầu hết các trang web được chia thành hai phần Phần đầu và phần thân Phần đầu là phần được đặt giữa hai tag và tag Phần thân là phần được đặt giữa hai tag và tag Phần đầu là nơi định rõ tiêu đề, nội dung của tiêu đề được đặt giữa hai tag và Cú pháp: tên tiêu đề của trang web. .. các trình duyệt web, tiêu đề xuất hiện trên thân tiêu đề của cửa sổ trình duyệt Phần thân chứa nội dung của trang web là phần chính của trang web, phần cung cấp thông tin cần thiết đến người duyệt web Cú pháp: Nội dung trang web Ví dụ : Tạo một trang web đầu tiên, mở chương trình soạn thảo văn bản NodePad và gõ đoạn HTML như trong hình sau: 18 2.4 Xem trang HTML bằng trình duyệt Web. .. trình duyệt Web Sau khi thiết kế trang web xong bạn dùng một trình duyệt web để xem kết quả thiết kế Vì không biết người dùng sử dụng trình duyệt Web nào, do đó tốt nhất nên xem nó trong nhiều trình duyệt web khác nhau theo các bước sau Khởi động trình duyệt Web Internet Explorer → Nhấp File → Open → Trong hộp thoại Open bạn gõ địa chỉ tập tin rồi nhấp OK như hình sau Hoặc nhấp vào nút Browse để chọn... Đúng : Phần Nội Dung Sai: Phần Nội Dung  Khoảng trắng Trình duyệt bỏ qua các khoảng trắng giữa các tag trong tập tin HTML  Tên tập tin Nên sử dụng chữ thường khi đặt tên tập tin, điều này giúp ích cho bạn lẫn người duyệt Với bạn, sẽ giúp ích khi tạo liên kết giữa các trang web Với người dùng, sẽ dễ dàng khi truy cập trang web Đặt tên tập tin phải đúng phần mở...World Wide Web (cũng được gọi là ‘W3’, ‘WWW’ hay gọi tắt là Web) là một hệ thống rộng lớn bao gồm nhiều HTTP server (máy chủ sử dụng giao thức HTTP – Hypertext Transfer Protocol), chúng đang thực hiện việc trao đổi file thông qua Internet 15 SỰ KHÁC BIỆT GIỮA INTERNET VÀ WORLD WIDE WEB? Nhiều người nghĩ rằng web và Internet là một Nhưng web chỉ là một phần của Internet và nó đang phát triển với tốc độ... Kết quả hiển thị trên trình duyệt 2.5.6 Tạo liên kết (link) Liên kết là đặc trưng của Word Wide Web, chúng cho phép người dùng chuển từ mục này sang mục khác trong cùng trang web hoặc chuyển từ trang web này đến trang web khác  Liên kết trong cùng trang web Cho phép liên đến các mục bên trong một trang web Để làm được điều này trước tiên phải tạo điểm neo (Bookmark) và sau đó tạo liên kết đến... trình duyệt web (Web browser) HTML có hai đặc tính cơ bản sau:  Siêu văn bản: Tạo các liên kết trong trang web, cho phép truy cập thông tin từ nhiều hướng khác nhau thông qua các hyperlinks  Tính tổng quát: Hầu như máy tính nào cũng có thể đọc được các trang web thiết kế bằng ngôn ngữ HTML Điều đó là do dữ liệu trong tập tin HTML được lưu dưới dạng văn bản hay dưới dạng mã ASCII 2 LẬP TRÌNH WEB VỚI... cứng máy tính của mình nhưng người khác sẽ không đọc được nó 14 Chương 2 : LẬP TRÌNH WEB VỚI NGÔN NGỮ SIÊU VĂN BẢN HTML 1 KHÁI NIỆM NGÔN NGỮ HTML HTML (Hypertext Markup Language) là ngôn ngữ định dạng văn bản siêu liên kết, là ngôn ngữ lập trình web căn bản, cho phép định dạng văn bản, bổ sung hình ảnh, âm thanh và video, cũng như lưu tất cả vào một tập tin dưới dạng văn bản hay dưới dạng mã ASCII, binary... hơn các phần khác Trên Internet chúng ta có thể gởi và nhận nhiều loại thông tin khác nhau như thư điện tử (e-mail), các bài báo, tán ngẫu và các trang web Như vậy web chỉ là một trong những dịch vụ của Internet 16 WEB PAGE LÀ GÌ? Web page là trang Web, là một loại tập tin đặc biệt được viết bằng ngôn ngữ siêu văn bản HTML Web page có thể hiển thị các thông tin văn bản, âm thanh, hình ảnh Trang Web này... phần mở rộng “.htm” hay “html”, giúp trình duyệt web định ra loại tài liệu khi duyệt 2.2 Tạo trang web Có thể tạo trang web trên bất cứ chương trình xử lý văn bản nào như chương trình soạn thảo văn bản Nodepad, WordPad, 17 Word… Ở đây chúng ta sẽ thực hiện tạo trang Web trên trình soạn thảo văn bản NotePad, chương trình soạn thảo có sẵn trên Windows, bằng cách vào menu Start → Programs → Accessories ... trang web Hầu hết trình duyệt web, tiêu đề xuất thân tiêu đề cửa sổ trình duyệt Phần thân chứa nội dung trang web phần trang web, phần cung cấp thông tin cần thiết đến người duyệt web. .. trang web Ví dụ : Tạo trang web đầu tiên, mở chương trình soạn thảo văn NodePad gõ đoạn HTML hình sau: 18 2.4 Xem trang HTML trình duyệt Web Sau thiết kế trang web xong bạn dùng trình. .. xong bạn dùng trình duyệt web để xem kết thiết kế Vì người dùng sử dụng trình duyệt Web nào, tốt nên xem nhiều trình duyệt web khác theo bước sau Khởi động trình duyệt Web Internet Explorer → Nhấp