Giáo trình thiết kế Webside bằng Visual Studio 2008 Bài 2: Tạo ( HTML) và quản lý một ứng dụng Web

Bạn cũng có thể sử dụng bất kỳ trình soạn thảo văn bản nào để tạo lập các trang đơn giản như trên. Hãy thử nghiệmSau đây là một số công cụ thường dùng: Notepad ++ Dreamweaver IDE Microsoft Visual Studio IDE

Save As tệp vừa tạo, nếu có thông báo này thì chọn Cancel

Nhấn đúp chuột để xem

Nhấn đúp chuột để xem

Tạo trang văn bản có nội dung như sau

Save As tệp vào thư

mục FirstWeb, lưu ý:

+ đặt tên tệp là: trang_2

+ Save as type: Web

page

Bạn cũng có thể sử dụng bất kỳ trình soạn thảo văn bản nào để tạo lập các trang đơn giản như trên Hãy thử nghiệm!

Sau đây là một số công cụ thường dùng:

- Notepad ++

- Dreamweaver IDE

- Microsoft Visual Studio IDE

- ….

Vào Control Panel

Chọn Add and Remove

Programs

Chọn Add/Remove Windows Components –

để thêm bớt các thành phần của Windows

Kiểm tra dấu tick ở mục

“Internet Information

Services”

Nếu chưa được đánh dấu -> nhấn đúp chuột

Đánh dấu vào 2 mục: -FrontPage 2000 Server

Extentions

- File Transfer Protocol (FTP) services

Nhấn OK và chờ đợi quá trình cài đặt hoàn thành

việc cài đặt

Windows Vista,

Windows 7?

Sau khi cài IIS, ta vào Control Panel

- Chọn mục Administrative Tools

Chọn mục Internet Information

Services

Đặt bí danh (alias) cho ứng dụng

web.

- Alias là một tên ánh xạ đến vị

trí lưu trữ vật lý của ứng dụng

web trên ổ cứng (server)

- Tên vừa đặt sẽ là tên của ứng

dụng web được dùng khi truy

- Tên vừa đặt sẽ là tên của ứng dụng web được dùng khi truy cập từ Browser – bí danh.

- Nên đặt Alias ngắn gọn, dễ nhớ , gần với mục đích của ứng dụng web.

Click Next để tiếp

tục

- Browse đến thư mục chứa ứng dụng web của chúng ta.

Ví dụ: FirstWebs-Nhấn OK

- Sau đó Click Next, Next và Finish để hoàn thành

- Browse đến thư mục chứa ứng dụng web của chúng ta

Ví dụ: FirstWebs-Nhấn OK

- Sau đó Click Next, Next và Finish để hoàn thành

-Bây giờ trong IIS chúng ta

đã có 1 thư mục ảo với bí danh: FirstWebs được ánh

xạ tới đường dẫn C:\My_Websites\FirstWebs\

- Click đúp chuột tại thư mục ảo này chúng ta sẽ thấy toàn bộ các items của thư mục trên được hiển thị

-Bây giờ trong IIS chúng ta

đã có 1 thư mục ảo với bí danh: FirstWebs được ánh

xạ tới đường dẫn C:\My_Websites\FirstWebs\

- Click đúp chuột tại thư mục ảo này chúng ta sẽ thấy toàn bộ các items của thư mục trên được hiển thị

Tên ứng dụng Tệp tài nguyên

Tệp tài nguyên

http://localhost/FirstWebs/trang_2.htm

-Vào IIS

- Tìm đến ứng dụng web

- Click chuột Phải

- Chọn mục

Properties

-Vào IIS

- Tìm đến ứng dụng web

- Click chuột Phải

- Chọn mục

Properties

được áp dụng, nếu không

có thì trang tiếp theo

được áp dụng

2 Danh sách thứ tự các

trang có thể là trang mặc

định Trang trên cùng sẽ

được áp dụng, nếu không

có thì trang tiếp theo

được áp dụng

3 Click vào nút Add

để bổ sung trang cần thiết đặt làm trang mặc định

3 Click vào nút Add

để bổ sung trang cần thiết đặt làm trang mặc định

áp dụng trước, nếu không có trang

đó thì trang sau sẽ được áp dụng

Sử dụng các nút này để di chuyển thứ tự các trang, trang trên sẽ được

áp dụng trước, nếu không có trang

đó thì trang sau sẽ được áp dụng

Nếu URL không chỉ rõ trang được triệu gọi, trang mặc định sẽ được triệu gọi Như hình trên, ở Address Bar ta thấy không chỉ rõ trang nào được Trang mặc định (là “trang_1.html”) được triệu gọi

-Click chuột phải tại Default Web Site

- Chọn Properties

- Nhấn OK để hoàn t ất

Lúc này, nếu URL không chỉ rõ ứng dụng được triệu gọi, thì ứng dụng mặc định được triệu gọi.

Như hình trên, do ta đã thiết đặt ứng dụng FirstWebs làm mặc định, do vậy trong

URL trên ta không chỉ rõ ứng dụng, mà chỉ ra tệp tài nguyên là “trang_1.html”

? Anh (chị) hãy thử gõ URL sau vào IE và rút ra kết luận:

- http://www.microsoft.com

- http://www.pcworld.com.vn

-Click chuột phải tại Default Web Site

- Chọn Properties

-Chọn tab Web Site

- Chú ý: TCP Port, cổng mặc định là 80

-Sửa lại cổng, ví

dụ là 73

-Lúc này để triệu gọi ứng dụng, ta phải

thêm số hiệu cổng vào URL

Click chuột phải tại thư mục chứa ứng dụng web (vd: FirstWebs)

Chọn Sharing and Security…

1 Nhấn vào Share this

Folder

2 Gõ bí danh

-Vào IIS, tìm đến ứng dụng web cần mở, click đúp chuột vào tên thư mục ảo tương ứng

- Click chuột phải tại tệp cần mở, chọn Browse

1- Kiểm tra trên máy tính của bạn đã cài IIS chưa, nếu chưa hãy tiến hành cài đặt IIS.

2- Tạo một thư mục SecondWeb trong thư mục C:\My_Websites chứa hai trang web:

+ Trang thứ nhất: hoa.htm

Trang này có: tiêu đề: Những bông hoa yêu quý

nội dung: Tên các loài hoa mà bạn yêu thích

+ Trang thứ hai: ban.htm

tiêu đề: Những người bạn thânnội dung: Tên các bạn mà bạn thân nhất3- Tạo ra 2 thư mục ảo (Virtual Directory) ánh xạ đến thư mục C:\My_Websites\SecondWeb

+ Thư mục thứ nhất: bí danh: SecondWeb_hoa

tệp mặc định: hoa.htm+ Thư mục thứ hai: bí danh: SecondWeb_ban

tệp mặc định: ban.htmHãy thực hiện chạy tệp ban.htm trong ứng dụng SecondWeb_hoa, và chạy tệp hoa.htm trong ứng dụng SecondWeb_ban.

4- Anh (chị) hãy thiết đặt ứng dụng SecondWeb thành ứng dụng mặc định Sau

đó thiết đặt trang hoa.htm làm trang mặc định cho ứng dụng mặc định này