Thiết kế web cơ bản

Lập trình web

Đồ họa thiết kế web

Mẫu thiết kế web

Công cụ web

Web links

Home > Lập trình ASP > ASP: Server Side Includes

ASP: Server Side Includes

Mục: Lập trình ASP Tags: Tags: Server Side Includes

Điều này đã được hướng dẫn bằng văn bản của một trong những điểm tuyệt vời tại HTMLForums. Tôi đọc hướng dẫn này thông qua bản thân mình và thấy nó sẽ rất hữu ích và dễ hiểu. Khi tôi đã đọc qua hướng dẫn của mình và đã làm một vài ví dụ điển hình cho bản thân mình Entimp tôi đã gửi một e-mail để hỏi nếu anh ta sẽ không nhớ tôi chia sẻ nó trên trang web này, ông vui lòng cho phép tôi được phép sử dụng của mình và hướng dẫn tại đây đó là, cho tất cả các bạn hiểu rằng có cái gì muốn tìm hiểu về ASP.

“Server Side Includes” sẽ được viết bằng ngắn như SSI cho phần còn lại của hướng dẫn này.

Nó không quan trọng nếu bạn là một mã HTML chuyên nghiệp để di chuyển trên XHTML hoặc hoàn tất mới bắt đầu học để viết cho các trang internet. Việc sử dụng của SSI gấp rất nhiều thắc mắc và làm việc năng động, hoặc cho các trang tĩnh. Với mục đích hướng dẫn này, tôi sẽ được giao dịch với các trang web tĩnh mà thôi. Nếu bạn muốn tiến lên đối phó với SSI năng động trong các trang sau đó bạn sẽ phải làm theo của riêng bạn mũi. Điều này sẽ được hướng dẫn, lâu dài mà không có đủ năng động, giao dịch với nội dung trang.

Vì vậy, bạn cần làm những gì?

Đáp làm việc kiến thức về HTML. Làm thế nào để liên kết các tập tin thông qua các cấp độ khác nhau của một cấu trúc thư mục (lý tưởng). Một máy chủ đó sẽ cung cấp cho phía máy chủ cho phép. Trong trường hợp này LYS. Tôi viết thư này cho LYS người dùng chỉ đơn giản như đó là kinh nghiệm của tôi, nơi soáng chung. Tôi đảm bảo rằng người dùng của PHP sẽ có thể để chọn gist này và chuyển các nội dung inherent vào sự lựa chọn của họ về mặt nền tảng máy chủ.

Để chuyển giao kiến thức này để bạn dễ dàng với một số chúng tôi là sẽ đi chung một trang web tĩnh và hiển thị như thế nào nó có thể được hưởng lợi từ SSI.

Chúng ta sẽ gọi đây là trang web tưởng tượng “Sinh học để bắt đầu”. Sinh học là bắt đầu cho một trang web cung cấp các nguồn lực cho học sinh của … đoán những gì … Sinh học. Mặc dù nó có thể cung cấp một awful nhiều thông tin khác nhau trong phần nội dung chúng tôi là chỉ ra cho nó 4 cho mục đích này hướng dẫn.

Những khu vực này là: Famous Biologists, sinh học Liên kết, Tạp chí sinh học Bài viết và hình ảnh Thư viện ảnh.

Các trang web đã có bố trí một điển hình. Một khu vực tiêu đề cho trang web với một biểu tượng của khu vực nội dung dưới đây rằng với chuyển hướng ở bên trái và cuối cùng ở phía dưới một chân cho các thông tin khác.

