Web System & Technology

Slides:



Advertisements
Similar presentations
Bootstrap & CSS James Kahng. Intro Websites require a lot of upfront setup to look passably good (HTML base, CSS style, etc.) Because of this, people.
Advertisements

1 CS428 Web Engineering Lecture 18 Introduction (PHP - I)
FUNCTIONS AND STORED PROCEDURES & FUNCTIONS AND PROTECTING A DB AND PHP (Chapters 9, 15, 18)
Array & Foreach อาร์เรย์และคำสั่งวนลูป. Content 1. Definition and Usage 2. Syntax 3. print_r() Statement 4. For and Foreach 5. Array Functions.
הרצאה 4. עיבוד של דף אינטרנט דינמי מתוך Murach’s PHP and MySQL by Joel Murach and Ray Harris.  דף אינטרנט דינמי משתנה עפ " י הרצת קוד על השרת, יכול להשתנות.
CHAPTER 7 Introduction to PHP5 Part II อ. ยืนยง กันทะเนตร คณะเทคโนโลยีสารสนเทศและการสื่อสาร มหาวิทยาลัยพะเยา 1.
Lab 4: Bootstrap and Responsive Design User Interface Lab: GUI Lab Sep. 16 th, 2014.
Bootstrap by:- Vignesh Dhamodaran. What is Bootstrap? Originally created by a designer and a developer at Twitter. So initial name is Twitter Bootstrap.
 A PHP script can be placed anywhere in the document.  A PHP script starts with  The default file extension for PHP files is ".php".  A PHP file normally.
8 th Semester, Batch 2009 Department Of Computer Science SSUET.
 Variables can store data of different types, and different data types can do different things.  PHP supports the following data types:  String  Integer.
 An HTML, CSS, Javascript framework you can use as a basis for creating web sites  Uses CSS settings, fundamental HTML elements styled and enhanced.
 An array stores multiple values in one single variable.  Example: Output: I like Honda Civic, BMW and Toyota.
Browser Compatibility Testing, using different browsers Conditional Statements.
A gentle introduction to Bootstrap MIS 3502, Spring 2016 Jeremy Shafer Department of MIS Fox School of Business Temple University 2/18/
PHP Tutorial. What is PHP PHP is a server scripting language, and a powerful tool for making dynamic and interactive Web pages.
INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.
A gentle introduction to Bootstrap TDAP Jeremy Shafer Department of MIS Fox School of Business Temple University Spring
PHP using MySQL Database for Web Development (part II)
Front-end framework 1.
Bootstrap L. Grewe.
Web Systems & Technologies
Bootstrap KS Technologies.
CSCI 1720 W3.CSS – Part 1 East Tennessee State University Department of Computing CSCI 1720 Intermediate Web Design.
CNIT131 Internet Basics & Beginning HTML
Cookies, Sessions, Bootstrap
Bootstrap 3 SoftUni Team Technical Trainers Software University
Style Sheets.
PHP MySQL Crash Course with HTML CSS
Twitter Bootstrap Grid System
CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr
A gentle introduction to Bootstrap
CSS Bootstrap.
Website implementation
Front-End Framework for Responsive Web Sites
COLLECTION OF FREE BOOTSTRAP THEMES AND TEMPLATES
>> Header & Footer in CSS
>> PHP: Arrays.
Introduction to Web programming
PHP (PHP: Hypertext Preprocessor)
>> PHP: HTML Integration
DHTML tidbits.
Bootstrap A popular HTLM, CSS, and JS framework for developing responsive, mobile first projects on the web.
8th Semester, Batch 2008 Department of Computer Science SSUET.
CS3220 Web and Internet Programming Introduction to Bootstrap
Bootstrap響應式網頁設計 (Responsive Web Design, RWD)
Web System & Technology
Revision.
Ch. 3. PHP (이 강의 내용의 대부분 예들은 w3schools. com/php/default
Bootstrap Topics What is bootstrap? Documentation
Objectives Create a reset style sheet Explore page layout designs
Web Systems Development (CSC-215)
Introduction to Web programming
DHTML tidbits.
A gentle introduction to Bootstrap
PHP Function.
Responsive Web Design and Bootstrap
Embedded PHP in HTML 5 & Strings in PHP
DHTML tidbits.
Responsive Grid Layout with Bootstrap
Chapter 2 Bootstrap Grid System
CSS and Bootstrap MIS 2402 Jeremy Shafer Department of MIS
CSS and Bootstrap MIS 3502 Jeremy Shafer Department of MIS
Responsive Web Design and Bootstrap
ხელმძღვანელი: დიმიტრი ქარაული
Bootstrap Direct quote from source: bootstrap/
Multiple Columns By Derek Peacock
Bootstrap/WebFlow Web development of the future
PHP Array.
SEEM 4540 Tutorial 4 Basic PHP based on w3Schools
Presentation transcript:

Web System & Technology Best Professional Development Institute Prepared by Ali Saeed

Bootstrap Bootstrap is most popular HTML, CSS and JS framework to develop responsive website.

Get Bootstrap You can download bootstrap from http://getbootstrap.com/ Or you can use following link <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0- beta.2/css/bootstrap.min.css" integrity="sha384- PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">

Bootstrap Grid System It divides the whole page into 12 columns <div class=“container”> <div class=“row”> <div class=“col-md-4”></div> <div class=“col-md-2”></div> <div class=“col-md-6”></div> </div> We might also use <div class=“col-md-6 col-xs-12”></div>

Bootstrap Grid System

PHP Built in Functions strlen("Hello world!") //output is 12 Print_r (file("test.txt")); // read text file echo strpos(“University of Lahore",“of"); //return position of the word Is_int($x)// return 0 or 1. if $x is integer then it return 1 otherwise 0. Is_string($x) //return 0 or 1. if $x is string then it return 1 otherwise 0. In_array(“Word”,$x)// return 0 or 1. if word is in array $x then it return 1 otherwise 0. Example of if statement: <?php $t = date("H"); if ($t < "20") {     echo "Have a good day!"; } ?>

Arrays in PHP <?php $cars = array("Volvo", "BMW", "Toyota"); echo "I like " . $cars[0] . ", " . $cars[1] . " and " . $cars[2] . "."; ?> <?php $age = array("Peter"=>"35", "Ben"=>"37", "Joe"=>"43"); echo "Peter is " . $age['Peter'] . " years old."; ?>

Thanks