Introduction to web technology for beginners

1. Tech Talk : Web Technologies
An OVERVIEW
By: Mr. Shehrevar Davierwala
http://www.trackdcode.com
https://www.facebook.com/trackdcode

2. 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

3. 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
1.A page is composed of one or many sub-pages
1. Choosing a name for each page
2. Filling a page with one or many sub-pages
Tech Talk 2016

4. Used TechnologiesUsed Technologies
HTML
CSS
JAVA SCRIPT
PHP
CMS
Tech Talk 2016

5. HTML
Hypertext Markup Language, a standardized system for tagging text
files to achieve font, colour, graphic, and hyperlink effects onWorld
WideWeb pages.
Tech Talk 2016

6. 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

7. 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

8. 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

9. 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

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

11. Used TechnologiesUsed Technologies
1. PHP includes a large number of free and open source libraries
2. Real Object Oriented Programming Language
3. 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

12. Where does PHP fit ?
Web Browser
Internet or
Intranet
page
Web
HTTP
Request
Page
Web
page
Web
Server
server
Added
function
ality
Added
function
ality
Client-side
“Active pages”
JavaScript, VBScript,
Applet, ActiveX
Server-side
“Dynamic pages”
CGI, SSI, Server
API, ASP, JSP, PHP,
COM/DCOM,
CORBAActive and dynamic page technology
can be used together – server-side
program generates customized active
pages.
Used TechnologiesUsed Technologies
Tech Talk 2016

13. 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 TechnologiesUsed Technologies
PHP generally runs on a web server, taking PHP code as its input
and creating Web pages as outputTech Talk 2016

14. 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

15. 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

16. Screenshot
Tech Talk 2016

17. Tech Talk 2016

18. Wordpress
Tech Talk 2016

19. Typo3
Tech Talk 2016

20. 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

21. TThe End…he End…
Thanks…..
Tech Talk 2016