1. Perennial System By: Prashant Walke
Seminar On
• Responsive web designing
•Cross browser compatibility, Firebug
•Payment gateways (Paypal, Authorize.net, credit
card)
•Content management systems
2. Index
Responsive web designing
Cross browser compatibility
Firebug
Payment gateways (Paypal, Authorize.net, credit card)
Content management systemsArchitecture of SEO
3. Responsive web designing
Responsive Web Design is a best way to optimize website
viewing in different kind of devices such as desktop, tablet,
mobile etc. This kind of website get more traffic compare to
other websites. Responsive website dynamically reduce
website size and increase website loading speed for various
devices.
In Responsive webdesign, CSS Style sheet contain @media
query to change rules and sizes based on various devices.
Example: @media only screen and (max-width: 600px) { .. }
[for smart phones]
@media only screen and (min-width: 992px) {..} [for
desktops]
3
4. Cross browser compatibility
Cross-browser compatible Compatible with all major browsers available
During the creation of a website — especially if your aim to make its
structure responsive — one of the most important and frequent problems
that a web designer has to face involves cross-browser compatibility, that is,
compatibility across different browsers.
Web developers must test and adapt their sites to work with multiple
browsers. For example, if a certain page looks fine in Firefox, but does not
show up correctly in Internet Explorer, the developer may change the
formatting so that it works with Internet Explorer
The goal with cross-browser compatibility is to make your site viewable in
the major browsers available and have the pages render correctly.when a
website is developed for multiple browsers, it is called a cross-browser
website.
4
5. Cross browser compatibility
Create a cross-browser compatible website:
Use only standard compliant coding.
Don’t use browser specific (proprietory) HTML tags and features.
These only work in the browser they were created for and may even break your
web page when viewed in another browser.
Validate your web pages.
Validate your HTML/XHTML coding using the W3C free validation service
Validate your cascading style sheets using the W3C free validation service
5
6. Cross browser compatibility
The largest problem is that media queries do not work with older browsers.
Consequently, a responsive web page with many CSS3 rules applied can be seen
correctly only by those who have recently-updated browsers with strong CSS3 support.
Fortunately, there are some JavaScript solutions that can help us serve responsive
websites to older browsers lacking CSS3 support:
Respond.js,
Modernizr,
adaptive.960.js
6
7. Firebug
Firebug integrates with Firefox to put a wealth of web development tools at your
fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and
JavaScript live in any web page
7
8. Payment gateways
PayPal is a Web-based application for the secure transfer of funds between
member accounts. It doesn't cost the user anything to join PayPal or to send
money through the service, but there is a fee structure in place for those
members who wish to receive money. PayPal relies on the existing
infrastructure used by financial institutions and credit card companies and
uses advanced fraud prevention technologies to enhance the security of
transactions.
Authorize.Net is a payment gateway service provider
allowing merchants to accept credit card and electronic check payments
through their Web site
8
9. Content management systems
A content management system (CMS) is a computer
application that allows publishing, editing and
modifying content, organizing, deleting as well as maintenance
from a central interface
CMSs are often used to run websites containing blogs, news,
and shopping. Many corporate and marketing websites use
CMSs.
9