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:

Outsource Web Development: Lessons to Keep in Mind  YourStory.comWhen a company decides to take outsource web development services, there are many aspects that it judges the outsourcing company before finalizing the ...
What are the latest web development Trends For businesses In 2019?  YourStory.comIt's impossible to go along with web development trends; because it is subject to change. Rarely, a week passes without any release of a new JS framework, ...
How Link Digital left web development behind to drive data growth  ITworldMaking its mark as a Canberra-based web development company in 2001, Link Digital began moving towards open data services about five years ago, based ...
The Web Development Capabilities You Need For Your Small Business  Customer ThinkResearch has found that less than two-thirds of small businesses have websites. Thankfully, over half of those without websites say they plan to build a site in ...
Top 5 WordPress Development Companies in the World  YourStory.comAre you searching for top WordPress development companies? We are providing you the list of top and best WordPress development companies in the world.
Panic announces all new web development editor coming this year as Coda 2 successor  9to5MacThe developers at Panic today revealed some major changes coming soon to its web development offerings. The company says that later this year, it will release ...
Why Aren't HTML/CSS/JavaScript Being Taught in Our Schools?  Interesting EngineeringSchools around the world should be teaching children web development tools, such as HTML, CSS and JavaScript, but they aren't. Instead, a number of online ...
5 Questions to Ask Remote Web Developers  DevOps.comHere are some questions to ask when interviewing remote web developers to understand whether they'd be a good fit for working remotely.
Tech internships in IoT, web development social media; highest stipend Rs 15,000  The Indian ExpressHere is a list of internships in the technology domain, from the latest internet of things (IoT) to social media, Bangalore has many openings. Students with ...
LogRocket nabs $11M Series A to fix web application errors faster  TechCrunchEvery time a visitor experiences an issue on your website, it's going to have an impact on their impression of the company. That's why companies want to resolve ...
10 Web Development Tips to Better Your Website Success  Thrive GlobalThe most common mistake any firm or individual can make when endeavor out on a new website project is to consider that design is everything. I can assure you ...
The seven deadly sins of web design  Packt HubFor a great website, web developers meet client demands while at the same time thinking about users. Gary stevens discusses more such in his article.
Top Web development tips to get the success of your website - WhaTech  WhaTechWebsites are a crucial part of a business. In today's business world, not having a website for your business will make you lack behind your competitors because ...
Summer Hackers Program - An Opportunity For Women  iProgrammerLambda School is partnering with Y-Combinator founder Jessica Livingston to help more women in the US learn how to program, and ultimately to increase the ...
Bottrell Media - Web Development  WhaTechBottrell Media provides professional Website Design and Development services in Sydney, Maitland, Newcastle, Gold Coast, Brisbane, and Melbourne. Contact ...
Tips to improve your web development process - WhaTech  WhaTechJust like Google, Safari or any other search engine, web development services make changes regularly to get the best practices. If you want the best web ...
SynapseIndia reaches a landmark in web development - WhaTech  WhaTechSynapseIndia has achieved a new milestone in web development. The company has delivered thousands of website development & maintenance projects.
Google launches Flutter 1.2 and Dart DevTools, a web-based suite of programming tools  XDA DevelopersFlutter is one of the newest additions to the arsenal for app developers. It's a UI framework for building beautiful, fluid, and interactive cross-platform native apps ...
Software Development & Technology in 2009 V/S 2019: Let’s Do The #10YearChallenge  YourStory.comLooking back on the years that have gone by and reminiscing how far we have come along in these years is an activity that everyone enjoys. This is proved by ...
Learn how to build better web experiences with this $29 UI/UX course bundle  The Next WebSimple, streamlined designs, consistent color schemes and a decluttered screen. Those are all tenets by which a strong web developer designs and builds.
OMNICOMMANDER Launches Upgraded Website Showcasing Industry Leading Web Development and Marketing Services  PRNewswireMIRAMAR BEACH, Fla., March 11, 2019 /PRNewswire/ -- OMNICOMMANDER, a financial technology firm specializing in website design, social media ...
10 programming languages that are in demand among top hiring companies  Express ComputerCoding continues to be one of the most in-demand skills in the job market. Many professionals are considering getting into the field. Possessing the required ...
Top 7 Important Considerations before You Start Developing Web Applications  Customer ThinkNowadays, most people consider anything on the basis of its appearance. Web Application is not exceptional to that! This factor plays a significant role while ...
Front End Web Developer - Aceable  Built In AustinAceable is hiring for a Front End Web Developer in Austin. Find more details about the job and how to apply at Built In Austin.
Web Developer  GeekWireWhy We're RAD (about us): Rad Power Bikes is a leading consumer-direct ebike manufacturer specializing in high quality yet affordable electric bikes for ...
5 Popular Python Open-Source IDEs For Data Science Enthusiasts  Analytics India MagazineIntegrated Development Environment (IDE) is the daily-used coding tool for a programmer which enables a complete set for Source Code.
We're hiring! Web Developer/Programmer  Catholic OutlookThe purpose of the Web Developer/Programmer role is to ensure that the websites, intranet and other digital channels of the Diocese of Parramatta are ...
Explanation: The Rise Of Full Stack Developers  MobileAppDailyAfter an immense amount of research we have curated a suitable explanation on the rise of full stack developers in 2019.
5 useful Visual Studio Code extensions for Angular developers  Packt HubVSCode has become very popular among Angular developers for running Angular CLI. This post looks at 5 VSCode extensions useful for Angular developers.
Hey Web Development Firms, Mercy Corps Wants A Knowledge Portal Built For Them In Zimbabwe  Technology ZimbabweMercy Corps, a US founded international humanitarian organisation is looking for a web development company to build a knowledge portal for some of their ...
10 Popular JS IDEs For Java Developers  Analytics India MagazineIntegrated Development Environment (IDE) is crucial while coding for larger programming projects as they help in handling the code smoothly.
Stop using Chrome, Install Brave Browser! Wikipedia Co-founder Tells You Why  Ethereum World NewsUser privacy and the risks associated with data leaks should be a priority for today's globalized society, and Larry Sander, co-founder of Wikipedia, is fully aware ...
Services Web Developer  hypepotamus.comWebsite hannon_hill Hannon Hill Corporation. Hannon Hill is currently hiring for a Services Developer. The primary function will be to integrate client websites ...
Fast-growing web developer wins big at London chamber awards  The London Free PressA growing London technology business has been named large business of the year by the London Chamber of Commerce.
6 Best Websites to Learn Software Development For Free  TechnotificationIf you are looking for the best websites to learn the various aspects of software development, Here is a list of 6 best websites.
TypeScript’s Quiet, Steady Rise Among Programming Languages  WIREDMicrosoft's programming language TypeScript has become one of the most popular languages among developers, at least according to a report published by ...
Digital Marketing Manager/Jr. Web Developer (#19-019) Job Opening in Kenmore, Washington  Chief MarketerBastyr University is seeking a qualified candidate to fill the Digital Marketing Manager/Jr. Web Developer position. This person will collaborate with a team of ...
Why Magento App Development is the Best Fit For Your Business?  YourStory.comThe platform that is making waves in the eCommerce development is Magento. It facilitated a spurt in the development of the native online application.
Oxford dictionary adds ‘chuddies’ to list  The HinduThe word became popular after it was used as part of a catchphrase in a British television show.
BJP website hacked, Narendra Modi memes added with Bohemian Rhapsody  India TodayMultiple social media users reported on Tuesday that the Bharatiya Janata Party's website was hacked, and shared screenshots of an unflattering meme ...
Baseball’s Worst Team Is Finally Joining the 21st Century  The Wall Street JournalDuring a 115-loss season in 2018, the Baltimore Orioles were far behind other teams in analytics. They are now taking steps to catch up.
Top Web Development Trends 2019  YourStory.comWeb Development Trends 2019 Do you know global internet users number have surpassed 4 billion in 2018? It is found in a recent study by We Are Social and ...
The Crucial Role of AI in Web Development  Analytics InsightArtificial intelligence is undeniably no longer a buzzword in the web development space. AI in web development is used to design automation, integrating into ...
With its Elasticsearch distribution, Amazon Web Services sends more shockwaves through open-source software  GeekWireNobody really knows what lies ahead for the future of open-source software as cloud computing becomes the dominant force in enterprise tech, but the times are ...
Learn what is needed for your career development –Oluwatobi Akinpelu  The PunchOluwatobi Akinpelu, 23, is an android developer at Farmcrowdy. He talks about his interest in technology What schools did you attend? This might...
5 Ways in Which Data Science Is Revolutionizing Web Development  Analytics InsightTechnology is a highly dynamic field where new advancements keep coming every day. The data is the next big thing about this modern digital age.
A Quick Primer on Managing Your Web-Development Tasks  EntrepreneurNeed to modify your website or app? Here are the tips you'll need to do that right.
Top 10 Image Formats That Are Best for Web Development  YourStory.comWeb application development is one of the biggest trends in this era because now a day's software has tons of functionality that cannot work properly on our ...
Adobe Creative Cloud and the reseller opportunity  IT-OnlineMar 24, 2019. Adobe was the first major software company to completely move its product into the cloud, a bold move that many of its contemporaries are still ...
Cosmic JS wants to simplify web development so you can focus on content  TechCrunchIf you are a web developer, you know how complex many of the traditional web *content* management systems have been. One of the big problems has been ...
Are You Missing This Important Puzzle For Web Development Success? – Test Driven Development  YourStory.comAs a Web Development Company, there are many aspects of your business that determine your success. You can choose to create your application as cheap as ...
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 ...
This $41 course package can get you hired as a back-end web developer  The Next WebFront end developers get all the glory. Their work is always right there in a user's face with all that HTML and CSS goodness. But those in the know know that the ...
How Artificial Intelligence is reshaping web designing and web development?  Express ComputerBy Ankit Gupta, CEO and VP, WeblinkIndia.net. The modern industries follow the consumer-driven approach, where customer experience has become the ...
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, ...
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 ...
7 Web Development trends that will shape your online market now and beyond  TechGenYZHere we list out 7 unignorable web design trends to accelerate your growth this year. This will help you shape your online market.
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.
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 ...
JavaScript and Web Development InfoQ Trends Report  InfoQ.comThis InfoQ Trends Report looks at the current trends with JavaScript, HTML, CSS, and web development, exploring technologies and options gaining further ...
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 ...
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 ...
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.
Become a full stack web developer with 46+ hours of training for $29  XDA DevelopersMany developers only focus on one or two languages. By specializing in this way, you rule yourself out of many great opportunities. In contrast, full stack ...
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 ...
How AI is reshaping web development | Articles | Big Data  Innovation EnterpriseHow AI is enabling are reshaping web development and giving developers everywhere hope about the future of tech.
Web development trends 2019 - Ponder on them to make a difference  ITProPortalThe world of web development experiences demand constant transformation every year, whether it is related to tools, services, coding, languages, or designs.
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 ...
Lean Web Development with the Best Teachers Online  Digital InspirationMeet the best online teachers for learning modern web development including React, TypeScript, JavaScript, Golang, Flutter, Nodejs, Docker and more.
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 ...
Frontend Web Developer Internship Position  EU-StartupsYou will work alongside two back-end and two front-end developers on building a Ruby On Rails web application. You will have full responsibility and flexibility ...
Google Forgets to Announce a Major Change – SEO Community Disappointed  Search Engine JournalGoogle announced a major change several years late. The SEO community reacts with disappointment.
New Zealand to Ban Military-Style Semiautomatic Guns, Jacinda Ardern Says  The New York TimesCHRISTCHURCH, New Zealand — Prime Minister Jacinda Ardern of New Zealand on Thursday announced a national ban on all military-style semiautomatic ...
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.
Future of web development in India  Daily News & AnalysisFuture of web development in India - Web development, as a career, has witnessed a boom all over the world, including India, since the time e-commerce has ...
Best Programming Languages For Backend Web Development  TechnotificationHere are some interesting server-side web development programming languages worth considering for web development.
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 ...
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 ...
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 ...
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.
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 ...
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.
Web Development Business Management and Sales Techniques  Business 2 CommunitySoftware engineers often think about starting a web development business of their own. We may be talking about a traditional senior software developer working ...
This Complete Full Stack Web Development Master Class Bundle only costs $29  NeowinToday's highlighted deal comes via our Online Courses section of the Neowin Deals store, where you can save 95% off the Complete Full Stack Web ...
Python Survey: Data Analysis Overtakes Web Development as No. 1 Use Case  ADT MagazineA new developer survey about Python reveals the programming language is now used primarily for data analysis, supplanting the previous No. 1 use case, Web ...
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 ...
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 ...
Become a professional web developer with this nine-course bundle  Android AuthorityWith nine courses and over 60 hours of training led by development pros, this bundle walks you through both the fundamentals of web development along with ...
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.
“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 ...
AI in Web Development: Reality or Hype  ReadWriteTo what extent will artificial integration (AI) change how we do things going into the future, particularly in the field of web development? This debate has been ...
Ten Basic Things Every Web Developer Should Know  HTML Goodiesten things you need to know if you plan to build a web site.
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 ...
Avail The 95% Discount Offer On The Complete Full Stack Web Development Master Class And Become An Expert Developer  WccftechDesigning web applications and becoming an expert at it, is no easy task. It requires a lot of hard work and dedication and often a huge financial investment.
Smart ways to boost sales for your business with a Product Catalog  TechGenYZHiring a website developer is necessary to create a professional website. However, is it so easy? Have a look at top reasons to hire the best website ...
Become a master of code with this full stack developer training  Popular ScienceGrab 46 hours of *fresh* video tutorials for $29 and become a master of code with this full stack developer training.
Uber introduces Fusion.js, a plugin-based web development framework for high performance apps  Packt HubUber introduces Fusion.js, a brand new web framework based on a plugin-based architecture with module reloading, and bundle splitting support.
30+ Impressive Web Design Statistics You Need to Know in 2019  G2 CrowdA well-designed website is a powerful asset to your business. Read statistics showing the power of a well-design website, mobile sites, e-commerce site design ...
These are five high-paying programming jobs right now  TechRepublicHere are the developer roles that careers *service* Dice found had high average salaries during 2018.
This web developer course is down by over £150  MashableProgress from a junior to senior web developer for just £11.99 with this course.

Your Content for Nothing and Your Clicks for Free

The first thing my business consultant (read brother-in-law) asked me,... Read More

Marketing Your Business Online

As a business you can't afford to ignore the Internet... Read More

A Web Site for Your Small Business: How to Set Up a Website

Your web site will be your window to the world.... Read More

Now You Have a Web Site - Have You Ever Heard of Accessibility?

An accessible Web site is easily approached, easily understood, and... Read More

Do You And Your Website Have Credibility?

I recently received an unsolicited e-mail from some company offering... Read More

Lead Generation How to -- 10 Tips On Generating More Internet Sales Leads

Many millions of dollars are being wasted on promoting and... Read More

Conceptualize, Build and Publish a Web site

Conceptualize, Build and Publish a Web site - What's required... Read More

Your Biggest Mistake When You Create a Website?

--------------------------------Why Should You Create a website?--------------------------------A. What do you want... Read More

Get to Know People through Websites

Web sites are not just places to sell things; they... Read More

What ROI You Should Expect From Your Web Site

Is Your Web Site an Expense or an Investment?Why don't... Read More

How To Make Your Website More Successful? (Part I)

Building a website and getting it online is easy. Driving... Read More

Ten Quick Tests To Check Your Website For Accessibility

The Disability Discrimination Act says that websites must be made... Read More

The Number 1 Reason Most Websites Fail

Failure, just like success, is measured differently by each and... Read More

Business Website Building Do?s and Don?ts

First, using a lot of web graphics, flash, banners and... Read More

Five Reasons You Have to Stop Your Web Site

That's right. Your method, behavior and strategy you are now... Read More

Autoresponders Make You Look Like A Pro

People like to get immediate responses to requests. Autoresponders are... Read More

Create Huge Income From Your Web Site - 10 Easy Ways

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

Writing Effective ALT Text For Images

Anyone who knows anything about web accessibility knows that images... Read More

Creating Websites that Cater to Exam Preparations

One of the things that Internet excels is disseminating information... Read More

Should You Design Your Own Website?

If you're anything like most small business owners, you probably... Read More

Top 7 Tips for Building an Antique Car Website

Like wine cars get more attractive to collectors as years... Read More

How to Create Sizzling Sales online

"Don't Sell the Steak, Sell the Sizzle."Have you heard of... Read More

Direct Sales and Your Corporate Website - A Creative Marketing Plan that Works!

Creatively marketing your corporate site takes time in the set... Read More

Up The Sandbox!

Go to any internet marketing forum you want these days... Read More

Web Content: How Much Should I Pay?

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