Home Accessibility Courses Twitter The Mouth Facebook Resources Site Map About Us Contact
 
For 2023 (and 2024 ...) - we are now fully retired from IT training.
We have made many, many friends over 25 years of teaching about Python, Tcl, Perl, PHP, Lua, Java, C and C++ - and MySQL, Linux and Solaris/SunOS too. Our training notes are now very much out of date, but due to upward compatability most of our examples remain operational and even relevant ad you are welcome to make us if them "as seen" and at your own risk.

Lisa and I (Graham) now live in what was our training centre in Melksham - happy to meet with former delegates here - but do check ahead before coming round. We are far from inactive - rather, enjoying the times that we are retired but still healthy enough in mind and body to be active!

I am also active in many other area and still look after a lot of web sites - you can find an index ((here))
Six languages in one file - an HTML++ web page

Web pages that really do something - rather than just feeding out identical information to all visitors - may have a lot of elements to them. Although you may be told "that's written in PHP", "that's Java" or "we use Ruby [on rails]", there are actually many more elements.

Your PHP (or Java / Ruby / Perl / Python ...) elements are just the programming component in which much of the logic will be written. But you'll have other elements too ... here's a more complete "checklist" for you of what you may find within a single "web page" file in what I'll call "HTML++":

HTML - The Markup language for the web page itself. Showing which elements are headlines, which are bold, what the page title, where there are tables and rulings and much more.

PHP - Server Side code. This is the program logic that runs of the server - controlling how form elements and other data are combined to produce the required data to be sent to the browser.

Natural Language - For the user! The English (or Welsh, Spanish or Hungarian) text which will be displayed on the user's screen to provide him with the information that's he's requested.

JavaScript - Client side code. Program elements which are run within the user's browser, for tasks such as checking for valid inputs / helping with suggestions of how to complete words as (s)he types.

CSS - Cascading Style Sheets. The look and feel of page - telling the browser which font it's to use (and colour and size ...) for headlines and body text, and much more.

SQL - Structured Query Language. Embedded within the programming elements, you'll often find this further language which describes how data is to be extracted from the databases on the sever for inclusion in the web page.

All of those elements listed above are often found within a single file - although it's good practise to separate the elements as far as practical so that each can be looked after by an expert in that particular facet - a programmer looking after the PHP code, and a Graphic Designer the CSS. That separation also means that the program logic can be changed without effecting the look and feel, and that the page may be given a "new paint job" without fear of breaking the programs behind it.

But there are further elements too that may be used within a web page - either called up from within the page while the PHP interprets the data, or by a "callback" from the browser when it finds that the HTML it receives calls up something else.

Those extra callups by the browser may include:

• Images - pictures to be included in a web page are downloaded from the server as separate files - the most common formats being .jpg .gif and .png; by having them as separate files, it means that the browser can store an image such as a logo an re-use it on many pages - efficient. It also means that the web site development and maintenance teams can separate the text from the graphics as they look after the site - using the best edit tools for each rather than needing some all-dancing monolith.

• Icon - the file usually called favicon.ico which provides the thumbnail logo that's used in bookmarks, location bars, etc

• Style Sheet files - a commonly shared look and feel that's used as the basis of many / most / all pages on the site

• JavaScript files - programming elements for use on the browser ("client side") that are shared between a number of pages of your site will often be stored in a separate file that the browser will request.

• Flash, Movies, Applets - More (or less) dynamic elements that run "sandboxed" into a frame within a window on the browser, through an appropriate plugin.

And the other server elements outwith the HTML itself may include:

• httpd.conf and .htaccess - files that control how web servers map requested URLs to actual documents or programs held on the web server, and how those programs are then run.

• headers - controls that are sent out to the browser ahead of the content, giving such information as whether the browser is to cache or store the page, whether the image is compressed, status codes, full page name, etc.

I started putting an example with just the first couple of these shown [here] (run it [here]) during yesterday's PHP introduction. The script is no more than a "hello world", but it helps to be aware of all the various elements even at this early stage.
(written 2010-08-10, updated 2010-08-20)

 
Associated topics are indexed as below, or enter http://melksh.am/nnnn for individual articles
Q625 - Object Orientation and General technical topics - HTML for Web Application Authors
  [2246] What difference does using the XHTML standard really make? - (2009-06-18)


Back to
Predictions for the seagull population
Previous and next
or
Horse's mouth home
Forward to
Older picture.
Some other Articles
Upload Image, Store in database, redisplay in browser. PHP and MySQL
Testing the robustness of our hotel and training systems - holiday and sickness times
Looking up a value by key - associative arrays / Hashes / Dictionaries
Older picture.
Six languages in one file - an HTML++ web page
Predictions for the seagull population
Feeding the Grockles
Robust - testing the system
Be gentle rather than macho ... regular expression techniques
How Green is my train?
4759 posts, page by page
Link to page ... 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 86, 87, 88, 89, 90, 91, 92, 93, 94, 95, 96 at 50 posts per page


This is a page archived from The Horse's Mouth at http://www.wellho.net/horse/ - the diary and writings of Graham Ellis. Every attempt was made to provide current information at the time the page was written, but things do move forward in our business - new software releases, price changes, new techniques. Please check back via our main site for current courses, prices, versions, etc - any mention of a price in "The Horse's Mouth" cannot be taken as an offer to supply at that price.

Link to Ezine home page (for reading).
Link to Blogging home page (to add comments).

You can Add a comment or ranking to this page

© WELL HOUSE CONSULTANTS LTD., 2024: 48 Spa Road • Melksham, Wiltshire • United Kingdom • SN12 7NY
PH: 01144 1225 708225 • EMAIL: info@wellho.net • WEB: http://www.wellho.net • SKYPE: wellho

PAGE: http://www.wellho.net/mouth/2913_Six ... -page.html • PAGE BUILT: Sun Oct 11 16:07:41 2020 • BUILD SYSTEM: JelliaJamb