CodeIgniter
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
NOTE:
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
fallback ready.
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
NOTE:
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.
Uploading your website in the
web server
Activity
Try to reproduce the Home page of travelinquirer.com.ph using HTML and CSS
Checklist:
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
◦ Safari
◦ Opera Mini
◦ Internet Explorer

Code igniter

  • 1.
  • 2.
    What is CodeIgniter CodeIgniteris 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.
  • 3.
    CodeIgniter Is Rightfor 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.
  • 4.
    Overview about HTML HyperTextMark-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 NOTE: 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 fallback ready.
  • 5.
    Overview of CSS CascadingStyle 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 NOTE: 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.
  • 6.
    Uploading your websitein the web server
  • 7.
    Activity Try to reproducethe Home page of travelinquirer.com.ph using HTML and CSS
  • 8.
    Checklist: 1. Did youuse 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 ◦ Safari ◦ Opera Mini ◦ Internet Explorer