Một nhấp vào liên kết trong khu vực sẽ chuyển hướng mở trong khu vực nội dung. Điều này có thể được thực hiện trong 3 cách thông thường. Với một khung nội tuyến (khung nội tuyến), một mã HTML FRAMESET, hoặc như là một tài liệu với mã HTML mới chuyển hướng, phần đầu và chân như là tốt. HTML có thể trông giống như này (không khung phiên bản):
<html>
<head>
</ head>
<body>
<table width=”100%”>
<tr>
<td colspan=”2″> Tiêu đề Diện tích </ td>
</ tr>
<tr>
<td width=”25%”> Danh mục chính khu vực </ td>
<td width=”75%”> Nội dung Diện tích </ td>
</ tr>
<tr>
<td colspan=”2″> Chân Diện tích </ td>
</ tr>
</ table>
</ body>
</ html>

Điều này rõ ràng là rất đơn giản nhưng nó phục vụ mục đích của chúng tôi. Chỉ cần giả vờ nó có tất cả các thẻ meta trong đó và tất cả các nội dung.

Khung được sử dụng tốt đến một mức độ như vậy tại sao bother với SSI? Giải câu hỏi! Khung không có vấn đề như: công cụ tìm kiếm và các vấn đề người tàn tật. Nếu bạn muốn cao trong danh sách công cụ tìm kiếm các kết quả những ngày này, bạn phải có nội dung. Một số công cụ tìm kiếm vẫn còn có vấn đề với việc đọc sách khung nội dung. Là một văn bản cho các nội dung mới cho các cá nhân htm tài liệu này là thời gian tiêu thụ đặc biệt là nếu bạn có thể thay đổi định dạng của trang. Nếu bạn muốn cho trang web của bạn một công việc mới sơn nó có thể được chỉnh sửa trong linh hồn hủy tài liệu mỗi cá nhân trong trang web của bạn. Đây là nơi SSI đến cứu của bạn.

Bước kế tiếp là để hiểu làm thế nào để sử dụng một SSI và làm thế nào để nó hoạt động.

Vì vậy, những gì là một máy chủ bao gồm các phản ứng?

Một bên bao gồm các máy chủ là một cách để yêu cầu một mảnh thông tin từ máy chủ của bạn và nó bao gồm trong các tài liệu được hiển thị trang web. Những thông tin có thể được bất cứ điều gì bạn muốn nó được. Đồng bằng văn bản, ngôn ngữ đánh dấu, script vv ..

Trang web, chúng tôi đang viết đã có rất nhiều lĩnh vực mã số lặp đi lặp lại và nó sẽ không làm cho tinh thần để viết nó ra thời gian và thời gian một lần nữa, nếu chúng ta có thể tránh nó. Bây giờ, Sinh học để bắt đầu chỉ có một trong những khu vực có unrepeated / mã số duy nhất và đó là phần nội dung.

Logic chúng ta nên thử và lao xuống repeatable phần mã vào sensible loại. Sinh học để có thể được bắt đầu vào những tấm xuống:

* Tiêu đề
* Danh mục chính nội dung
* Mã số cho trung tâm của bảng
* Nội dung
* Chân

Tất cả các phần ở trên là repeatable phần mã khác với nội dung phần. Cho rằng tôi đã có tất cả những tập tin này trước khi tạo ra tôi có thể xuất bản một trang web trong vài giây thanh nội dung. Các bạn sẽ viết mã sẽ trông giống như sau:
<!–# include file = “include / header.asp” ->
<!–# include file = “include / nav.asp” ->
<!–# include file = “include / table.asp” ->
<!–# include file = “include / content_xx.asp” ->
<!–# include file = “include / footer.asp” ->

Tin tưởng rằng nó hay không có mã số sẽ hiển thị đầy đủ và hợp lệ trang web cung cấp cho bạn có bao gồm tất cả các văn bản trước.

Một trong những điều đầu tiên bạn sẽ nhận thấy là việc mở rộng để bao gồm. Bạn có thể sử dụng bất kỳ trong số 3 mở rộng cho SSI, là *. txt, *. inc và *. asp. Tôi đề nghị bạn chỉ sử dụng mở rộng *. asp và sẽ tốt, đủ để cho bạn biết tại sao.

