How Websites work and how to easyly create your own

Slides:



Advertisements
Similar presentations
Freelancing with Website Development
Advertisements

Content Management, Working with WordPress Pavel Ivanov Telerik Corporation
Content Management, Working with WordPress Svetlin Nakov Telerik Corporation
Creating Wordpress Plugins. Who is Here? PHP GTA Meetup Wordpress Toronto Meetup East Toronto Web Design Meetup.
Kick start your career with WordPress
Content Management, Working with WordPress Svetlin Nakov Telerik Corporation
Joomla and Wordpress Tyler Phillips. Joomla Joomla is an award-winning content management system (CMS), which enables you to build Web sites and powerful.
UWWD In our quest to eliminate bad websites, we present…. HALLELUJAH!!
What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.
What is Wordpress?  WordPress has a web template processor. Users can re-arrange widgets without editing PHP of HTML code; they can also install and.
Build a CMS Website. The topics this chapter covers are: What is CMS ? What you can do with CMS The benefits and disadvantages of using a content management.
WHAT IS PHP PHP is an HTML-embedded scripting language primarily used for dynamic Web applications.
Web Content Management Systems. Lecture Contents Web Content Management Systems Non-technical users manage content Workflow management system Different.
Joomla!. What is Joomla! Joomla! is the largest Open Source Content Management System (CMS) for publishing on the World Wide Web Using a CMS allows non-technical.
WordPress Web. WordPress Blogging system with full content management Personal publishing system Built on PHP scripting language and MySQL relational.
CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.
 Computer Information System Club focused on the understanding and applied learning of web development.  The club was founded in April 5,  We.
Joel Bapaga on Web Design Strategies Technologies Commercial Value.
Web Design: HTML & CSS Lauren Lewis Mauricio Gomez.
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
WordPress ® in simple terms WordPress is a free and open source blogging tool and a content-management system (CMS) based on PHP and MySQL, which runs.
Styling and theming Build campaigns in style. What we'll look at... How a web document is structured How HTML and CSS fit together Tools you will need.
HTML CSS JAVASCRIPT. HTML - Stands for Hyper Text Markup Language HTML is a ‘language’ that describes web pages. This language is a collection of codes.
How the Web Works Digital Histories Workshop Adam Crymble.
1Computer Sciences Department Princess Nourah bint Abdulrahman University.
George Gonsalves.  Free and lightweight web development tool.  Create, publish, and maintain your website  Optimized for Open Source  Designed for.
Sample School Website. What is wrong with the existing School Webspace Site? Can only host static pages – no dynamic content possible. Can not be edited.
Nexevo Technologies Web Design Company Bangalore
 Computer use language to communicate  A web browser will read these tags and translate it into what you actually see  Viewing Code of ESPN WebsiteESPN.
WORDPRESS IS IT EASY FOR ME ?. WHY should I use WordPress ?
PHP Introduction PHP is a server-side scripting language.
Asstt. Prof Sonia Sharma Computer Dept 1 HTML ( Hypertext MarkUP Language ) HTML is the lingua franca for publishing hypertext on the World Wide Web.
 To start using PHP, you can:  Find a web host with PHP and MySQL support  Install a web server on your own PC, and then install PHP and MySQL.
 Before you continue you should have a basic understanding of the following:  HTML  CSS  JavaScript.
