1 / 10

Server-Side Includes (SSI)

Server-Side Includes (SSI). an Introduction and Demonstration presented by: Sean Conklin CMS Project Student-Assistant MWF mornings WA 406, x4200 sconklin@bay.csuhayward.edu. What exactly is SSI?.

kellan
Download Presentation

Server-Side Includes (SSI)

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Server-Side Includes (SSI) an Introduction and Demonstration presented by: Sean Conklin CMS Project Student-Assistant MWF mornings WA 406, x4200 sconklin@bay.csuhayward.edu

  2. What exactly is SSI? • Server-Side Includes is a feature of all major Web Server Applications (Microsoft IIS, Apache, Netscape iPlanet, Etc.) that allows for the simple including of modular web content onto HTML web pages via the Server. The machine itself processes (or “parses”) SSI upon visitor request of an HTML page having SSI commands.

  3. “Modular” • SSI enables modular web page materials • Modular: breaking-down into separate parts (ex: cars, computers) • Modular = Efficiency • Quicker implementation (easy copy-paste) • Ease of modification

  4. “Server-Side” vs. “Client-Side” • “Server-Side” refers to processes taking place on the Server (on the hosting web machine) • “Client-Side” refers to processes taking place on the Client’s machine (ex: Internet Explorer, Netscape, WebTV, JavaScript, Etc.) • SSI is done entirely on the Server-Side *Therefore, SSI can’t be seen when constructing pages on a PC – only live from the Web Server.

  5. What will we use it for? • We are using SSI to insert (“include”) a standard header onto all key pages of the CSUH website, including main school and department web pages. • The reasons for the standardization include: consistency, modernization, & accessibility

  6. Why SSI? • SSI is EASY to learn and use -- simple 1 line commands go a long way! • SSI makes CONSISTENT-looking pages that realize the goal of our project. • SSI makes FUTURE updates much easier by centralizing the included content. That means only 1 person per server will need to make template version updates, not dozens of webmasters updating hundreds of pages.

  7. What does SSI look like? • SSI has several commands, but only 1 that applies to us – the “INCLUDE”: <!--#include virtual=“/PATH/FILE_NAME.EXT” --> • The INCLUDE command inserts the contents of a file (ex: text-based template file) onto HTML web pages. Includes also work for graphics and can actually be embedded (include within include)!

  8. EXAMPLE! CONTENTS: 1 - sample.shtml …… Sample Page 2 – header.txt ………… Header Include 3 – footer.txt ………… Footer Include 4 – [output] ……………… Output in Internet Explorer EXPLANATION: The page file on the left INCLUDES the header and footer files above, which when called by a visitor, causes the web server to put them together, thus the output below

  9. How do I get it working? • SSI must first be enabled on the server that you are using. It might already be! • SSI, by default, works only on pages named with the extention .shtml, but this can be changed to work on .html, etc. • The set-up process will vary depending on which Web Server Application being used.

  10. Where to go for information? • http://www.csuhayward.edu/includes (This page shows the exact commands that you should use) THANK YOU! Sean Conklin CMS Project Student-Assistant MWF mornings WA 406, x4200 sconklin@bay.csuhayward.edu

More Related