Post on 21-Feb-2017
Tech Talk : Web Technologies An OVERVIEW
By: Mr. Shehrevar Davierwalahttp://www.trackdcode.com
https://www.facebook.com/trackdcode
Objective of LectureObjective of Lecture
• To introduce with the fundamentals of Web site creation practices by developing basic skills in HTML and CSS
• Provide the student an in-depth understanding of content management systems so as to be able to create and host modern websites
Tech Talk 2016
Some facts about websiteA classy lab website is always composed by the following types of elements:
• basic page• Lists of people – As list of supervisors, list of professors…• Lists of projects proposal • Lists of finished projects• Lists of links
• Certain pages contain several different elements1.A page is composed of one or many sub-pages
1.Choosing a name for each page2.Filling a page with one or many sub-pages
Tech Talk 2016
HTMLHypertext Markup Language, a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects on World Wide Web pages.
Tech Talk 2016
CSSCascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language.
Tech Talk 2016
Used TechnologiesUsed Technologies
CCS
1. Cascading Style Sheets (CSS): style sheet language used to describe the presentation of a html document.
2. Define colors, fonts, layout, and other aspects of document
3. Why CSS? • more flexibility • control the specification of presentational
characteristics• reduce complexity and repetition in the
structural content.
Tech Talk 2016
JAVA SCRIPTJavaScript ("JS" for short) is a full-fledged dynamic scripting language that, when applied to an HTML document, can provide dynamic interactivity on websites. It was invented by Brendan Eich, co-founder of the Mozilla project, the Mozilla Foundation, and the Mozilla Corporation.
Tech Talk 2016
Used TechnologiesUsed Technologies
Javascript
1. JavaScript is a scripting language most often used for client-side.
2. JS functions are embedded in HTML pages and interact with the Document Object Model (DOM) of the page
3. Respond to user actions quickly, making an application feel more responsive
4. Detect user actions which HTML alone cannot
Tech Talk 2016
Used TechnologiesUsed Technologies
1. PHP recursive acronym for "PHP:Hypertext Preprocessor“
2. Widely-used Open Source scripting language3. Especially suited for Web development4. Used for producing dynamic web pages5. Can be embedded into HTML.
PHP Personal Home Page (PHP)
Tech Talk 2016
Used TechnologiesUsed Technologies
1. PHP includes a large number of free and open source libraries
2. Real Object Oriented Programming Language3. Commonly install on Apache Server allow to interact
with Database like Mysql 4. PHP is mainly focused on server-side scripting
PHP Hypertext Preprocessor
Tech Talk 2016
Where does PHP fit ?
Web Browser
Internet orIntranet
page
Web
HTTPRequest
Page
Webpage
Web
Server
server
Addedfunction
ality
Client-side“Active pages”
JavaScript, VBScript,
Applet, ActiveX
Server-side“Dynamic
pages”CGI, SSI,
Server API, ASP, JSP, PHP,
COM/DCOM, CORBA
Active and dynamic page technology can be used together – server-side program generates customized active pages.
Used TechnologiesUsed Technologies
Tech Talk 2016
Web-Client Web-Server
PHPScript
HTML-Form SubmitForm Data
Call PHPinterpreter
Response Response
Web-Browser WWW
Reply
PHP - Communication client-server
Used TechnologiesUsed Technologies
PHP generally runs on a web server, taking PHP code as its inputand creating Web pages as output Tech Talk 2016
What's a content management system (CMS)?
A content management system is software that keeps track of every piece of content on your Website, much like your local public library keeps track of books and stores them.
Content can be simple text, photos, music, video, documents, or just about anything you can think of. A major advantage of using a CMS is that it requires almost no technical skill or knowledge to manage.
Since the CMS manages all your content, you don't have to.
Tech Talk 2016
Drupal DevelopmentDrupal is a robust and flexible open source content management system that is easy to use and very extensible.
Renowned for its reliability and suitability for a wide range of sectors, Drupal has been adopted by leading organisations all over the world including The White House, The Economist and Royal Mail.
Tech Talk 2016
Used TechnologiesUsed Technologies
MySQL
1. MySQL is a multithreaded, multi-user SQL database management system.
2. Popular for web applications.3. Closely tied to PHP.4. Allow all sort of queries.5. PhpMyAdmin: friendly user interface to
manage database develop on PHP.Tech Talk 2016