A Beginners Guide to Server Side Includes

An Introduction to Server Side Includes

Beginner? That's OK!

While much has been written about Server Side Includes (SSIs -also known as Virtual Includes) much of this information is designed for intermediate to advanced webmasters. This article is aimed at beginners. It is assumed that the reader has no prior knowledge of scripting languages, servers, or any other advanced computer skills. This article will introduce the reader to SSIs and explain how they are used in web site development. SSIs are guaranteed to save you time as your web site develops and changes over time.

Servers: just a place for your stuff?

It is important to understand that all the code for your website is stored remotely on a computer called a server. On a very basic level, the server (remote computer) is just a place where you can store the files on the "net." These files would typically contain your web site's HTML code and possibly some files containing pictures or graphics.

For example, a very simple web site might consist of 5 web pages with five corresponding files that are stored on the server. One file is named index.html and we will have four additional files. These files might be named about-me.html , education.html , resume.html , and portfolio.html. We'll say that this simple 5 page web site is run by a freelancer who uses this site as a kind of virtual advertisement.

Servers Part 2: more than storage?

We have established that the server functions as a storage place for our files, but it is important to recognize servers can also do things. Similar to the operating systems software on our personal computers, servers have software that allows them to access and organize files. Servers can also carry out more advanced functions. Take, for example, what the server does when someone visits the root directory of your site; the server automatically loads your index page (e.g., index.html, index.php, index.asp). This is a very simple example of something that happens on the "server side."

Why do I need includes?

Now that we understand that remote servers have software on them capable of carrying out certain tasks, we can turn our attention to the "includes" portion of the equation. What are includes? Let's take our hypothetical web site that serves as an advertisement for our imaginary freelancer. Imagine that the freelancer designs a left hand navigation menu so that people can easily browse all five pages of his site. Therefore, each page of this site contains the code for the navigation bar. Imagine that a few months after launching this web site, our freelancer wants to add a Frequently Asked Questions page. Our freelancer now has to update the navigation bar code in each of his five existing pages. Now there are six pages with this same navigation bar code. A month later our freelancer wants to add a self-written article to his site. Once again every page on the site needs to be updated. Imagine having a site with 100's of pages. Do you want to manually update 100's of pages of code? These are the types of situations where virtual includes can save you hours of time.

What are we including on the server side?

Perhaps it would be better to think of includes as "modules" that we can insert into our web pages. These modules (or "includes") are usually just text files that contain HTML code (although they can be other file formats). The code inside these files can be inserted anywhere in a page simply by using an include command. For example, imagine for a moment that our freelancer had the foresight to realize that the navigation menu would change at some point in the future. Instead of putting the code for the navigation menu into each individual page, the freelancer placed this code into a separate file. For the sake of example, we can call this file nav-menu.html Our freelancer can now simply place an "include" command that refers to the nav-menu.html anywhere he/she wants to place this menu. The advantage of this is becomes apparent when our freelancer needs to modify the navigation menu. Just one file needs to be edited, nav-menu.html, and all the pages containing "include" refering to this file will automatically update themselves. This time savings is the primary advantage of using includes.

OK, I get it, but what does an include look like?

Even though this is not a "technical" article, many of you are probably wondering what an "include" looks like. Therefore, one example for PHP is included below. Please note PHP is just one type of scripting language that can be used, depending on what your server is running. In this example, the code contained in the file "nav-menu.html" will be inserted into any web page where the following code is placed:

Keep in mind that, for technical reasons, server side includes will never be visible when you view the source code for a page in your browser. This is because the include happens on the server (before presenting the resulting code to the browser). This makes the use of SSIs invisible to browsers, bots, spiders (which is why they are search engine friendly)

Summary

The catch-22 of server side includes is that the need for them only becomes apparent when faced with the task of updating tens or hundreds of pages of code. There are many resources on the web that will instruct you how use virtual includes, and procedures will vary depending on the type of scripting language supported by your server (e.g., ASP, PHP). Hopefully you now understand Server Side Includes and how they can benefit the webmaster.

About the authors:

This article was written by the editors of the Kabooli Internet Directory. This article may be used freely in opt-in publications and websites as long as the article not changed in any way and all links in the Authors section are active . A courtesy link to any online posting would be greatly appreciated and can be sent to the editors of the Kabooli Directory by using the Kabooli Internet Directory Contact Form