Để hiểu lý do tại sao, bạn cần phải biết làm thế nào có thể được phục vụ một SSI lên. Điều này có được là rất cơ bản trong mô tả. Để làm được điều này, tôi sẽ so sánh một trang ASP với một trang HTML.

Trang HTML

Một trang web khá cơ bản được viết trong HTML có thể được mô tả như là tập tin tĩnh … khi nó yêu cầu HTML là gửi cho bạn vì nó là trình duyệt của bạn và xác định như thế nào nó sẽ được hiển thị trên màn hình. Sau khi trình duyệt có các mã sau đó chỉ hiện nó bắt đầu, để lấy các hình ảnh. Các hình ảnh không được gửi tự động với các yêu cầu tệp HTML. Đó cũng là cùng một HTML rendered qua LYS …

LYS trang

Các máy chủ sẽ LYS tại bao gồm các đầu tiên, xây dựng HTML từ tất cả các sự riêng biệt bao gồm các tác phẩm, gửi nó vào trình duyệt của bạn pieced với nhau và các trình duyệt sau đó yêu cầu các hình ảnh.

Một trang ASP (Active Server Page) là rất khác nhau. Bất kỳ trang nào đó chạy ASP phải có một mở rộng của *. asp hơn là *. htm. Bao gồm các tác phẩm cũng sẽ được gọi là *. asp (hoặc *. inc hoặc *. txt). Đối với hướng dẫn này tôi sẽ đề nghị bạn sử dụng mở rộng *. asp và không phải là *. inc hoặc *. txt những người thân. Bạn sẽ tìm thấy nó an toàn hơn một chút để sử dụng mở rộng *. asp do cách thức một máy chủ để đáp ứng với các tập tin *. asp. Điều này boils xuống một tập tin gọi là ASP.DLL … suffice to say wont tôi giải thích khác nữa, bạn có thể cho bạn đơn giản bao gồm các bạn không cần phải biết nữa.

Bằng cách đưa ra một văn bản mở rộng ASP bạn thay đổi cách thức một máy chủ đề với nó. Khi bạn yêu cầu một tập tin trên máy chủ LYS không gửi nó cho bạn, nhưng có một chi đầu tiên của nó. Nó cần để đọc đầu tiên để hiểu những gì phải được thực hiện vào, bao gồm tất cả những nơi mà có thể được tìm thấy và chỉ sau đó đặt trước cuối cùng mã trước khi gửi nó cho bạn.

Với những ví dụ về SSI của bạn là nói cho các máy chủ để hoạt động giống như một kho hàng. Trong thực chất nó đọc mã số và danh sách được mua sắm cùng nhau … một trong số này, hai người trong số họ và một số các hướng dẫn sau và sau đó để nó lại với nhau. Chỉ sau đó dùng nó gửi nó cho bạn trong thứ tự đúng. Khi bạn xem các mã nguồn bạn sẽ không nhìn thấy bao gồm mã số, nhưng mà nó đi cùng nhau như một jigsaw từ bao gồm các cá nhân.

Vì vậy, nếu bạn cung cấp cho các tài liệu của bạn một mở rộng của htm hoặc HTML máy chủ sẽ không biết rằng nó cần để đọc đầu tiên và sau đó hoạt động trên những gì nó phát. Điều này không có nghĩa là bạn không thể viết tệp HTML bình thường và gọi nó là ASP. Các máy chủ sẽ vẫn đọc nó và phát hiện ra rằng nó không có gì để hoạt động trên và chỉ phục vụ tất cả các HTML để trình duyệt. Điều này sẽ ra cho bạn rằng không có vấn đề gì bao giờ là của riêng LYS bao gồm các trình duyệt của bạn vẫn hiểu HTML và không ASP. LYS không phải là một ngôn ngữ, nhưng một cách phục vụ của ngôn ngữ đó. Vì vậy, hãy nhớ những gì từng miếng jigsaw của bạn sử dụng cuối cùng họ cũng phải là mã HTML hợp lệ khi họ tiếp cận với những người dùng trình duyệt.

