View stunning SlideShares in full-screen with the new iOS app!Introducing SlideShare for AndroidExplore all your favorite topics in the SlideShare appGet the SlideShare app to Save for Later — even offline
View stunning SlideShares in full-screen with the new Android app!View stunning SlideShares in full-screen with the new iOS app!
What is CodeIgniter
CodeIgniter is an Application Development Framework - a toolkit - for people who build web
sites using PHP. Its goal is to enable you to develop projects much faster than you could if you
were writing code from scratch, by providing a rich set of libraries for commonly needed tasks,
as well as a simple interface and logical structure to access these libraries. CodeIgniter lets you
creatively focus on your project by minimizing the amount of code needed for a given task.
CodeIgniter Is Right for You if…
You want a framework with a small footprint.
You need exceptional performance.
You need clear, thorough documentation.
You are not interested in large-scale monolithic libraries.
You need broad compatibility with standard hosting.
You prefer nearly zero configuration.
You don't want to adhere to restrictive coding rules.
You don't want to learn another template language.
You prefer simple solutions to complexity.
You want to spend more time away from the computer.
Overview about HTML
HyperText Mark-up Language
HTML Is a mark-up language
It is use to create websites
HTML are compose of Element ex <html></html>, <p></p>, <article></article>
There are also empty Elements ex <br />, <hr />
A proper HTML page is compose of the html, doctype, head, title, meta and body element
Do not use capital letter on an HTML element
Not every HTML element is compatible with every browser, double check your work with all major browser
(Chrome, Firefox, EI, Safari, Opera) to check cross-browser compatibility. If not compatible make sure you have a
Overview of CSS
Cascading Style Sheet
It is use to design your websites
It can be stored as an External file
To assure cross-browser compatibility reset all html element of there styles such as margin, padding, font size, etc.
Use web browser rendering engine to eliminate problems with other browser ex. EI CSS-prefix: -msie, FireFox CSS-prefix:
-moz, Opera: CSS-prefix: -o, Safari and Chrome CSS-prefix: -webkit
How to use browser rendering engine:
-webkit-border-radius:5px, 5px, 5px, 5px;
Use em in font size rather than px
Not every style in CSS is compatible with every browser, double check your work with all major browser (Chrome,
Firefox, EI, Safari, Opera) to check cross-browser compatibility. If not compatible make sure you have a fallback ready.
Try to reproduce the Home page of travelinquirer.com.ph using HTML and CSS
1. Did you use proper HTML mark-up?
2. Did you use proper CSS script?
3. Is it uploaded to the web server
4. Is it compatible with all major browser?
◦ Mozilla FireFox
◦ Google Chrome
◦ Opera Mini
◦ Internet Explorer