In The News:

Web Development on an iPad  Laravel NewsThe idea of working entirely from an iPad has always appealed to me. The portability, the battery life, and of course the touch screen makes it an excellent device ...
Web Development: What's Big In 2019?  HackadayI try to keep up with web development trends but it's hard to keep pace since it's such a fast evolving field. Barely a week goes by without the release of a new JS ...
Leveraging Data Science in Web Development  CIOReviewLeveraging Data Science in Web Development By CIOReview - The world of web development is growing rapidly and serves as a tool for business development ...
Web development school pushes for more tech-industry training  KMTV - 3 News NowThe Interface Web School, which is a part of the AIM Institute, wants to help put people to work in the growing tech industry.
What Skills Should You Look for in a Web Developer?  Customer ThinkIntroduction. Choosing a web development company is one of the most important decisions a business can make in today's marketplace. Simply put, how a ...
Trends You can Expect in Web Development for 2019  Customer ThinkThe current generation of website developers is ideal employees in consideration of web development spectrum. Most of the modern people respond quickly to ...
From Salon Marketplace: Earn a web development certification with this bootcamp  SalonThe Beginner Full Stack Web Development course provides a strong foundation of digital knowledge.
How to become full-stack web developer  JAXenterIf you're looking for a way to become a full-stack web developer, and amplify your chances of landing a well-paid job, here is the ultimate guideline.
10 Essential Question to Ask Your Web Developer  Business.comAsking the right questions when choosing a web developer can help you find someone who understands your vision and can give you the website you want.
DevDigital Opens New Location in The Bahamas  Business WireDevDigital, a software and web development company based in Nashville, TN, has officially announced the opening of its new location in The Bahamas.
Why an Understanding of UI and UX is Now Vital to Web Development Success! - WhaTech  WhaTechWhen developing a web site, the way the user will ultimately interact with that site has become very important to the ultimate success of the project.
Best Programming Languages For Backend Web Development  TechnotificationHere are some interesting server-side web development programming languages worth considering for web development.
Score 9 courses on back-end web development for just $41  MashableAt the risk of sounding totally high: Websites are sort of like restaurants, when you think about it. Stick with us. You've got your front-end developers, who function ...
What’s the Difference Between UI and UX?  TechnotificationThis article will guide you through how to design a website with effective use of two very important components – UI and UX.
Well-Known Name in the field of Web and Mobile App Development From London!  The FriskyAs we're living in the age of the smartphones, the users of these devices are taking advantage of various amenities and services available to them. Mobile ...
Basic Business Functions Surging in LinkedIn 2018 Emerging Jobs Report  Small Business TrendsThe emerging jobs LinkedIn identified in the LinkedIn 2018 Emerging Jobs Report are in “incredibly high demand” across the country.
Angular 6 training: Start your career in web development  Augusta Free PressAngular 6 is a Java-based web application development framework that had made waves in the industry.
Best Web Frameworks in Popular Programming Languages  TechnotificationWeb frameworks simplify the whole web development process. The big question is: Which are the best web development frameworks to use in 2019?
App developer and software jobs might be declining says new report  App Developer MagazineIf your title is app developer, or work if you work in the software development field and are starting to feel like the Jedi are dying off - you might be on to ...
Web Developer job, Johannesbug, Fourways  Bizcommunity.comDigital Briefcase is a digital marketing agency looking for a mid-level web developer to join our team from February 2019.Design, maintain and implement new ...
Top Five Programming Languages To Learn In 2019  Analytics India MagazineIn this article, we list 5 programming languages that are recommended for 2019 and the importance of these languages. These langyages are in great demand.
'It's put Meeniyan on the map': Garlic festival revives country town  Brisbane TimesA festival devoted to pungent garlic is helping turning around the fortunes of a small Victorian town.
Baker delivers $3.3 million in school grants  Lowell SunBILLERICA -- Gov. Charlie Baker took a bite out of a grilled peanut butter and jelly sandwich served out of the new Shawsheen Valley Technical High School ...
Using Ruby on Rails for Web Development on Mac OS X – OSnews  OS News“It should come as no surprise that Mac OS X is a favored platform for Rails development. Rails and its supporting cast of web servers and databases thrive on ...
Is ASP.NET Framework a Good Choice for Programmers?  TechnotificationASP.NET is a popular software development framework that is designed for web application and as well as desktop application development.
Apache Web Development with IBM DB2 for Linux – OSnews  OS NewsIBM's strategy for Linux is starting to pay off as “Linux Breathes New Life Into The Mainframe”. The focus is not only sales but also in education as IBM released ...
Archdiocese prepares to launch Digital Initiative to provide websites to parishes  The PilotBRAINTREE -- The Archdiocese of Boston expects to launch its Digital Initiative, a program to provide parishes with a free platform and templates for their ...
Guidelines for iPhone Web-Development – OSnews  OS NewsApple posted on their developer website guidelines with instructions on optimising web-applications for the iPhone. “Developers can create Web 2.0 ...
Web developer Ixis acquires ecommerce specialist LiberoNet  Liverpool Business NewsWarrington-based Ixis, which has reported a significant rise in turnover and profits, will see its headcount rise to 20 following the deal. Ixis Dan Pala of LIberoNet ...
Failed Startups of MENA: Founder of Egypt-based price comparison website Bkam that had raised ~$500,000 in funding shares his story  MENAbytesFailed Startups of MENA, as the name suggests, is a series of articles and interviews where we try to learn about failed startups from the region – how'd they end ...
Graduate Web Developer at JLP Internet  Shetland Times OnlineGraduate Web Developer We are looking for a passionate, newly graduated website developer to join our small but ambitious team. This post for a 12 month ...
What is the best website design and website development companies in India? - Business Advice  Business.comThe ubiquity of web development companies in India doesn't really translate to the ease of finding them. You may ask your peers around and they will tell you ...
Kunsh Technologies - web design and development company, India Awarded "Site of the Day" in Design...  WhaTechMany web design nominees and award winners will agree upon the notion that, we have earned a moment that you might call a virtual red carpet.
Conquer Domains Website Design and Development Helps Improve Business with More Sales and Bigger Profits  openPRLondon, England (openpr.com) January 12, 2019 - Conquer Domains Website Design and Development specializes in helping businesses of all sizes conquer ...
Choosing Best IDE for Python Development  Times Square ChroniclesChoosing Best IDE for Python Development on Times Square Chronicles | What is the PyCharm program and why it is heading the list of top Python ...
Pritzker cites Galesburg native and local coding school in inaugural address  WGIL Radio NewsJamie Gladfelter, a Galesburg native now living in Chicago was pretty surprised when he was mentioned by Gov. J.B. Pritzker in his first address as Illinois' 43 ...
Alphanso Tech lets you Hire a Dedicated PHP Developer - WhaTech  WhaTechWould you wish to super-charge your site using PHP programming? In Alphanso Tech our exceptionally committed PHP professionals offer you high-end PHP ...
We discuss the key trends for web and app developers in 2019 [Podcast]  Packt HubWeb development has evolved considerably over the last 5 years. But what key web development trends should we be watching in 2019?
What developers should know about Windows's shift to Chromium  InfoWorldMicrosoft's seismic shift from its own browser engine to Google's Chromium for Windows's Microsoft Edge browser is one of the biggest changes to the Windows ...
5 Ways in Which Data Science Is Revolutionizing Web Development  Analytics InsightCustom software development companies are figuring out new ways to utilize the advanced data science techniques to build customized websites to suit specific ...
The boss is retiring. The kids don't want to take over. Family-owned manufacturers confront a succession ‘crisis’  Chicago TribuneBaby boomer company owners often don't know who will run their businesses once they hang up their gloves. A Chicago nonprofit seeks to match retiring ...
From being a rookie to grabbing an internship: Sanya's tryst with web development  QriusSanya Singh is a student of Northern India Engineering College, who learnt the ropes of web development through Internshala and bagged an internship.
Learn Web Development for Free With App Academy  LifehackerCoding school App Academy has opened a free online interactive version of its 12-week curriculum. That's a pretty good deal, since the Academy's in-person ...
9 Web development trends you simply cannot ignore in 2018  TechGenYZWeb development is a major part in conversions and increasing your sales.To optimize your websites know the web development trends of the year.
Know about the current trends in web development  Customer ThinkIn case of web development, you may have probably heard that the only constant is the change. It is an industry-defining statement as web development keeps ...
Careers in Web Development  Telangana TodayIn the last edition we have discussed about various technology stacks, what to learn and what is the career path. This article details about careers in web ...
Done Role of IoT in Web Development  Customer ThinkWith the increasing advent of technology and the ever-changing demands of people as well as businesses, there has been a rise in technologies which have ...
Focusing on data science and web development, edtech startup edWisor looks to bridge the skill gap  YourStory.comBootstrapped edWisor looks to address skill shortage in the areas of data science and web development, and uses gamification to align freshers with industry ...
How will AI change the web development in future?  Customer ThinkAI is present everywhere – from chatbots to virtual assistants, AI is used in day to day activities. Virtual assistants like Siri and Cortana are helping the users by ...
How IoT Is Changing Web Development  IoT For AllIoT brings changes to software development on many levels, including on the web. Let's discuss the main peculiarities and nuances of IoT web development.
4 Ways Web Development Has Changed Over the Years  The Hans IndiaWeb development has seen many changes over the years New ideas, new technologies and what is acceptable as an industry standard has pushed web ...
Creating Instagram feed : Incredibly easy methods that works for all  TechGenYZSo you think that your business needs a web presence. For an unmatched website, you would love to hire the best web development company. However, just ...
Tips to Hire a Web Developer with Required Skills in 2019  Customer ThinkWeb development is serious business. In recent years, it has had a great impetus and is one of the major priorities for every business irrespective of its size and ...
Things You Should Definitely Know About Web Development Team  Customer ThinkImagine one time you came up with a great idea to create a website for your company. The first step to take in this case is to hire a web development team of ...
JavaScript and Web Development InfoQ Trends Report  InfoQ.comThis InfoQ Trends Report looks at the current trends with JavaScript, HTML, CSS, and web development in general, exploring technologies and options gaining ...
Spring MVC tutorial: How Spring Boot web MVC makes Java app development easy  TheServerSide.comThere are many Java web development tutorials available online, but there are very few Spring MVC examples that run within a Spring Boot project. This Spring ...
4 Questions to Ask a Web Developer During an Interview  DevOps.comWeb development is a fragile process. You need talented web developers to make truly beautiful sites with seamless user experiences and fast loading There's ...
Microsoft brings Chromium to Edge to reduce web development fragmentation  SDTimes.comMicrosoft has announced plans to adopt Chromium into Microsoft Edge on desktop. Chromium is an open-source web browser project created by Google.
Why Hiring Top Web Developers is a Good Idea  DevOps.comWeb development is one of the most valuable activities of any company, especially tech companies and web design agencies.
Image Management 101: The Web Developer’s Guide  DevOps.comHow understanding the user experience can help web developers in managing images effectively Online experiences have in many ways supplanted in-person ...
Lean Web Development with the Best Teachers Online  Digital InspirationFor the past few months, I have been on a learning spree looking to enhance my existing coding skills and also learn new programming languages and ...
Five hacks to land a top-notch internship in web development  Daily News & AnalysisWhether you've got your degree in web development or you're still studying, it is imperative to gain some practical experience in the field. But, landing a web ...
How do I know if Web Development is right for me?  TechRepublicHow do you know if you're ready for a career change in tech, and if that change is right for you? A TechRepublic member is trying figure this out and is asking ...
Report: What is the next big thing in web development?  JAXenterThe 2018 Packt Skill Up Report: We take a closer look at web development: What technologies are currently number one and what does the future hold?
Learn Web Development For Just $15 With This Amazing Complete Web Developer Course 2.0 – Limited Offer  WccftechLearn web development with Robert Percival. Get the Complete Web Developer Course 2.0 for an amazing discount offer and start a career!
Yale announces Web Development “Bootcamp”  Yale Daily NewsYalies interested in programming will be able to take a 10-week web development boot camp this summer for credit, offered as a part of Yale Summer Session, ...
6 steps to becoming a full stack developer  TechGenixThe journey to becoming a full stack developer might appear herculean at first. But once you master these six steps, you are on your way to getting there.
8 Tips To Start Building User-friendly eCommerce Website Development  Customer ThinkeCommerce, a big-time word which we hear every day. Whether, big or a small enterprise, eCommerce website development is an unsaid must for your ...
Top 6 Web Development Trends that will Dominate 2019  ToolboxWhen it comes to web development you are bound to experience constant changes and updates in the designs every year. In fact, the updates and trends are ...
Yale, Flatiron School create web development bootcamp for summer session  Yale NewsYale Summer Session is collaborating with Flatiron School to offer a Web Development Bootcamp for Summer 2019, which will carry two Yale College credits, ...
Ten Basic Things Every Web Developer Should Know  HTML Goodiesten things you need to know if you plan to build a web site.
Learn the tricks of Web Development in 44 hours  Android AuthorityWeb development skills open up a whole range of exciting opportunities. get the expertise in this seven-part learning kit.
YouTube for Android gets a new UI and voice command for a better-customized interface  TechGenYZNeed to learn web design and development? No worries, there are millions of tutorials, and videos available on YouTube for people to learn new skills or to ...
Why has Python Failed To Penetrate The Enterprise Development Sector?  Analytics India MagazinePython has built considerable buzz in the large-scale web development space, but despite its popularity, it has failed to penetrate enterprise development.
Job vacancy: Marketing and web development project manager  International Association of Athletics FederationsThe IAAF is seeking a marketing and web development project manager at its Monaco headquarters. Reporting to the chief information officer, the marketing and ...
4 Ways to Ensure Effective Web Development  Business 2 CommunityWhen it comes to building a new website, many businesses choose to focus predominantly on the design aspect of the project when approaching agencies to ...
Break into the field of web development with these discounted e-books  MashableThe barriers to breaking into the web development field are lower than ever. You no longer need to break the bank, quit your job, and enroll in a university to ...
Django vs Flask: A Look At The Two Popular Python Web Frameworks  Analytics India MagazineIn this article, we look at two of the best frameworks, Django and Flask that can be used by Python programmers and developers.
What is Document Object Model (DOM) in Web Development?  TechnotificationBrowsers know how to convert the tags of the HTML into a tree with the help of DOM. Here is all you need to know about Document Object Model.
This web developer course is down by over £150  MashableProgress from a junior to senior web developer for just £11.99 with this course.
Which Cloud Solution Is Best For Your Web App Development  MobileAppDailyLearn more about which cloud solution is most suitable for your web app development and what is the right way to choose an efficient cloud *service* .
How Website Development Has Changed Over the Years (infographic)  Digital Information WorldWebsite design has come a long way in a relatively short time. From zeros and ones to lines of code to intuitive website builders, designing for the web has ...
Understand Web Development in Less than 1 Hour  SitePointThis article was created in partnership with KTree. Thank you for supporting the partners who make SitePoint possible. This article explains what web ...
Best web development tools of 2018  TechRadarGrab the right tools to get web development done without breaking a sweat.
“ChromeOS is ready for web development” – A talk by Dan Dascalescu at the Chrome Web Summit 2018  Packt HubAt the Chrome Web Summit 2018, Dan Dascalescu, partner developer advocate at Google provided a high-level overview of ChromeOS and discussed ...
Full stack puts Bellevue University web development students ahead of the pack  Omaha World-HeraldStudents learn to design, code, implement and maintain an interactive website on their own.
How online learning platforms are bridging demand-supply gap in IT manpower requirement  YourStoryThere is a skill shortage in the IT industry, the global shortage to grow from 7 million to 23 million by 2022, 1.2 million in India set to increase to 6.5.
Top 5 Web Development Startups of 2018  BBN TimesTech Start-ups are the most trending things among investors and entrepreneurs due to the serious innovations they offer. Who knows which upcoming tech ...
Use Rust for web development [Tutorial]  Packt HubRust is efficient and has well thought web-oriented frameworks, making it viable for web development. In this article, we'll see how Rust can be used for web ...
How Is Data Science Transforming Web Development?  DataconomyWeb app development is about to undergo a significant revolution triggered by the rise of data science. So far, developers have created apps based on focus ...
You Can Become a Web Developer with This Interactive Coding Bootcamp  Interesting EngineeringWith over 60 hours of instruction led by industry professionals, this in-depth bundle will get you up to speed with the world's most important programming ...
Is Agile Web Development All It's Cracked Up to Be?  EContentWhile AWD offers several advantages over waterfall and other methodologies, it has its limitations too. Whether you're preparing to take your first iterative plunge ...
Learn the Essentials of Web Development with This eBook Bundle  Interesting EngineeringThrough hands-on, real-world instruction, this course teaches you about everything from development essentials like JavaScript, Java, and C++ to interview ...
5 Best Online Front-end Web Development Playgrounds  Technotification5 best online front-end web dev playgrounds to test code. As soon as the code is written, the test-ready output is delivered within seconds.
Get a complete web development education for less than $5 per e-book  TNWWho would you rather hire: a guy to build your new website and another guy to build the hardware infrastructure to run your new site? Or one guy who can do ...
How to learn web development online  Tech AdvisorWeb development is one of the 21st Century's most sought-after skills, but with so much to learn it can be quite daunting. After all, coding is quite literally like ...
Cloudflare IPFS Gateway boosts decentralized website development  ZDNetThe new solution enables developers to create websites which are based on peer-to-peer, distributed technologies.
Open Source Dart 2 Revamp Focuses on Mobile, Web Development  ADT MagazineAfter a nearly eight-month pre-release preview, the open source Dart 2 programming language has emerged as a stable release that includes many breaking ...
Some of the Best IDEs and Text Editors for Web Development  TechnotificationThe right IDEs or a Text editor will be a huge help during coding. It'll help you be faster, accurate and productive for web development.
Why choose Angular for Web Development - WhaTech  WhaTechAngular is well known for developing robust and adaptable Single Page Applications (SPA). The Application structure is developed in JavaScript and uses ...