Đây là đồng bằng html, chúng tôi sẽ cắt lên
<! DOCTYPE HTML PUBLIC “- / / W3C / / DTD HTML 4.01 Transitional / / EN”>
<html lang=”en”>

<head>
<title> Sinh học cho beginners </ title>
<meta http-equiv = “Content-Type” content = “text / html;
charset = ISO-8859-1 “>
<meta name=”title” content=”Biology cho Beginners… mới sinh học resource”>
<meta name=”description” content=”Biological resources.”>
<meta name=”keywords” content=”biology, science, evolution, genetics”>
<meat http-equiv=”charset” content=”ISO-8859-1″>
</ head>

Danh mục chính <br>
<br>
<a href=”fambiologists/list.asp”> Famous Biologists </ a> <br>
<a href=”links/links.asp”> Sinh học Liên kết </ a> <br>
<a href=”j_articles.asp”> Bài viết Tạp chí </ a> <br>
<a href=”gallery.asp”> Thư viện ảnh </ a>
</ td>
<td>
Nội dung Diện tích
</ td>
</ tr>
<tr>
<td colspan=”2″>
<td>
</ tr>
</ table>
</ body>
</ html>

Như bạn sẽ thấy mã số ở trên là chia thành 7 khu vực, 4 đỏ và 3 màu xanh lam. Những màu sắc không có nghĩa là bất cứ điều gì khác hơn là để hiển thị, nơi tôi sẽ cắt những tập tin này lên để làm cho cá nhân bao gồm các tập tin.

Chopping lên ma

Chúng tôi cần chop mã này lên, lưu nó với sự chính xác mở rộng và sau đó triển khai nó. Đó là khôn ngoan để sử dụng tên mà làm cho cảm giác khi bạn lưu những tập tin này như bạn đang đi lặp lại việc sử dụng chúng. Nếu quý vị có thể đến với tên tốt hơn cho các tác phẩm của bạn sau đó tín dụng cho bạn, nhưng các công việc cho tôi. Khi tiết kiệm họ tạo ra một thư mục mới được gọi là ‘có’ và lưu giữ tất cả để họ có được dễ dàng tìm thấy.

Lưu này như: meta_and_header.asp
<! DOCTYPE HTML PUBLIC “- / / W3C / / DTD HTML 4.01 Transitional / / EN”>
<html lang=”en”>

<head>
<title> Sinh học cho beginners </ title>
<meta http-equiv = “Content-Type” content = “text / html;
charset = ISO-8859-1 “>
<meta name=”title” content=”Biology cho Newbies… mới sinh học resource”>
<meta name=”description” content=”Biological resources.”>
<meta name=”keywords” content=”biology, science, evolution, genetics”>
<meat http-equiv=”charset” content=”ISO-8859-1″>
</ head>

Lưu này như: nav.asp
Danh mục chính <br>
<br>
<a href=”fambiologists/list.asp”> Famous Biologists </ a> <br>
<a href=”links/links.asp”> Sinh học Liên kết </ a> <br>
<a href=”j_articles.asp”> Bài viết Tạp chí </ a> <br>
<a href=”gallery.asp”> Thư viện ảnh </ a>

Lưu này như: before_content.asp
</ td>
<td>

Không có nội dung cho tiết kiệm diện tích, nhưng vẫn anyway. Tôi hy vọng bạn thấy này tới.

Lưu này như: after_content.asp
</ td>
</ tr>
<tr>
<td colspan=”2″>

Đối với các khu vực chân không có mã số, hoặc … chưa!

Lưu này như: end_page.asp
<td>
</ tr>
</ table>

</ body>
</ html>

Okey dokey … do đó chúng tôi hiện nay có bao gồm chúng tôi cần. Đó là:

* Meta_and_header.asp
* Nav.asp
* Before_content.asp
* After_content.asp
* End_page.asp

