Presentation Description

Introduction to web technologies


Presentation Transcript

Tech Talk : Web Technologies An OVERVIEW:

Tech Talk : Web Technologies An OVERVIEW By: Mr. Shehrevar Davierwala


Objective 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 website:

Some facts about website A 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 elements A page is composed of one or many sub-pages Choosing a name for each page Filling a page with one or many sub-pages Tech Talk 2016


Used Technologies HTML CSS JAVA SCRIPT PHP CMS Tech Talk 2016


HTML Hypertext 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


CSS Cascading 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 Technologies:

Used Technologies CCS Cascading Style Sheets (CSS): style sheet language used to describe the presentation of a html document. Define colors, fonts, layout, and other aspects of document Why CSS? more flexibility control the specification of presentational characteristics reduce complexity and repetition in the structural content. Tech Talk 2016


JAVA SCRIPT JavaScript ("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 Technologies:

Used Technologies Javascript JavaScript is a scripting language most often used for client-side. JS functions are embedded in HTML pages and interact with the Document Object Model (DOM) of the page Respond to user actions quickly, making an application feel more responsive Detect user actions which HTML alone cannot Tech Talk 2016

Used Technologies:

Used Technologies PHP recursive acronym for "PHP:Hypertext Preprocessor“ Widely-used Open Source scripting language Especially suited for Web development Used for producing dynamic web pages Can be embedded into HTML. PHP Personal Home Page (PHP) Tech Talk 2016

Used Technologies:

Used Technologies PHP includes a large number of free and open source libraries Real Object Oriented Programming Language Commonly install on Apache Server allow to interact with Database like Mysql PHP is mainly focused on server-side scripting PHP Hypertext Preprocessor Tech Talk 2016

Where does PHP fit ?:

Where does PHP fit ? Web Browser Internet or Intranet page Web HTTP Request Page Web page Web Server server Added functionality 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 Technologies Tech Talk 2016


Web-Client Web-Server PHP Script HTML-Form Submit Form Data Call PHP interpreter Response Response Web-Browser WWW Reply PHP - Communication client-server Used Technologies PHP generally runs on a web server, taking PHP code as its input and creating Web pages as output Tech Talk 2016

What's a content management system (CMS)? :

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 Development:

Drupal Development Drupal 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


Screenshot Tech Talk 2016


Tech Talk 2016


Wordpress Tech Talk 2016


Typo3 Tech Talk 2016

Used Technologies:

Used Technologies MySQL MySQL is a multithreaded, multi-user SQL database management system. Popular for web applications. Closely tied to PHP. Allow all sort of queries. PhpMyAdmin: friendly user interface to manage database develop on PHP. Tech Talk 2016


T he End… Thanks….. Tech Talk 2016

authorStream Live Help