Upload
prashant-walke
View
7
Download
0
Embed Size (px)
Citation preview
Perennial System By: Prashant Walke
Seminar On
• Responsive web designing
• Cross browser compatibility, Firebug
• Payment gateways (Paypal, Authorize.net, credit card)
• Content management systems
Index Responsive web designing
Cross browser compatibility
Firebug
Payment gateways (Paypal, Authorize.net, credit card)
Content management systemsArchitecture of SEO
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
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
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
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
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
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
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
Thanks….
Any query…..
10