Intro to APACHE, MySQL, and PHP & freely available (hackable) Packages Aonghus Sugrue 04 Oct 2012.
Content Management Systems. Agenda Week overview Web-page basics The why and what of CMS Typo3.
Basic Steps to create a Website using HTML5. Hypertext Markup Language.
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Chapter 13 A & B Programming Languages and the.
CSE3310: Web training A JumpStart for Project. Outline Introduction to Website development Web Development Languages How to build simple Pages in PHP.
1/7/2016www.infocampus.co.in1. 1/7/2016www.infocampus.co.in2 Web Development training gives you and all-round training in both the design and the development.
Week-10 (Lecture-1) Web Building STEPS OF BUILDING: create web pages using HTML add a consistent style using CSS add computer code using JavaScript add.
Creating a website. What you should learn HTML HyperText Markup Language Basic structure of your web.
99 Professionals C22/30, Sector 57, Noida, Uttar Pradesh TOLL FREE
Expertsfromindia for Joomla Development. Introduction Joomla is an open source and free content management system (CMS) for publishing content on the.
Presentation by Giorgos Theodoridis. WordPress is a free web software you can use to create a beautiful website, blog, or app, (CMS) based on PHP and.
Equipment and Help Call Management System (EHCMS) PresentedBy Kevin Hsu 3/13/2003.
Web Basics: HTML/CSS/JavaScript What are they?
Visual Classification of Football Teams
Blogging together 1st Vocational School - 1st Laboratory Center
Project 1 Introduction to HTML.
Introduction to Dynamic Web Programming
Chapter 1 Introduction to HTML.
Introduction to Website Creation in sphb K200
What is a Blog? short for Weblog journal on a website
WordPress “WordPress is a free and open source blog publishing application.” Christina Vasileiou Database management system.
Developing Web-Based Applications
Markup Languages -Use codes, called tags, to provide instructions about formatting and structure of a website HTML (Hypertext Markup Language) Must be.
APTECH JANAKPURI INSTITUTE PROVIDING WEB DESIGNING COURSES Address:- J-1,2nd Floor, Opp Metro Pillar No – 559, Janakpuri East, Delhi /42.
PHP + Oracle = Data-Driven Websites
Build a WordPress theme from HTML5 template
Test 1 Review Website Basics, HTML, CSS
Mozafar Bag-Mohammadi
Wordpress test.cs.edinboro.edu.
WEB DESIGNING THROUGH HTML
Technical and Non Technical
Markup Languages -Use codes, called tags, to provide instructions about formatting and structure of a website HTML (Hypertext Markup Language) Must be.
Client-Server Model: Requesting a Web Page
One Set of Styles Connected to As Many Pages as You Want!!!
Wordpress.
Web Application Development Using PHP
Presentation transcript:

How Websites work and how to easyly create your own

Index create own websites without knowledge How a Website Work structure 1 frontend - html 2 frontend - css 3 front/Back-end php 4 backend js 5 backend mysql 6 websoftware 1 7 wordpress 2 8 themes 3 9 plugins 4 10 templates 5 11 envato 6 12

Structure 2 1 3 Adress of the website =Domain(domain.de…) IP-adress (98.25.65.79…) =adress of the IP Content on the website = files on the server with the IP from 1 and 2 (html,php,css….) Index.php/html = startpage 3

Frontend - html Shortcode for „Hyper Text Markup Language“ working with tags Language for the content of the website

Frontend - css Shortcode for „Calculate Style Sheet“ Language to integrate a structure in a html/php file Extern file

Front/Back-end php Shortcode for „ Hypertext Preprocessor“ scriptlanguage for websites combine html with instructions

Backend js shortcode for „javascript“ program language is used in html to implement programs

Backend mysql database-program get used in php and js phpmyadmin is a program for working with mysql

websoftware wordpress, joomla, webspell,… are a easy possiblity to create websites no knowledge of html, php neccesary many possibilities caused by many developer themes, plugins or whole templates

themes change the layout with themes many thousand themes free and to install over the backend many developers create themes free or commercial and publish them on wordpress or on other websites like envato

wordpress frontend backend

plugins bbPress / forum-plugin possibilty to build any type of websites with plugins implement options for front- and backend over 45.000 plugins for wordpress only on the wordpress site

templates commercial template blackfyre templates are a possibilty to use good wordpress sites for the own site themes ofteh combined with plugins many sites earn money with selling templates

envato – marketplace for themes and more many publisher sell their products on envato 9 million products extensions for websoftware