Server Side Includes Server Side Includes (SSI) are simply this:

Slides:



Advertisements
Similar presentations
Anatomy of a Web Page. Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links.
Advertisements

Internet Applications Development Lecture 2 L. Obead Alhadreti.
PHP Reusing Code and Writing Functions.
Introduction to JavaScript
Advanced Web Design Using Dreamweaver Robby Seitz 121 Powers Hall
INTRO TO THE WWW. What is the World Wide Web? The World Wide Web (WWW) is most often called the Web. The World Wide Web (WWW) is most often called the.
HTML Programming last updated 9/12/05 at 1:30pm HyperText Markup Language Reference: – HTML BasicsHTML Basics An HTML program is a set of paired tags that.
MA10126 Introduction to HTML Gavin Shaddick
COS 125 DAY 16. Agenda Second Capstone Progress Report Due March 23 (next class ) Assignment #4 assigned –Due Tuesday March 23 Exam #3 will March 26 –Castro.
COS 125 DAY 15. Agenda Second Capstone Progress Report Due Mar 24 Assignment #4 assigned –Due Thursday, March 24 Exam #3 will be on March 24 –Castro Chaps.
HTML Notes Chapters 1--6 Codes used in creating HTML documents are called tags. Tags are always enclosed in left ( ) angle brackets. Tags can be upper.
Overview of JSP Technology. The need of JSP With servlets, it is easy to – Read form data – Read HTTP request headers – Set HTTP status codes and response.
Server- Side technologies Client-side vs. Server-side scripts PHP basic ASP.NET basic ColdFusion.
Web Design Using HTML Codes. WHAT DO I NEED TO BEGIN DESIGNING A HOME PAGE? 1.YOU NEED A FOLDER (also called a DIRECTORY) You should set up a folder or.
Website Development & Management Getting to Know HTML Better CIT Fall Instructor: John Seydel, Ph.D.
44238: Dynamic Web-site Development Common Web-page Elements Ian Perry Room:C48 Extension:7287
Essential Tags Web Design – Sec 3-3 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.
Just Enough HTML How to Create Basic HTML Documents.
HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.
HTML Codes Miss B.
Introduction to HTML Wah Yan College (Hong Kong) Mr. Li C.P.
Forms and Server Side Includes. What are Forms? Forms are used to get user input We’ve all used them before. For example, ever had to sign up for courses.
1 © Copyright 2000 Ethel Schuster The Web… in 15 minutes Ethel Schuster
Definition CSS “Short for Cascading Style Sheets, a new feature being added to HTML that gives both Web site developers and users more control over how.
Lec.10 + (Chapter 8 & 9) GUI Java Applet Jiang (Jen) ZHENG July 6 th, 2005.
SSI “Server Side Includes” SSI defined Server Side Includes (SSI) are HTML comment tags which contain commands directed at the Web server. The server.
HTML Lesson 2. Review Questions  What are HTML tags used for?  What do HTML tags look like?  What are the 3 required HTML tags?  In what section of.
Introduction to JavaScript CS101 Introduction to Computing.
Christopher M. Pascucci.NET Programming CodeBehind.
8 th Semester, Batch 2008 Department Of Computer Science SSUET.
UF and College of Medicine Web Pages. UF and Com Web Pages Makes heavy use of CSS Uses Server Side Includes Not the Dreamweaver kind of Templates.
Client-side & Server-side Scripting ©Richard L. Goldman August 5, 2003 Requires PowerPoint 2002 or later for full functionality.
ASP.NET User Controls. User Controls In addition to using Web server controls in your ASP.NET Web pages, you can create your own custom, reusable controls.
Spiderman ©Marvel Comics Creating Web Pages (part 1)
Server Side Scripting Perl, Python, Java Servlets  write complete programs in (Perl, Python, Java) to process HTTP requests and generate a complete HTTP.
This shows CIS17 and the first day introduction..
1111 Creating HTML Programatically Objectives You will be able to Invoke C# code on the server from an ASP.NET page. Write C# code to create HTML.
CSU Extension Webpage Template Session 4 February 2010.
COSC 2328 – Web Programming.  PHP is a server scripting language  It’s widely-used and free  It’s an alternative to Microsoft’s ASP and Ruby  PHP.
Basic Steps to create a Website using HTML5. Hypertext Markup Language.
1 CSC160 Chapter 1: Introduction to JavaScript Chapter 2: Placing JavaScript in an HTML File.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
Getting Started – Basic Page Structure
Introduction to HTML.
Web Basics: HTML/CSS/JavaScript What are they?
CS7026: Authoring for Digital Media HTML Authoring
Using ODS Excel Migrating from DDE to ODS
Web Template Using The State of California January 16, 2007
>> PHP: HTML Integration
JavaScript Client-side
Essentials of HTML.
Most tags must have an open and a close in XHTML.
Essentials of HTML.
Introduction to JavaScript
Laying out a website using CSS and HTML
Introduction to JavaScript
HTML Structure.
For this assignment, copy and past the XHTML to a notepad file with the .html extension. Then add the code I ask for to complete the problems.
Common Page Design Elements
Creating your first website
FormTrap Invoice (Original for Mayne Pharma) Made generic and available where you approve of / like this format invoice.
The language of the internet
MA10126 Introduction to HTML
The language of the internet
Introduction to JavaScript
One Set of Styles Connected to As Many Pages as You Want!!!
Getting Started with HTML
Monday, Sept. 24 Today we are going to update the html code to html5. It has some new features that we have not covered yet.
Presentation transcript:

Server Side Includes Server Side Includes (SSI) are simply this: files that are snapped together at the server prior to any other processing. Instead of one file making up an HTML page, several are snapped together, allowing us to reuse code and instantly change all pages that use the SSI.

SSI - Examples Page Headers Page Footers Navigation Since the info is the same on most pages Page Footers Navigation Common programming functions

Server Side Includes Do not put any extra HTML. Just put the HTML you wish to be snapped in at that location. So, the files do NOT have their own head, title, and body, for instance. The main one will have head, title, body, and so on.

SSI – 2 parts A call to the SSI in the main file The SSI itself

Calling SSIs with Directives By File in the same location or a directory <!-- #include file=“myInclude.asp” --> <!-- #include file=“includes/myInclude.asp” --> By Location <!-- #include virtual = “/includes/myInclude.asp” --> What does <!-- --> mean? You must know this right now…

Just Comments? SSI are just comments But some servers are programmed to look for those comments

WARNING You cannot make your SSIs work at the client. Why not? You must use the extension .asp, or another extension (.stm, .shtml, etc). The server does not know to process .htm and .html files for includes.

Remember All that is happening is that you have several files. The server is snapping them together. Once that happens, the server works with it as if it is one file. The include directive is simply replaced by the code that is in the include So don’t put in redundant tags -- just the essential ones to snap in there.

Steps for your first SSI Take a file you wish to divide up into SSIs. Give it an .asp extension. Cut a part out that you wish to put in a SSI. Paste it into a brand new file. Give it an .asp extension. Put the SSI directive at the old position in the original file to call the other file. FTP it to a server that runs SSIs.