FREE Amber Alert Tickers for Your Website

Project Safekids provides webmasters a valuable tool which could save... Read More

Earning From Your Website

Before you start building your site, ask yourself "WHY?". Why... Read More

Web Content: How Much Should I Pay?

When web content gets discussed on webmaster bulletin boards, the... Read More

7 Reasons Why Your Small Business Needs A Web Site

Many small businesses have the misconception that their business can... Read More

Three Things Every Website Should Do

When I started my company in 2002, I knew I... Read More

Why a CSS Website Layout Will Make You Money

Although CSS layouts have been around for years, they haven't... Read More

Improve Conversion Rates ? Load Times

Your site is getting traffic, but conversion rates are horrible.... Read More

Trinkets, Lockets And Empty Pockets

It never ceases to amaze me how many people set-up... Read More

PIM Team Case Study: Creating Text Effects With PHP and GD

See how you can create graphic effects on text with... Read More

4 Rock Solid Reasons For Building Your Own Website

What is the point of having a website, you may... Read More

Do Dancers Need A Website?

Dance is how you pamper your soul and satiate your... Read More

Create Huge Income From Your Web Site - 10 Easy Ways

The cost of setting up a web site is dirt... Read More

How to Make Your Own Website For Free

If you like the Internet and surfing through the billions... Read More

Creating Dynamic Website Content with PHP - MySQL

Fresh website content for your visitors can be of real... Read More

10 Things You Should Be Monitoring On Your Website

Every business needs to know how it is doing. That's... Read More

Free Webmaster Tools - 7 Things Every Webmaster Needs in Their Toolbox

Webmaster tools are vital to becoming both efficient and effective... Read More

Website Imperatives and Solutions

When you take a look at the most visited sites... Read More

Why A Simple Counter is Never Enough for Your Website

A simple website stats counter is not enough if you... Read More

Your Website Reflects Your Business

Some left shoes are in isle 5, while the right... Read More

You Dont Know Which One

I still remember it very clear ... It was almost... Read More

Web accessibility for screen magnifier users

The needs of screen magnifier users are overlooked when implementing... Read More

Website Globalization

Globalize Your WebsiteThe Internet has unlocked a wide array of... Read More

Ten Ways NOT to Set Up a Website-based Service Business

1. As the first step, "Hire a web designer."First create... Read More

CPanel Fantastico - Features and Benefits

Fantastico is a 3rd-party cPanel add-on and can be purchased... Read More

You Need To Treat Your Website Like An Employee - Heres 5 Ways To Do It

People often come to me in a state of crisis... Read More