Bạn lưu vào một thư mục này gọi là ‘có’ không bạn? Không có? Sau đó, hãy làm điều đó ngay bây giờ!

Quay lại? Tốt! Sau đó, hãy làm cho trang web của chúng tôi fist SSI của người sử dụng. Điều này sẽ là một trang chỉ mục cho các trang web rất đơn giản, chúng tôi đang tạo. Đã giải quyết các công cụ thiết kế của bạn lựa chọn … notepad hay Dreamweaver chẳng hạn. Lưu tập tin này như index.asp, nhớ mở rộng asp hoặc máy chủ sẽ không đọc nó trước khi nó được gửi đi được.

Bây giờ bạn có một tài liệu trống, chúng tôi cần phải thêm một số bao gồm. Đầu tiên sẽ được ‘meta_and_header.asp’, và sau đó thêm phần còn lại. Nó sẽ giống như thế này:
<!–# include file = “bao gồm / meta_and_header.asp” ->
<!–# include file = “bao gồm / nav.asp” ->
<!–# include file = “bao gồm / before_content.asp” ->
<!–# include file = “bao gồm / after_content.asp” ->
<!–# include file = “bao gồm / end_page.asp” ->

Tất cả các vật được bình đẳng, mà tôi dẫn bạn xuống đường dẫn lạ này một cách chính xác và bạn đã làm như tôi đã nói … các hướng dẫn ở trên đã lưu như index.asp sẽ vẽ lại cho bạn một trang web hoàn toàn hợp lệ. Nếu không có nội dung hoặc chân các khu vực bị trống rỗng, đó là.

Điều đó là không tốt là nó? Nó cũng là một mức độ. Tôi bây giờ bạn muốn lưu các tập tin này như my_template.asp do đó khi bạn thêm nội dung tất cả những gì bạn cần làm là tham khảo các tập tin này.

Vì vậy, quay lại index.asp, mở nó ra và thêm một số nội dung của bạn lựa chọn.
<!–# include file = “include / meta_and_header.asp” ->
<!–# include file = “include / nav.asp” ->
<!–# include file = “include / before_content.asp” ->

Shock Kinh dị nội dung hiển thị tại đây! Bạn sẽ không bao giờ làm việc mà bạn sẽ hiểu! Bạn có thể thêm bao giờ hết những gì bạn muốn, đồng bằng văn bản, hoặc đánh dấu bình thường (html), thậm chí script.
<!–# include file = “bao gồm / after_content.asp” ->

Bạn có thể làm tương tự ở đây cho vùng chân … alternativly bạn có thể tạo nội dung tuỳ chỉnh, lưu nó như là một LYS tập tin và phục vụ như là nó khác bao gồm. Điều này có vẻ là awful nhiều công việc cho một trang web đơn giản, không nó … cũng treo trong đó.
<!–# include file = “bao gồm / end_page.asp” ->

Bây giờ tạo các tác phẩm:

* Biologists.asp
* Links.asp
* Article.asp
* Gallery.asp

Thêm nội dung vào bản mẫu của bạn và lưu nó như một trong các bên trên. Lưu thông tin nội dung của bạn có thể được lưu giữ như một bao gồm, và không chỉ bằng văn bản vào một mẫu trang. Lưu thông tin khi viết của bạn liên kết mà bạn đang chỉ đạo các neo tại một trong những tập tin ở trên và không phải là cá nhân bao gồm các tập tin. Tôi hy vọng rằng làm cho tinh thần.

Bây giờ gửi tất cả các tệp tin của bạn để kích hoạt máy chủ LYS của bạn, hãy nhớ, bạn có thể không chạy thử nghiệm từ các nhà máy tính của bạn. Sau khi tải lên bạn sẽ có thể kiểm tra chúng.

Như vậy, có ya go! Hy vọng điều này giúp đặt và một số các bạn trên con đường của nhiều bối rối và hơi say lên thiết kế web.