DocumentATION Msoffice

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION
CERTIFICATE
This is to certify that a project on THE WEB SITE
ON INFORMIX INSTITUTE OF COMPUTER EDUCATION has
been carried out by under our supervision and direct guidance.
We are absolutely satisfied with her dissertation on the
projects, which is presented in the Department of Computer
Managemant, Swami Vivekanad College, Amgaon during
the academic year 2014-2015.
This work is in partial fulfillment of the Degree of
Bachelor of Commerce with Computer Application PartIII Rashtrasant Tukdoji Maharaj Nagpur University,
Nagpur. This is the original work done by the under the
Supervision and Guidance of Prof. M. U. Gajbhiye and have
undergone the requisite hour prescribed by the University for
Project Work.
Place: - Amgaon
Date: - ..
PROJECT GUIDE AND COORDINATOR
Prof. M. U. Gajbhiye
Swami Vivekanad College,
Amgaon
..
Internal Examiner
External Examiner
Page 1
ACKNOWEDGEMENT
We are gratefully acknowledged to Dr. N. C. Bhure,
Swami Vivekanad College,
Amgaon for giving us the
opportunity to undergo the project work.
We are highly grateful to Prof. S. M. Dhole, Co-ordinate
of Department of Computer Management, Swami
Vivekanad College, Amgaon for evincing keen interest,
constant encouragement, precious guidance at every stage of
this project work.We wish to express our sense of gratitude and
heart full thanks to Prof. M. U. Gajbhiye who has guided us
properly and given constructive suggestion in completion of our
project work.
Our acknowledgement would be incomplete if we fail to
mention the continuous encouragement and moral support
given by our department staff member and classmates.
Place: Amgaon
Date:
Submitted by:Chandankumar
B.
Raut
Ashish S. Rahagdale
Sachin V. Ujawane
Page 2
DECLARATION
We hereby declare that the project entitled THE WEB
SITE
ON
INFORMIX
INSTITUTE
OF
COMPUTER
EDUCATION submitted for the B. Com (Computer Application)

Final Year is our original work and the project has not formed
the basis for the award of any other degree, associate ship,
fellowship or any other similar titles.
Place: Amgaon
Date:
Signature of the Student
Chandankumar
B.
Ashish S. Rahagdale
Sachin V. Ujawane ..
Page 3
Raut
..
INDEX
SR NO
TOPIC
PAGE NO
Introduction
PAGE NO
Web publication
System Analysis
17
Feasibility study
18
Technical feasibility study
19
Economical Feasibility study
19
Oprational feasibility study
19
Shedule Feasibility study
19
Web Design & Development
19
10
Software & Hardware Requirement Specification
20
11
Coding
27
12
Code Efficiency
29
13
Optimisation of code
41
14
Implementation & Maintaince
42
15
Code Estimation of project
54
16
Gannit chart
55
17
Appendix
56
18
Future code & enhancement of report
117
Page 4

19
Bibliography
125
INTRODUCTION
History
In 1990 Tim Berners-Lee created the first World Wide Web server and browser.[1] It opened
for commercial use in 1991 . In 1994 other advances took place, such as online banking and
the opening of an online pizza shop by Pizza Hut. During that same year, Netscape
introduced SSL encryption of data transferred online, which has become essential for secure
online shopping. Also in 1994 the German company Intershop introduced its first online
shopping system. In 1995 Amazon launched its online shopping site, and in 1996 eBay
appeared.
Customers
Online customers must have access to a computer and a method of payment.
In general, higher levels of education, income, and occupation of the head of the household
correspond to more favorable perceptions of non-store shopping. Also, increased exposure to
technology increases the probability of developing favorable attitudes towards new shopping
channels.
In a December 2011 study Equation Research found that 87% of tablet users made an online
transaction with their tablet device during the early holiday shopping season.
Logistics
Consumers find a product of interest by visiting the website of the retailer directly or by
searching among alternative vendors using a shopping search engine.
Page 5

Once a particular product has been found on the web site of the seller, most online retailers
use shopping cart software to allow the consumer to accumulate multiple items and to adjust
quantities, like filling a physical shopping cart or basket in a conventional store. A
"checkout" process follows (continuing the physical-store analogy) in which payment and
delivery information is collected, if necessary. Some stores allow consumers to sign up for a
permanent online account so that some or all of this information only needs to be entered
once. The consumer often receives an e-mail confirmation once the transaction is complete.
Less sophisticated stores may rely on consumers to phone or e-mail their orders (though
credit card numbers are not accepted by e-mail, for security reasons).
Payment
Online shoppers commonly use a credit card to make payments, however some systems
enable users to create accounts and pay by alternative means, such as:
Billing to mobile phones and landlines
Cash on delivery (C.O.D., offered by very few online stores)
Cheque/ Check
Debit card
Direct debit in some countries
Electronic money of various types
Gift cards
Postal money order
Wire transfer/delivery on payment

Some sites will not accept international credit cards, some require both the purchaser's billing
address and shipping address to be in the same country in which site does its business, and
still other sites allow customers from anywhere to send gifts anywhere. The financial part of
a transaction might be processed in real time (for example, letting the consumer know their
credit card was declined before they log off), or might be done later as part of the fulfillment
process.
Product delivery
Once a payment has been accepted the goods or services can be delivered in the following
ways.
Page 6
Downloading: This is the method often used for digital media products such as
software, music, movies, or images.
Drop shipping: The order is passed to the manufacturer or third-party distributor, who
ships the item directly to the consumer, bypassing the retailer's physical location to save time,
money, and space.
In-store pickup: The customer orders online, finds a local store using locator software
and picks the product up at the closest store. This is the method often used in the bricks and
clicks business model.
Printing out, provision of a code for, or emailing of such items as admission tickets
and scrip (e.g., gift certificates and coupons). The tickets, codes, or coupons may be
redeemed at the appropriate physical or online premises and their content reviewed to verify
their eligility (e.g., assurances that the right of admission or use is redeemed at the correct
time and place, for the correct dollar amount, and for the correct number of uses).
Shipping: The product is shipped to the customer's address or that of a customerdesignated third party.
Will call, COBO (in Care Of Box Office), or "at the door" pickup: The patron picks
up pre-purchased tickets for an event, such as a play, sporting event, or concert, either just
before the event or in advance. With the onset of the Internet and e-commerce sites, which
allow customers to buy tickets online, the popularity of this service has increased.
Shopping cart systems
Simple systems allow the offline administration of products and categories. The shop
is then generated as HTML files and graphics that can be uploaded to a webspace. These
systems do not use an online database.
A high end solution can be bought or rented as a standalone program or as an addition

to an enterprise resource planning program. It is usually installed on the company's own
webserver and may integrate into the existing supply chain so that ordering, payment,
delivery, accounting and warehousing can be automated to a large extent.
Other solutions allow the user to register and create an online shop on a portal that
hosts multiple shops at the same time.
Page 7
Open source shopping cart packages include advanced platforms such as Interchange,
and off the shelf solutions as Avactis, Satchmo, osCommerce, Magento, Zen Cart,
VirtueMart, Batavi and PrestaShop.
Commercial systems can also be tailored to one's needs so the shop does not have to
be created from scratch. By using a pre-existing framework, software modules for various
functionalities required by a web shop can be adapted and combined.
Online shopping
Like many online auction websites, many websites allow small businesses to create and
maintain online shops (ecommerce online shopping carts), without the complexity that
involved in purchasing and developing an expensive stand alone ecommerce software
solutions.
Design
Customers are attracted to online shopping not only because of the high level of convenience,
but also because of the broader selection, competitive pricing, and greater access to
information. Business organizations seek to offer online shopping because it is much lower
cost compared to bricks and mortar stores, offers access to a world wide market, increases
customer value and builds sustainable capabilities.
Information load
Designers of online shops are concerned with the effects of information load - whether
consumers can be given too much information in virtual shopping environments. Information
load is a product of the spatial and temporal arrangements of stimuli in the webstore. [9]
Compared with conventional retail shopping, the information environment of virtual
shopping is enhanced by providing additional product information such as comparative
products and services as well as various alternatives and attributes of each alternative, etc.
Two major dimensions of information load are complexity and novelty. Complexity refers to
the number of different elements or features of a site, often the result of increased
information diversity. Novelty involves the unexpected, suppressed, new, or unfamiliar
aspects of the site. The novelty dimension may keep consumers exploring a shopping site,
whereas the complexity dimension may induce impulse purchases.
Consumer needs and expectations

Page 8

A successful webstore is not just a good looking website with dynamic technical features,
listed in many search engines. In addition to disseminating information, it is about building
relationships and making money.
Businesses often attempt to adopt online shopping techniques without understanding them
and/or without a sound business model, producing webstores that support the organizations'
culture and brand name without satisfying consumer's expectations. User-centered design is
critical. Understanding the customer's wants and needs and living up to promises gives the
customer a reason to come back and meeting their expectations gives them a reason to stay. It
is important that the website communicates to the customer that the company cares about
them.[12]
Customer needs and expectations are not the same for all customers. Age, gender, experience,
culture are all important factors. For example, Japanese cultural norms may lead users there
to feel privacy is especially critical on shopping sites and emotional involvement is highly
important on financial pensions sites. Users with more online experience focus more on the
variables that directly influence the task, while novice users focus on understanding the
information.
To increase online purchases, businesses must expend significant time and money to define,
design, develop, test, implement, and maintain the webstore. It is easier to lose a customer
then to gain one and even "top-rated" sites will not succeed if the organization fails to
practice common etiquette such as returning e-mails in a timely fashion, notifying customers
of problems, being honest, and being good stewards of the customers' data. Because it is
important to eliminate mistakes and be more appealing to online shoppers, many webshop
designers study research on consumer expectations.
Market share
E-commerce B2C product sales totaled $142.5 billion, representing about 8% of retail
product sales in the United States. The $26 billion worth of clothes sold online represented
about 13% of the domestic market, and with 72% of women looking online for apparel, it has
become one of the most popular cross-shopping categories. Forrester Research estimates that
the United States online retail industry will be worth $279 billion in 2015.
Page 9

For developing countries and low-income households in developed countries, adoption of ecommerce in place of or in addition to conventional methods is limited by a lack of
affordable Internet access.
Advantages
Convenience:
Online stores are usually available 24 hours a day, and many consumers have Internet access
both at work and at home. Other establishments such as internet cafes and schools provide
access as well. A visit to a conventional retail store requires travel and must take place during
business hours.
In the event of a problem with the item it is not what the consumer ordered, or it is not what
they expectedconsumers are concerned with the ease with which they can return an item
for the correct one or for a refund. Consumers may need to contact the retailer, visit the post
office and pay return shipping, and then wait for a replacement or refund. Some online
companies have more generous return policies to compensate for the traditional advantage of
physical stores. For example, the online shoe retailer Zappos.com includes labels for free
return shipping, and does not charge a restocking fee, even for returns which are not the
result of merchant error. (Note: In the United Kingdom, online shops are prohibited from
charging a restocking fee if the consumer cancels their order in accordance with the
Consumer Protection (Distance Selling) Act 2000).
Information and reviews

Online stores must describe products for sale with text, photos, and multimedia files, whereas
in a physical retail store, the actual product and the manufacturer's packaging will be
available for direct inspection (which might involve a test drive, fitting, or other
experimentation).
Some online stores provide or link to supplemental product information, such as instructions,
safety procedures, demonstrations, or manufacturer specifications. Some provide background
information, advice, or how-to guides designed to help consumers decide which product to
buy.
Page 10

Some stores even allow customers to comment or rate their items. There are also dedicated
review sites that host user reviews for different products. Reviews and now blogs gives
customers the option of shopping cheaper org anise purchases from all over the world
without having to depend on local retailers.
In a conventional retail store, clerks are generally available to answer questions. Some online
stores have real-time chat features, but most rely on e-mail or phone calls to handle customer
questions.
Price and selection

One advantage of shopping online is being able to quickly seek out deals for items or
services with many different vendors (though some local search engines do exist to help
consumers locate products for sale in nearby stores). Search engines, online price comparison
services and discovery shopping engines can be used to look up sellers of a particular product
or service.
Shipping costs (if applicable) reduce the price advantage of online merchandise, though
depending on the jurisdiction, a lack of sales tax may compensate for this.
Shipping a small number of items, especially from another country, is much more expensive
than making the larger shipments bricks-and-mortar retailers order. Some retailers (especially
those selling small, high-value items like electronics) offer free shipping on sufficiently large
orders.
Another major advantage for retailers is the ability to rapidly switch suppliers and vendors
without disrupting users' shopping experience.
Disadvantages
Fraud and security concerns
Given the lack of ability to inspect merchandise before purchase, consumers are at higher
risk of fraud on the part of the merchant than in a physical store. Merchants also risk
fraudulent purchases using stolen credit cards or fraudulent repudiation of the online
purchase. With a warehouse instead of a retail storefront, merchants face less risk from
physical theft.
Page 11

Secure Sockets Layer (SSL) encryption has generally solved the problem of credit card
numbers being intercepted in transit between the consumer and the merchant. Identity theft is
still a concern for consumers when hackers break into a merchant's web site and steal names,
addresses and credit card numbers. A number of high-profile break-ins in the 2000s has
prompted some U.S. states to require disclosure to consumers when this happens. Computer
security has thus become a major concern for merchants and e-commerce service providers,
who deploy countermeasures such as firewalls and anti-virus software to protect their
networks.
Phishing is another danger, where consumers are fooled into thinking they are dealing with a
reputable retailer, when they have actually been manipulated into feeding private information
to a system operated by a malicious party. Denial of service attacks are a minor risk for
merchants, as are server and network outages.
Quality seals can be placed on the Shop web page if it has undergone an independent
assessment and meets all requirements of the company issuing the seal. The purpose of these
seals is to increase the confidence of the online shoppers; the existence of many different
seals, or seals unfamiliar to consumers, may foil this effort to a certain extent. A number of
resources offer advice on how consumers can protect themselves when using online retailer
services. These include:
Sticking with known stores, or attempting to find independent consumer reviews of

their experiences; also ensuring that there is comprehensive contact information on the
website before using the service, and noting if the retailer has enrolled in industry oversight
programs such as trust mark or trust seal.
Before buying from a new company, evaluate the website by considering issues such
as: the professionalism and user-friendliness of the site; whether or not the company lists a
telephone number and/or street address along with e-contact information; whether a fair and
reasonable refund and return policy is clearly stated; and whether there are hidden price
inflators, such as excessive shipping and handling charges.
Ensuring that the retailer has an acceptable privacy policy posted. For example note if
the retailer does not explicitly state that it will not share private information with others
without consent.
Page 12
Ensuring that the vendor address is protected with SSL (see above) when entering
credit card information. If it does the address on the credit card information entry screen will
start with "HTTPS".
Using strong passwords, without personal information. Another option is a "pass

phrase," which might be something along the lines: "I shop 4 good a buy!!" These are
difficult to hack, and provides a variety of upper, lower, and special characters and could be
site specific and easy to remember.
Although the benefits of online shopping are considerable, when the process goes poorly it
can create a thorny situation. A few problems that shoppers potentially face include identity
theft, faulty products, and the accumulation of spyware. Whenever you purchase a product,
you are going to be required to put in your credit card information and billing/shipping
address. If the website is not secure a customers information can be accessible to anyone who
knows how to obtain it. Most large online corporations are inventing new ways to make fraud
more difficult, however, the criminals are constantly responding to these developments with
new ways to manipulate the system. Even though these efforts are making it easier to protect
yourself online, it is a constant fight to maintain the lead. It is advisable to be aware of the
most current technology and scams out there to fully protect yourself and your finances. One
of the hardest areas to deal with in online shopping is the delivery of the products. Most
companies offer shipping insurance in case the product is lost or damaged; however, if the
buyer opts not to purchase insurance on their products, they are generally out of luck. Some
shipping companies will offer refunds or compensation for the damage, but it is up to their
discretion if this will happen. It is important to realize that once the product leaves the hands
of the seller, they have no responsibility (provided the product is what the buyer ordered and
is in the specified condition).
Lack of full cost disclosure

The lack of full disclosure with regards to the total cost of purchase is one of the concerns of
online shopping. While it may be easy to compare the base price of an item online, it may not
be easy to see the total cost up front as additional fees such as shipping are often not be
visible until the final step in the checkout process. The problem is especially evident with
cross-border purchases, where the cost indicated at the final checkout screen may not include
additional fees that must be paid upon delivery such as duties and brokerage. Some services
Page 13

such as the Canadian based Wishabi attempts to include estimates of these additional cost, [21]
but nevertheless, the lack of general full cost disclosure remains a concern.
Privacy
Privacy of personal information is a significant issue for some consumers. Different legal
jurisdictions have different laws concerning consumer privacy, and different levels of
enforcement. Many consumers wish to avoid spam and telemarketing which could result
from supplying contact information to an online merchant. In response, many merchants
promise not to use consumer information for these purposes, or provide a mechanism to optout of such contacts.
Many websites keep track of consumers shopping habits in order to suggest items and other
websites to view. Brick-and-mortar stores also collect consumer information. Some ask for
address and phone number at checkout, though consumers may refuse to provide it. Many
larger stores use the address information encoded on consumers' credit cards (often without
their knowledge) to add them to a catalog mailing list. This information is obviously not
accessible to the merchant when paying in cash.
Hands-on inspection
Typically, only simple pictures and or descriptions of the item are all a customer can rely on
when shopping on online stores. If the customer does not have prior exposure to the item's
handling qualities, they will not have a full understanding of the item they are buying.
However, Written and Video Reviews are readily available from consumers who have
purchased similar items in the past. These can be helpful for prospective customers, but these
reviews can be sometimes subjective and based on personal preferences that may not reflect
end-user satisfaction once the item has been received.
Because of this, many consumers have begun going to real-world stores to view a product,
before purchasing online. To combat the process, Target has requested distributors give them
equally low prices, or alternatively, exclusive products available at their store only.
Product suitability
This section needs additional citations for verification. Please help improve this article by
adding citations to reliable sources. Unsourced material may be challenged and removed.
Many successful purely virtual companies deal with digital products, (including information
storage, retrieval, and modification), music, movies, office supplies, education,
Page 14

communication, software, photography, and financial transactions. Other successful
marketers use Drop shipping or affiliate marketing techniques to facilitate transactions of
tangible goods without maintaining real inventory.
Some non-digital products have been more successful than others for online stores. Profitable
items often have a high value-to-weight ratio, they may involve embarrassing purchases, they
may typically go to people in remote locations, and they may have shut-ins as their typical
purchasers. Items which can fit in a standard mailboxsuch as music CDs, DVDs and books
are particularly suitable for a virtual marketer.
Products such as spare parts, both for consumer items like washing machines and for
industrial equipment like centrifugal pumps, also seem good candidates for selling online.
Retailers often need to order spare parts specially, since they typically do not stock them at
consumer outletsin such cases, e-commerce solutions in spares do not compete with retail
stores, only with other ordering systems. A factor for success in this niche can consist of
providing customers with exact, reliable information about which part number their particular
version of a product needs, for example by providing parts lists keyed by serial number.
Products less suitable for e-commerce include products that have a low value-to-weight ratio,
products that have a smell, taste, or touch component, products that need trial fittingsmost
notably clothingand products where colour integrity appears important. Nonetheless, some
web sites have had success delivering groceries and clothing sold through the internet is big
business in the U.S.
Aggregation
High-volume websites, such as Yahoo!, Amazon.com and eBay, offer hosting services for
online stores to all size retailers. These stores are presented within an integrated navigation
framework. Collections of online stores are sometimes known as virtual shopping malls or
online marketplaces.
Impact of reviews on consumer behaviour

One of the great benefits of online shopping is the ability to read others' reviews, which could
be from experts or simply fellow shoppers on one product and service.
The Nielsen Company conducted a survey in March 2013 and polled more than 27,000
Internet users in 55 markets from the Asia-Pacific, Europe, Middle East, North America and
South America to look at questions such as "How do consumers shop online?", "What do
Page 15

they intend to buy?", "How do they use various online shopping web pages?", and the impact
of social media and other factors that come into play when consumers are trying to decide
how to spend their money on which product or service.
According to that research, reviews on electronics (57%) such as DVD players, cell phones
or PlayStations and so on, reviews on cars (45%), and reviews on software (37%) play an
important role and have influence on consumers who tend to make purchases and buy online.
In addition to online reviews, peer recommendations on the online shopping pages or social
media play a key role for online shoppers while researching future purchases of electronics,
cars and travel or concert bookings. On the other hand, according to the same research, 40%
of online shoppers indicate that they would not even buy electronics without consulting
online reviews first.
WEB PUBLICATION
WEBSITE:
A website is a collection of related web pages containing images, videos or other
digital assets. A website is hosted on at least one web server accessible via network such as
the internet of [private local area network through an internet address also called URL.
A web page is a document, typically Witten in plain text interspersed with formatting
instructions of Hypertext Markup Language (HTML, XHTML).
A web page may
incorporate elements from other website with suitable markup anchors.

Web pages are accessed and transported with the Hypertext Transfer Protocol
(HTTP) which may optionally employ encryption of the web page content. The users
application, often a web browser, renders the page content according to its HTM: markup
instructions onto a display terminal. All publicly accessible website collectively constitute
the World Wide Web.
The pages of a website can usually be accessed from a simple Uniform Resource
Locator called the homepage. The URLs of the pages organize them into a hierarchy,
although hyper linking between them conveys the reader's perceived site structure and guides
the reader's navigation of the site.
Page 16

Some website requires a subscription to access some or all of their content. Examples
of subscription website include many business sites, part of news website, academic journal
website gaming website, message boards, web-based e-mail, social networking website,
website providing real time stock market date, and website providing various other services
(e.g. website offering storing and /or sharing of images, files and so forth)
HISTORY:
The World Wide Web (WWW) was created in 1989 by CERN physicist Tim Berbers
Lee [3] On 30 April 1993, CERN announced that the World Wide Web would be free to use
for anyone. Before the introduction of HTML and HTTP, other protocols such a file transfer
protocol and the gopher protocol were used to retrieve individual files from a server. These
protocols offer a simple directory structure which the user navigates and chooses files to
download. Documents were most often presented as plain text files without formatting or
were encoded in word processor formats.
OVERVIEW
Organized by function, a website may be
A personal website
A commercial website
A government website
A nonprofit organization website
It could be the work of an individual, a business or other organization, and is typically
dedicated to some particular topic or purpose. Any website can contain a hyperlink to any
other website, so the distinction between individual sites, as perceived by the user, may
sometimes be blurred.
Websites are written on pr dynamically converted to HTML [ Hyper Text Markup
Language ] and are accessed using a software interface classified as a user agent. Web pages
can be viewed or otherwise accessed from a range of computer based and internet enabled
devices of various sizes, including desktop computer, laptops, PDAs and cell phones.
Page 17
WEBDESIGN AND
PUBLICATION
Page 18
WEB DESIGN AND DEVELOPMENT

Web Design is a broad term used to encompass the way that content usually hypertext of
hypermedia is delivered to an end use through the World Wide Web, using a web browser or
other web enabled software is displayed. the intent of web design is to create a website a
collection of online content including documents and applications that reside on a web server
servers.
a website may include text, images, sounds and other content, and may be
interactive.
OVERVIEW:
Web design involves the structure of the website including the information
architecture [navigation schemes and naming conventions], the layout or the pages
[wireframe or page schematics are created top show consistent placement of items including
functional features], and the conceptual design with branding.
CONTENT:
Such elements as text, forms images [ GIFs, JPEGs, PNG,s] and video can be placed
on the page using HTML / XHTML / XML tags. Older browsers may require plug-ins such
as Adobe Flash, Quick Time, Jawa run time environment, etc. to display some media, which
are embedded into web page by using HTML / XHTML tags.
Improvements in browsers' compliance with W3C standards prompted a widespread
acceptance and usage of XHTML / XML in conjunction with Cascading Style Sheets [CSS]
to position and manipulate web page elements and objects.
Page 19

Typical web pages are classified as static or dynamic:
Static pages don't change content and layout with every request unless a human [web
master / programmer] manually updates the page. a simple HTML page is an example of
static content.
Dynamic pages adapt their content and / or appearance depending on end user's
input / interaction or changes in the computing environment [user, time, database
modification, etc. ] Content can be changed on the client side [end-user's computer] by using
client side scripting languages [ JavaScript, JScript, Action script, etc.] to alter DOM
elements [ DHTML]. Dynamic content is often complied on the server utilizing server-side
scripting languages (Perl, PHP, ASP, JSP, Cold fusion etc.]. Both approaches are usually
used in complex applications.
With growing specialization in the information technology field there is a strong
tendency to distinguish between web design and web development. Web design is a king of
graphic design intended for the development and styling of objects of the internet
information environment to proved them with high end consumer features and aesthetic
qualities.
This definition separates web design from web programming, emphasizing the
functional features of a web site as well as positioning web design as a king of graphic
design. The process of designing web pages, web sites, web applications or multimedia for
the web may utilize multiple disciplines, such as animation, authoring, communication
design, corporate identity, graphic design, human commuter interaction, information
architecture, interaction design, marketing, photography, search engine optimization and
typography.
Markup Languages [ such as HTML, XHTML and XML ]

Style sheet languages [ such as CSS and XSL ]
Client side scripting [ such as Java Script]
Server-side scripting [ such as PHP and ASP]
Database technologies [ such as MYSQL and Posture SQL]
Multimedia technologies [ such as Flash and Silver light]
Web pages and website can be static pages, or can be programmed to be dynamic
pages that automatically adapt content or visual appearance depending on a variety of factors,
Page 20

such as input from the end user, input from the webmaster or changes in the computing
environment such as the site's associated database having been modified.
ACCESSIBLE WEB DESIGN
Main Article: Web Accessibility

To be accessible, web pages and sites must conform to certain
accessibility
principles.
These accessibility principles are known as the WCAG when talking about content. These
can be grouped into the following main areas.
Use semantic markup that provides a
meaningful structure to the document [ i.e. web page]

Semantic markup also refers to semantically organizing the web page structure and
publishing web services description accordingly so that
they can be recognized by other
web services on different web pages.
Use a valid markup language that conforms to a published DTD of Schema.

Provide text equivalents for any non text components [ e.g. images, multimedia ]
Use hyperlinks that make sense when read out of context. [ e.g. avoid
'Click Here']
Website accessibility is also changing as it is impacted by Content Management
Systems that allow changes to be made to web pages without the need of obtaining webbased programming language knowledge.
It is very important that several different components of web development and
interactions can work together in order for the web to be accessible to people with
disabilities. These components include: Content the information in a web page or web
application including:
Natural information such as text, images and sounds

Page 21
Code or markup that defines structure, presentation etc.

Web browsers, media players and other ' user agents'.
Assistive technology, in some cases - screen readers, alternative keyboards, switches,
scanning software, etc

Users' knowledge experiences, and in some cases, adaptive strategies using the web.
Developers - designers, coders, authors, etc., including developers with disabilities and users
who contribute content.

Authoring tools - software that creates web sites.
Evaluation tools - web accessibility evaluation tools, HTML valuators, CSS valuators, etc.
HISTORY :
Tim Berners- Lee published what is considered to be the first website in August 1991.
Berners-Lee was the first to combine internet communication [which had been carrying email
and the Usenet for decades] with hypertext [which had also been around for decades, but
limited to browsing information stored on a single computer, such as interactive CD=ROM
design]. Website are written in a markup language called HTML and early versions of
HTML were very basic, only giving a website's basic structure [headings and paragraphs],
and the ability to link using hypertext. This was new and different from existing forms of
communication -users could easily navigate to other pages by following hyperlinks from
page to page.
As the Web and web design progressed, the markup language changed to become
more complex and flexible, giving the ability to add objects like images and tables to a page.
Features like tables, which were originally intended to be used to display tabular information,
were soon subverted for use as invisible layout devices. With the advent of Cascading Style
Sheets [CSS], table based layout is commonly regarded as outdated. Database integration
technologies such as server side scripting and design standards like W3C further changed and
enhanced the way the web is made. As times change website are changing the code on the
inside and visual design on the outside with ever evolving programs and utilities.
With the progression of the web, tens of thousands of web design companies have
been established around the world to serve the growing demand for such work. As with
Page 22

much of the information technology industry, many web design companies have been
established in technology parks in the developing world as well as many Western design
companies setting up offices in countries such as India, Romanina, and Russia to take
advantage of the relatively lower labor rates found in such countries.
WEB PLANNING
Purposing web design is a complex, but essential ongoing activity. Before creating
and uploading a website, it is important to take the time to plan exactly what is needed in the
website. Thoroughly considering the audience or target market, as well as defining the
purpose and deciding what content will be developed, are extremely important.
CONTEXT :
Web design is similar in a very simplistic way to traditional print publishing. Every
website is an information display container, just as a book, and every web page is like the
page in a book. However, web design uses as framework based on digital code and display
technology to construct and maintain an environment to distribute information in multiple
formats. Taken to its fullest potential, web design in undoubtedly the most sophisticated and
increasingly complex method to support communication in today's world.
PURPOSE:
It is essential to define the purpose of the website as one of the first steps in the
planning process. A purpose statement should show focus based on what the website will
accomplish and what the users will get from it. A clearly defined purpose will help the rest
of the planning process as the audience is identified and the content of the site is developed.
Setting short and long term goals for the website will help make the purpose clear and plan
for the future when expansion modification and improvement will take place. Measurable
objectives should be identified to track the progress of the site and determine success.
AUDIENCE:
Page 23

Defining the audience is a key step in the website planning process. The audience is
the group of people who are expected to visit our website the market being targeted. These
people will be viewing the website for a specific reason and its important to know exactly
what they are looking for when they visit the site.
A clearly defined purpose or goal of the site as well as an understanding of those
visitors want to do or feel when they come to your site will help to identify the target
audience.
Upon considering who is most likely to need or use the content a list of
characteristic common the users such as.
Audience Characteristics
Information Preferences
Computer Specifications
Web Experience
Taking into account the characteristics of the audience will allow an effective website
to be created that will deliver the desired content to the target audience.
COMPATIBILITYAND RESTRICTIONS
Because of the market share of modern browsers [depending on your target market]
the compatibility of your website with the viewers is restricted. For instance, a website that is
designed for the majority of web surfers will be limited to the use of valid XHTML 1.0 strict
or older, cascading style sheets level 1, and 1024 x 768 display resolution. This is because
internet explorer is not fully W3C standards compliant with the modularity of XHTML 1.1
and the majority of CSS beyond!. A target market of more alternative browser [e.g. Firefox,
Google Chrome, Safari and Opera] users allow for more W3C compliance and thus a greater
range of options of a web designer.
Page 24
HARDWARE AND
SOFTWARE
REQUIREMENTS
Page 25
Page 26
HARDWARE:
Running the ensemble web site can be rather taxing on hardware. At a minimum you will
need:
A machine capable of running a UNIX - like OS ( e.g. Tru 64 Solaris, Linux OS X, etc )
2-4 Gb of RAM ( A minimum of 4G required to tun Bio Mart )
Up to 500 Mb hard drive space to install source code required by the web server.
Depending on usage - temporary storage space for images session information - for light
usage less than 1 GA

About 1 Gb of hard drive space for a local MySQL ( or SQL Lite) database to store session
configurations.
You can run an Ensemble installation locally and connect remotely to our public
MySQL server to retrieve gnomic data. However if your require a full local installation,
including some or all gnomic databases, you will additionally need.
Around -0.6 Tb hard drive space in which to install the Ensemble MySQL databases
and about the same again for downloading and unpacking the data. Depending on your
requirements, you may wish to install data for only one more species. See below for the
approximate size requirements for each species [ note that the compare database required ,
regardless of which subset of species you are using.
Note that whilst windows can run the required software, it is not officially supported as a
platform for ensemble. Additional documentation on using ensemble on windows can be
found in the installation guide.
Page 27
Page 28
SOFTWARE:
Web browsers - IE8, Firefox, Chrome, Opera and Safari. So we can check that the page
views ok across a variety of platforms.
Gimp - For my picture editing.
Dream weaver MX 2004 - Mainly used in text editing mode and I like
the site manager.
Xampp - Xampp creates a server on my PC so I can create a full working page so it can be
tested before I upload.

Firefox - A Firefox plug in to transfer files.
And the last and most used software is windows notepad - I am using it now as I am writing
this article. My blog and engineer articles have a feature where I can copy and paste text in
to the new post form.
Page 29
CODING
Page 30
CODING
If you are doing business on the internet, taking the time to learn how to design your
own web site and write your own HTML code
(Hypertext markup language) will play a major role in your success. not only will learning
HTML coding provide you with the freedom to update your own HTML documents, but it
will also save you a great deal of money, as you will be able to avoid hiring a professional
web designer.
CREATING HTML PAGE:
A web page is created using language called, Hypertext Markup Language better
known as HTML Code. you can write your own coding within a oplain text editor, such as
Note Pad, or use an HTML editor, which will write the code for you.
HTML codes, also referred to as HTML tags, are enclosed by the lesser than [<] and
greater than [>] brackets and may be written in capital or lower case letters.
The opening bracket is followed by an element, which is a browser command, and
ends with the closing bracket.
BASIC HTML DOCUMENT CODE STRUCTURE
Begin writing your HTML tags by creating your document's basic layout. Copy and paste
this code into your text or HTML editor.
< html >
< head >
< title > Your Page Title <title>
</ head >
<body>
This area will contain everything that will be visible through a web browser, such as
text and graphics. All of the information will be HTML coded For a complete list of HTML
codes, tags and examples, see the HTML chart below.
Page 31

</body>
< /html >
<html >
<head >
<title > Basic tag</title>
</head><body>this is my first page</body></html>
<body>tag
The body element defines the document's body. it contains all the contents of the
document [ like text, images, colors, graphics etc]
Attributes
Attributes Value Description
Background
filejtiame
An image to use as the background.
Deprecated. Use styles _instead.

bgcolor
color name
The background color of the document.
Deprecated. Use styles instead.

Link, a link, Specifies the color of all the links in the document.
Deprecated. Use styles
color name
Vhnk _ instead.
Text color_name Specifies the color of the text in the document.
Deprecated. Use styles Instead
<hm> </hn> Heading Tags
These tags are used to display headings in an HTML document, through these tags
you can increase the size of the text. In these tags
<hl> tag defines the largest header & <h6> defines smallest.
These tags are <hl> </hl>, <h2> <h2>, <h3> <h3>, <h4> <h4>, <h5> <h5>
Format:
Page 32

<hn>text
</hn>
Example :
<hl> this is my first page </hl> or <hl> align=right>text</hl> Attribute of the <hn>tag.
<p> <p> Paragraph tag
This tag is used for creating the paragraph in the web page. It is used inside the body of file.
Formate:
<p> This a break <br> in the line
<hr>tag
This is a break<br> in the line.
<hr>tag
This is the test of the hr<hr>tag<hr>
Attribute
Attribute Value Description
Align right, left, center the alignment of the horizontal rule.
Size %, pixels the thickness (height) of the horizontal rule.
Width %, pixels the width of the horizontal rule.
 Defines a coi ir .e.it
<a>
Defines an ai el o;
<abbr> Defomes am al b; e/ia ion

<acronym> Defines an arfc rym
<address> Defines an at dress clement
Page 35

<area> Defines thx e irecnon of text display
<big> Defines big tex v
<blink> Defines the blinking text in a document
<blockquote> Defines a long quotation
<body>
Defines the body element
<br>
Insert a single line break
<button>
Defines a push button
<caption>
Defines a table caption
<center>
Deprecated. Defines centered text
<cite>
Defines a citation
<code>
Defines computer code text
<col>
Defines attributes for table columns
<colgroup>
Defines group of table columns
<dd>
Defines a definition description
<del>
Defines deleted text
<dir>
Deprecated. Defines a directory list
<dfh>
<div>
Defines a section in a document
<dl>
Defines a definition list
<dt>
<em>
Defines emphasized text
<frameset>
Defines a field set
<font>
Deprecated. Defines the font face, size and color of text
<form>
Defines a form
<frame>
Defines a sub window ( a frame )
<fieldset>
Defines a set of frames
<hl> to <h6>
Defines header 1 to header 6
<head>
Defines information about the document
<hr>
Defines a horizontal rule
<html>
<i>
Defines an html document

Defines italic text
Page 36

<iframe>
Defines an inline sub window ( frame )
<img>
Defines an image
<input>
Defines an input field
<ins>
Defines inserted text
<kbd>
Defines keyboard text
<label>
Defines a label for a form control
<li>
Defines a list item *
<map>
Defines an image map
<marquee>
Defines the moving text in a document
<menu>
Deprecated. Defines a menu list
<noframes>
Defines a noframe section
<ol>
Defines an ordered lisi
<optgroup>
Defines an option group
<option>
Defines an option in a drop-down list
<p>
Defines a paragraph
<pre>
Defines preformatted text
<q>
Defines a short quotation
<s>
Defines a short quotation
<samp>
Defines sample computer code
<select>
Defines a selectable list
<small>
Defines small text
<span>
Defines a section in a document
<strike>
Deprecated. Defines strikethrough text
<strpng>
Defines strong text
<style?
Defines a style definition
<sub>
Defines subscripted text
<table>
Defines a table
<tbody>
Defines a table be iy
<td>
Defines a table ee 1
<textarea>
Defines a text are,
<tfoot>
Defines a table <c>t-.r

Page 37

<th>
Defines a table he acler
<thead>
Defines a table header
<title>
Defines the document title
<tr>
Defines a table row
<tt>
<u>
Deprecated. Defines underlined text;
<ul>
Defines an unordered list
<var>
Defines a variable
Tags Ordered by Function Basic Tags

Tags Description
<html>
Defines a html document
<head>
Defines information about the document
<title>
Defines the document title
<body>
Defines the body element
<hl> to < h6>
Defines header 1 to 10 header 6
<p>
Defines a paragraph
<br>
inserts a single line break
<hr>
Defines a horizontal rule

Defines a comment
Chart Format
Tags Description
<b>
<font>
Defines bold text

Deprecated. Defines the font face, size, and color of text
<i>
Defines italic text
<em>
Defines emphasized text
<big>
Defines big text
<strong>
Defines strong text
<small>
Defines small text
<sup>
Defines superscripted text
<sub>
Defines subscripted text

Page 38

<bdo>
Defines the direction of text display
<u>
Deprecated. Defines underlined text
Output
Tags Description
<b> <pre> Defines preformatted text
<font> <code> Defines keyboard text
<i> <tt>
<em> <kbd> Defines keyboard text

<big> <var> Defines a variable
<strong>
<dfn> Defines a definition term Tags Description
<table>
Defines a table
<caption>
Defines a table caption
<th>
<tr>
Defines a table row
<td>
Defines a table cell
<thead>
<tbody>
Defines a table body
<tfoot>
Defines a table footer
Different Color Review

This table shows the result of combining Red, Green, and Blue light sources
Color
Color HEX
Color RGB
****i#000000 rgb(OAO)
#FF0000 rgb(255,0,0)
J!i;[ JI j f I ij
# OOFFOO rgb(0,255,0)
IHHHHMI #0000FF rgb(050,255)

#FFFF00
rgb(255,255,0)
#FF00FF
rgb(255,0,255)
#COCOCO
rgb(192,192,192)
#FFFFFF
rgb(255,255,255) Creating a Basic Form
What is a Form ?
Page 39

A form is an area that can contain form elements so simply your will have to first understand
what is form. Your must have seen the forms on the internet. Now days there is too much
craze of the forms on the internet. at least if you have an email ID then sure you have filled
the form of email registration during the creation of your email account. You fills all the
information in the form, like your Name, Registration ID, password, address, qualification
and many more clickable buttons.
You can create a form by using the form page wizard, which prompts you to specify that
following information. The data you want to gather, which determines which fields to place
on your form. The way you want to layout fields.
You can organize the form into paragraphs or lists and choose whether to use tables to layout
the page, whether to include a table of contents at the top of the page, which is use full for
large forms and how you want to save form results. The wizard allows you to save the
results to a text file or an HTML file or you can use your own custom script to handle the
results. When a site visitor clicks the submit button on the form, the form results will be sent
to the location you specified. SYSTEM DESIGN
The most creative and challenging phase of the system life cycle is system design. The term
design described a final system and the process by which it is developed. It refers to the
technical specifications that will be applied in implementing the candidate system. It also
includes the construction of program testing.
The primary objectives of system design of the system design are to deliver the requirement
specified in feasibility report. The main design objective give significance is.
Efficiency :
This system will produce output in time with accuracy.
Cost :
The system is to design with a minimum cost to satisfy the requirements.
Flexibility :
The system will be modifiable one depending on future needs.
Security :
The system should reliable, secure one.
Page 40

Mainly following parts have been included in the system design process:
1. Output Design :The starting point of design process in the proper knowledge of system, requirements, which
will normally be converted in terms of output.
2. Input Design :Once the output requirements have been finalized, the next step is to find out what data to be
made available to the system to produce the desired outputs. The basic documents in which
these data are available need to be identified.
3. Data Base Design :Once the data is captured in the system these have to be preserved for long period. The data
is generally stored in files in a logical manner.
4. Procedure Design :This step involves specification of now processing will be performed.
5. Control Design:It indicated necessary procedure which will ensure correctness of processing, accuracy of
data timely output etc
INPUT DESIGN :
The goals of designing make date entry easy error free. The input screens of the system
clearly give the length of data field. Some input screens are listed in appendix.
OUTPUT DESIGN :
The output design should be in an attractive because success made acceptable of a system to
some extent depends on good presentation. There are main reasons, why outputs from
computer are required they are:
1] For communication to the persons concerned.
2] For re - input to the computer for being concerned with other data further processing.
3] For permanent storage.
Page 41

4] In this system, there are reports displays on screen, and printed forms come as outputs.
Outputs device used in this system are monitor and printer. The main designs considering
this system are:
i] No data excluded in output.
ii] The format of output is similar to the presently existing one.
iii] The sequence of reports printed is in a useful way which is similar
to
that of present system.

iv] The output generated is having good quality in appearance, contents and
accuracy.
v] The output sources are provided with necessary screen heading and labels
for various fields. Buttons are provided for actions like displaying printing etc.
MENU DESIGN :
The menu of this system is designed in a hierarchical manner. Activity of
similar nature is grouped under one menu. Like all entry forms of server side has under
"Entry Forms" menu and all reports under "Reports Menu". Menus are designed in the form
that the user can work with more than one form at a time.
FORM DESIGN :
Form is a tool with message it is the physical carrier of data. It provides information for
making decision and improving operations. The size of this forms is convenient for easy
handling and easy to identify and filling up. The software covers the basic processed starting
from the registration of new customer and also providing facility that already registered.
CODE EFFECIENCY
The overall performance of system to greater extent depends on the coding procedures
followed by the programmer. So the efficiency of code is so important in system
development. A lot of factors like programming language selecting, memory allocation,
memory management, programming style, use of variables, reusability of code etc. determine
the efficiency of program code. The coding procedures followed in the programmers of this
system are as follows.
The software so robust one as it is completely coded in Javascript, HTML &
XML language all the work is done by using Notepad & Frontpage program optimization of
code.
Page 42

All the modules and functions in this project are optimized to get the interned
result with less lines of code.
CODE OPTIMIZATION :
In an ideal world, software would design itself to your specification,
automatically reduce itself to the smallest possible memory foot point, compile instantly and
always run at the fastest possible speed. In the real word develops still of programming
language. To get the absolutely smallest, fastest code, programmers can work in assembly
language, but that can prohibitively labour intensive for all but the most time critical code.
Most programmers do most of their coding in a high-level language, but
which is then complied to an assemble language and linked into an executable program
image. During the development process, programmers are quite sensitive to build speed and
case of debugging, when it comes times to release the code for production, run time speed
and size become of paramount importance. Throughout this project, will be concerning on
production code runtime size and speed concerns.
There are many ways, to make code run quickly. Often the controlling factor
for the speed of a program is the algorithms used rather than any optimization done by the
compiler. Operator Description Example
This operator is used to assign value of variable/value only at right hand of it to the
variable at left hand A= 53^a
Of this operator
C= a + b
+= Increments the left hand variable with the right, hand variable
a+=b or a=a+b
Decrements the left hand variable with the right hand variable
a=b or a=a+b
*= Multiplies the left hand variable with the right hand variable
a*-bora=a*b
/= Divides the left hand variable with the right hand variable
a/=b or a=a/b
%= Keeps the remainder of division of left hand variable by right hand variable in the
left hand variable 0
COMPARISON OPERATORS
Page 43

As the name suggest these operators are used to compare two variable values. The left hand
variable is compared with the right hand operator using these operators. Hie answer returned
after use of these expressions is a Boolean value which tells that whether comparisons is true
of false. A programmer can program for either situation.
Different comparison operators are listed below.
=
This operator is used to compare value or variable at
A===b
5===P ( returns false)
Right hand of it to the variable at left hand of this operator.

==== This three times equal sign is called strictly equal sign it
A=90
B=90
C="90"
A=== B will
Check for values as well type of data contained y the return true because value of A &
B
Variable at left hand and right hand is 90 and both are number
A == C
Will return false because value of A & C is 90 but types are different
As needed, customer comments, feedback and approvals can be communicated by email, fax and telephone. Throughout the design phase the team should develop test plans and
procedures for quality assurance. It is necessary to obtain client approval on design and
project plans.
In parallel the Database team will sit and understand the requirements and develop
the database with all the data structures and sample data will also be prepared.
Input requirement specification
Output site design with template, images and prototype
CONTENT WRITING :
This phase is necessary mainly for the web sites. There are professional content
developers who can write industry specific and relevant content for the site. Content writers
to add their text can utilize the design templates., The grammatical and spelling check should
be over in this phase.
Input Designed template

Output site with formatted content
CODING :
Page 44

Now its programmers turn to add his code without disturbing the design. Unlike
traditional design the developer must know the interface and the code should not disturb the
look and feel of the site or application. So the developer should understand the design and
navigation. If the site is dynamic then the code should utilize the template.
The developer may need to interact with designer, in order to understand the design.
The designer may need to develop some graphic buttons when ever the developer is in need,
especially while using some form button. If a team of developers is working they should use
a CVS to control their sources. Coding team should generate necessary testing plans as well
as technical documentation.
For example Java users can use Java
to develop their
documents to understand their ode flow. The end user documentation can also be prepared
by the coding team, which can be used by a technical writer who can understand them, writes
help and manuals later.
Input the site with forms and the requirement specification

Output database driven functions with the site, coding documents.
TESTING :
Unlike software web based application need intensive testing, as the applications will always
function as a multi user system with bandwidth limitations. Some of the testing which
should be done are, integration testing, stress testing, scalability testing, load testing, result in
testing and cross browser compatibility testing.
Both automated testing and manual testing should be done without fail. For example
it's needed to test fast loading graphics and to calculate their loading time, as they are very
important for any web site. There are certain testing tools as well as some online testing
tools which can help the testers to test their applications. For example ASP developers can
use Microsoft's Web Application test tool to test the ASP application which is a free tool
available form the Microsoft site to download.
After doing all the testing a live testing is necessary for web sites and web based
applications. After uploading the site there should be a complete testing [ e.g. links test]
Input site, requirement specifications, supporting documents, technical specifications and
technical documents.
Page 45

Output completed application site, testing reports, error logs, frequent interactions with the
developers and designers.
PROMOTION :
This phase is applicable only for web sites. Promotion needs preparation of Meta tags,
constant analysis and submitting the URL to the search engines and directories. There is a
details article in this site on site promotion, click here to read it.. The site promotion is
normally an ongoing process as the strategies of search engine may change quite often.
Submitting a site URLs once in 2 month can be an ideal submission policy. If the customer
is willing, then paid click and paid submissions can also be done with additional cost. Input
site with content, client mails mentioning the competitors output site submission with
necessary Meta tag preparation.
MAINTENANCE AND UPDATING :
Web sites will need quite frequent updating to keep them very fresh. In that case we need to
do analysis again, and all the other life cycle steps will repeat. Bug fixes can be done during
the time of maintenance. Once your web site is operational, ongoing promotion, technical
maintenance, content management and updating, site visit activity reports, staff training and
monitoring is needed on a regular basis depend on the complexity of your web site and the
needs within your organization.
Input site/ application, content/functions to be updated, reanalysis reports.
Output updated application, supporting documents to other life cycle steps and teams.
The above mentioned steps alone are not strict to web application or web site development.
Some steps may not applicable for certain tasks. Its depend on the cost and time involved and
the necessity. Sometimes if it is an intranet site, then there will be no site promotion.
Buteven if you are a small development firm, if you adopt certain planning along with this
web engineering steps in mind, it will definitely reflect in the quality o the outcome.
Page 46
INTRODUCTION OF
JAVASCRIPT
Page 47

INTRODUCTION OF JAVASCRIPT
JavaScript is a powerful, object based language.
JavaScript programs can be
embedded directly in HTML web pages.

When combined with the Document object model [DOM] defined by a web browser,
JavaScript allows you to create Dynamic HTML content and interactive client side web
application JavaScript.
Syntax is based on the popular programming languages C, C++ and Java, which
makes it familiar and easy to learn for experienced programmers.
At the same time, JavaScript is an interpreted scripting language, providing a flexible
programming environment in which new programmers can learn easily.
What is JavaScript ?
Html is providing static web pages but with the developments in internet & World Wide?
Web the interactive communication became a necessity. The World Wide Web is a heap of
pages having information if form of text, graphics, pictures, sounds etc. Every page is linked
to another page on web and the linked page can have links to other pages.
Browser is a program responsible to understand and interpret the language and
perform according to the instructions written in HTML file. Internet explorer, Netscape
Navigator, Fire Fox etc., are such programs.
HTML, JavaScript is integrated with browser & this integration enables the
programmer to add dynamic interaction to the text picture information on the web page.
JavaScript is case sensitive language i.e. state is different from state of State [these are three
different words for JavaScript]. JavaScript is capable of sensing the events like mousing
click, mousing moving etc. JavaScript files are directly executed when user double clicks on
them or opens them in browser.
Page 48

What we can do using JavaScript ?
HTML coders are not programmer by using Javascript a html operator can do
programming in a very simple way because Javascript is very simple and easy to learn and
understand. Javascript is capable of making a static page as dynamic page, where the
programmer can put variables. JavaScript has the ability to sense the events like mousing
click, movement, keyboarding events etc. We can use HTML in JavaScript i.e. JavaScript
can understand HTML. The JavaScript program hence decreasing the unnecessary traffic on
lines and useless processing at server end can validate the data fed by the user at client end.
What we can do using JavaScript ?
HTML coders are not programmer but using JavaScript a html operator can do
programming in a very simple way because JavaScript is very simple and easy to learn and
understand. JavaScript is capable of making a static page as dynamic page, where the
programmer can put variables. JavaScript has the ability to sense the events like mousing
click, movement, keyboarding events etc.
We can use HTML in JavaScript can understand HTML. The JavaScript hence
decreasing the unnecessary traffic on lines and useless processing at server end can validate
the data fed by the user at client end.
What we should know before learning JavaScript ?
We should have knowledge of HTML before learning JavaScript. A JavaScript
program can be typed in head or in body part of the HTML page or it could be attached
eternally to the web page.
What minimum Hardware and Software requirements are to run JavaScript?
Hardware Requirements
Processor:
Dual Core
RAM:
2 GB
Software Requirements
Operating System:
Windows or Linux browser
Text Editor :
Any text editor likes notepad, Textpad or

Editplus etc.
Page 49

How to use JavaScript into HTML code ?
A JavaScript program can be kept in html page under <script> JavaScript program
</script> tag. We can place unlimited number of scripts in the html program in head or body
section.
Keeping JavaScript in head section if we want that the JavaScript program should be
executed when it is called, then we should keep it in head section.
How to keep JavaScript in head section of a HTML file ?
<html>
<head>
<script type="text/JavaScript">
script code
</script> this is just syntax [how & where to type], we will earn it in detail after
learning functions. Keeping JavaScript in body section.
If we want that the script should be executed when the page loads then we should
keep the JavaScript program in body section.
How to keep JavaScript in body section of a HTML file ?
<html>
<head>
</head>
<body>
<script type="text/JavaScript">
Script code
</script>
</body>
</head>
Is semi colon needed to end the statement in JavaScript ?
Putting semi color at the end of the statement is optional, if you want you can place
else you can leave. Putting semi colon at end of the statement depends on the user's choice
HTML coders are not programmer but using JavaScript an html operator can do
programming in a very simple way because JavaScript is very simple and easy to learn and
understand. JavaScript is capable of making a static page as dynamic page, where the
Page 50

programmer can put variables. JavaScript has the ability to sense the events like mouse
click, movement, keyboarding events etc. We can use HTML in JavaScript.
i.e. JavaScript can understand HTML. The JavaScript program hence decreasing the
unnecessary traffic on lines and useless processing at server end can validate the date fed by
the user at client en.
HTML JavaScript is integrated with browser & this integration enables the
programmer to add dynamic interaction to the text, picture, and information on the web page.
JavaScript is case sensitive language i.e. state is different from state of State [there are three
different words for JavaScript]. JavaScript is capable of sensing the events like mousing
clicking, mousing moving etc. JavaScript files are directly executed when user double clicks
on them or opens them in Browser.
Number:
The number type deals with digits; it covers both floating pint numbers and integers.
Floating point number are like 412.562, 9.2,0.468 integer numbers are like: 25, 1258, 968
initializing number type variable Var age = 25
Var is JavaScript keyword, age is a variable name, 25 is value assigned to age
variable, variable age is of number type because the value assigned to age is of number type,
Var hra = 1585.56
Var is JavaScript keyword, hra is a variable name, 1585.56 is value assigned to hra
variable, variable hra is of number type because the value assigned to hra is of number type.
In the example given below we have used keyword document, write [message] which is used
to print the message or variable value given with it.
String
String type deals with a single character or a series of characters enclosed with single
quotes or double quotes respectively
Initializing string type variables
Var sect=a
Var is JavaScript keyword, sect is a variable name, a is value assigned to sect variable,
variable sect is of string type because the value assigned to sect is of String type.
Page 51

Var sect=a . var is JavaScript keyword, country is a variable name, India is value assigned
to country variable, variable country is of String type because the value assigned to country is
of string type.
In the example given below we have used keyword document, write [message] which
is used to print the message or variable value given with it.
Example 1 :<html>
<head>
</head>
<body>
<script type=text/ JavaScript>
Var sect=a
Document write ( Section is : +sect);
</script>
</body>
</html> Boolean
Boolean type has only twovalues true and false. These constant valuses are case
sensitive.
Initializing Boolen type variables
Var present = true
Var is JavaScript keyword, present is variable name, true is value assigned to present
variable, variable present is of Boolean type because the value assigned to present is of
Boolean type
In the example given below we have used keyword document write (message) which
is used to print the message or variable value given with it.
Example 1
<html>
<head>
</head>
<body>
<script type=text/JavaScript>
Page 52

Var present = true document write (Student Status in School : M+present); document
write (<br>Class Attended : +attend);
</script></body>
</html>
Operators
1. Arithmetic Operators:
Arithmetic operators are used in daily life, like adding, subtracting, multiplying, dividing etc.
The arithmetic operators are supported by JavaScript.
Operator Description
+
-
Addition
Subtraction
*
Multiplication
Division
Modulus
++
Increment
Decrement:
Document write (Student Students in School : M+present);
Document write (<br>Class Attended: +attend);
</script>
</body>
</html>
Understanding the program:
Variable store the result of every arithmetic operation with the two operands and
displays the result. Division operator (/) returns the quotient of the division like 40/5=8 but
modulus (%) returns the remainder of the division like 40/c5 = O. The value of a will get
increment with one + + is equal to a=a +1 and bis equal to b-b-1. So the value of a was 40
it got incremented with one and became 41 while the value of b was 50 and got decremented
with one and became 49
Logical Operators:
Page 53

Logical operators are used to perform Boolean operations on operands. Logical
Operators are and (&&), or (II) 9 not (!). The value returned after using a logical operator is
Boolean value true or false. Logical operators are connectors of expressions also.
Operator Description
&&
Both the expression should be correct then it returns true else it returns false. It is known as
and operator.
ll
If any of the given expressions is found true then it returns true else it returns false.
If the given expression is true it returns false and if given expression is fale it returns
Assignment Operators:
As the name suggest these operators are used to assign values to variable. The right hand
value or variable is assigned to the left hand variable. Different assignment operators are
listed below with these uses.
Specification Building:
Preliminary specifications are drawn up by covering up each and every element of the
requirement. For example if the product is a web site then the modules of the site including
general layout, site navigation and dynamic parts of the site should be included in the spec.
Large projects will require further levels of consultation to assess additional business and
technical requirements. After receiving and approving the prelimi8nary document, a written
proposal is prepared, outlining the scope of the project including responsibilities, timelines
and costs.
Design and Development :
After building the specification, work on the web site is scheduled upon receipt of the
signed proposal, a deposit and any written content materials and graphics you wish to
include. Here normally the layouts and navigation will be designed as a prototype.
Some customers may be interested only in full functional prototype. In this case we
may need to show them the interactivity of the application of site. But in most of the cases
customer may be interested in viewing two or three design with all images and navigation.
There can be a lot of suggestions and changes from the customer side, and all the
changes should be freeze before moving into the next phase.
redisplayed via the web for the customer to view.
Page 54
The revisions could be
IMPLEMENTATIONA AND
MAINTENANCE
Page 55

IMPLIMANTATION AND MAINTENANCE
A crucial phase in the system life cycle is the successful implemaintance of the new system
design.
Implementation includes all those activities that take place to convert from the old system to
the new one.
The implemaintance task can be summarized as follows.
Conversation
To post implementation review
Training to Staff :
Even well design system can succeed or fail because of the way they are operated and
used; therefore I adopted good training procedure in my system. Operators of the system are
familiar with the computer but not with window platform. I gave essential window training
such as the basic of XP window system. Using word processor and printer and some basic
selectionsl when they are confidant in window platform I introduce the system. A printed
copy of user manual is distributed to the system training.
Security :
SPERU provides maximum security of data, ensuring that the intrigity of data is
maintained and restricting unauthorized access.
Page 56
GANNIT CHART
Page 57
SR.NO
WORK OF PROJECT
START DATE
ENDING DATE
TOTAL
INFORMATION
SITE ON INFORMIX12-SEP-2013
INSTITUTE OF COMPUTER
1THE WEB GATHERING
1-OCT-2013 EDUCATION
17 DAYS
2
FEASIBILITY STUDY
15-OCT-2013
30-OCT-2013
15 DAYS
SYSTEM ANALYSIS
10-NOV-2013
30-NOV-2013
20 DAYS
SYSTEM DESIGN
1-DEC-2013
31-DEC-2013
30 DAYS
REPORT DESIGN
1-JAN-2014
15-JAN-2014
15 DAYS
DOCUMENTATION
16-JAN-2014
30-JAN-2014
14 DAYS
TOTAL WORKING DAYS
111
Coading
Home Page Coding
<html >
<head>
<title>Informix Computer</title>
<style type="text/css">
* { margin: 0; outline: none; }
.c { clear: both; }
#wrapper { margin: 0 auto; padding: 0 40px 60px 40px; width: 1040px; }
h2 { padding: 20px 0 10px 0; font-size: 24px; line-height: 40px; font-weight: normal; color: #adc276;
text-shadow: 0 1px 3px #222222; }
</style>
<script type="text/javascript" src="js/sliderman.1.3.7.js"></script>
<link rel="stylesheet" type="text/css" href="css/sliderman.css" />

</div>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
Page 58

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
<body onload="MM_preloadImages('H2.png')">
<div class="container">
<div style="background-color:black; width:100%; height:10px;"></div>
<div class="slider">
<div class="sliderinsider>
<div id="slider_container_1">
<div id="SliderName">
<a href="#1">
<img src="img/1.jpg" title="Description from Image Title" />
</a>
<div class="SliderNameDescription">
INFORMIX INSTITUTE OF COMPUTER EDUCATION
</div>
<a href="#2">
<img src="img/2.jpg" />
</a>
<a href="#3">
<img src="img/3.jpg" /></a>
<div
class="SliderNameDescription">INFORMIX
INSTITUTE
OF
COMPUTER
EDUCATION</div>
</div>
<div class="c"></div>
<div id="SliderNameNavigation"></div>
// we created new effect and called it 'demo01'. We use this name later.
Sliderman.effect({name: 'demo01', cols: 10, rows: 5, delay: 10, fade: true, order: 'straight_stairs'});
var demoSlider = Sliderman.slider({container: 'SliderName', width: 1040, height: 300, effects:
'demo01',
display: {
pause: true, // slider pauses on mouseover
autoplay: 3000, // 3 seconds slideshow
always_show_loading: 200, // testing loading mode
Page 59

description: {background: '#ffffff', opacity: 0.5, height: 50, position: 'bottom'}, // image description
box settings
loading: {background: '#000000', opacity: 0.2, image: 'img/loading.gif'}, // loading box settings
buttons: {opacity: 1, prev: {className: 'SliderNamePrev', label: ''}, next: {className:
'SliderNameNext', label: ''}}, // Next/Prev buttons settings
navigation: {container: 'SliderNameNavigation', label: ' '} // navigation (pages) settings
}});
</script>
</div>
<div class="button_bg">
<div class="button_bginsider">
<div
class="button"><a
href="index.html"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image15','','H2.png',1)"><img
src="H1.png"
width="210"
height="60" id="Image15" /></a><a href="index.html" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image15','','H2.png',0)"></a></div>
<div
class="button"><a
href="about.html"
onmouseover="MM_swapImage('Image2','','AB.png',0)"><img
src="AB1.png"
width="210"
height="60" id="Image2" /></a></div>
<div
class="button"><a
href="admission.html"
onmouseover="MM_swapImage('Image3','','AD2.png',0)"><img
src="AD1.png"
width="210"
<div
class="button"><a
href="gallery.html"
onmouseover="MM_swapImage('Image4','','G2.png',0)"><img
src="G1.png"
width="210"
<div
class="button"><a
href="feedback.html"
onmouseover="MM_swapImage('Image5','','F2.png',0)"><img
src="F1.png"
width="210"
</div>
</div>
<div class="section1">
<div class="inside_section">
<div class="textbg">
<div class="text_bg">
<div class="text">
</div>
</div>
<div class="text_bg1">
<div class="marquee_section">
<div style="text-align:center; font-size:24px; font-weight:bold; text-decoration:underline; fontvariant:small-caps;">Basic Computer Courses<br/><br/></div>
<div style="text-align:center; color:red; font-size:16px; font-weight:bold; font-family:arial;
display:block;
margin-left:20px;
font-variant:small-caps;"><marquee
direction="up"
scrolldelay="125"
height="250px;">Software
Testing<br/><br/>MS-Office
&
Internet<br/><br/>Course
On
Computer
Concept(CCC)<br/><br/>Hardware
&
Networking<br/><br/>Maharashtra
State
Certificate
OF
Information Technology(MSCIT)<br/><br/>Software Testing<br/><br/>MS-Office & Internet<br/><br/>Course On Computer
Concept(CCC)<br/><br/>Hardware & Networking<br/><br/>Maharashtra State Certificate OF
Information
Technology(MS-CIT)<br/><br/>Software
Testing<br/><br/>MS-Office
&
Internet<br/><br/>Course
On
Computer
Concept(CCC)<br/><br/>Hardware
&
Networking<br/><br/>Maharashtra
State
Certificate
OF
Information Technology(MSCIT)<br/><br/>Software Testing<br/><br/>MS-Office & Internet<br/><br/>Course On Computer
Page 60

Concept(CCC)<br/><br/>Hardware & Networking<br/><br/>Maharashtra State Certificate OF
Information Technology(MS-CIT)</marquee></div>
</div>
<div class="marqueedown_section">
<div style="text-align:center;"><a href="fees.html" style="font-variant:small-caps; font-family:arial
black;
text-decoration:none;
color:blue;">Click
Here
For
Fees
Structure
Of
Courses</a><br/><br/><a href="sucess.html" style="font-variant:small-caps; font-family:arial black;
text-decoration:none; color:blue;">Click Here For Review Of Sucessful Students</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer_container">
<div class="footer_section">
<div class="footer_section1">
<ul id="social-icon">
<li class="google"><a href="#" title="[Google - External web site]"><img src="img/google.png"
alt="Google" title="Google" /></a></li>
<li class="twitter"><a href="#" title="[Twitter - External web site]"><img src="img/twitter.png"
alt="Twitter" title="Twitter" /></a></li>
<li
class="facebook"><a
href="#"
title="[Facebook
External
web
site]"><img
src="img/facebook.png" alt="Facebook" title="Facebook" /></a></li>
<li class="rss"><a href="#" title="[RSS Feed - External web site]"><img src="img/rss.png" alt="RSS
Feed" title="RSS Feed" /></a></li>
</ul>
</div>
</div>
<div class="footer_section"><img src="ft-left-bg.png" style="border-right-style:dashed; borderwidth:thin; border-color:white;"></div>
CONTACT
US:-<br/>D.T
Company
Road
Railtoly
Gondia<br/>Contact:8552842958/8180029488<br/>informix@informix.edu
<br/><span style="font-size:10px;">Copyrights. 2014 Informix Computer. All Rights
Reserved</span>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
About Us Coding
<html>
<head>
Page 61

.c { clear: both; }
#wrapper { margin: 0 auto; padding: 0 40px 60px 40px; width: 1040px; }
</style>
</div>
}
}
}
}
</script>
</head>
<a href="#1">
</a>
</div>
<a href="#2">
</a>
<a href="#3">
<div
INSTITUTE
OF
COMPUTER
EDUCATION</div>
Page 62

</div>
'demo01',
display: {
box settings
}});
</script>
</div>
<div
class="button"><a
href="index.html"
src="H1.png"
width="210"
<div
class="button"><a
href="about.html"
src="AB1.png"
width="210"
<div
class="button"><a
src="AD1.png"
width="210"
<div
class="button"><a
href="gallery.html"
src="G1.png"
width="210"
<div
class="button"><a
src="F1.png"
width="210"
</div>
</div>
<div class="section1_about">
<div class="inside_sectionabout">
<div> <img src="cmpprfimg.gif"/><br/><br/></div>
<div style="text-align:justify; text-indent:40px; line-height:25px; font-family:times new roman; fontweight:bold; letter-spacing:px; word-spacing:1px;">INFORMIX COMPUTER INSTITUTE in
Gondia is Central India's Leading and Best Computer Education Institute in Gondia. INFORMIX
Computer Institute Gondia Centers has been conducting Training Classes from last 5 years.
INFORMIX Computer Institute Gondia Certified Company. The Computer and IT courses taught are
Page 63

Basics, MS-Office , C , C++, Java , Advance Java , Oracle , Visual Basic, VB.Net , ASP.Net ,
C#.Net , Animation Courses, Web Page Designing , PHP and MySQL , AutoCAD , 3d Studio Max ,
Revit , Staad Pro , Pro-e , CATIA , Ansys , Unigraphics NX ,CAD CAM, ArchiCAD, Hardware ,
Networking , Photoshop , Flash , Coreldraw , Graphic Design, Web Site Development, Joomla,
Wordpress, Search Engine Optimization, Animation Courses, Software Testing, Primavera, MS
Project, Embedded Systems, Matlab, Programming Courses, Dot Net Courses, Multimedia, Action
Script, Illustrator, Google Sketchup, Video Editing, Maya, ISTQB Software Testing, CCNA, CCNP,
CCIE, MCSE, MCITP, MCP, MCTS, MCDBA, MCPD, MCTP, Red Hat Linux, E-commerce, ,
Android, Ethical Hacking, Java Hibernate, Java Spring, Java EJB , Java UML, Share Market
Training, University Syllabus of BE, Poly, BCCA, BCA, MCA, MCM, BSc, MSc, 12th Std State
CBSE and Live Projects. Project Guidance is provided for Final Year students. Crash and Fast Track
and Regular Batches for every course is available.<br/><br/></div>
<div style="text-align:justify; text-indent:40px; font-family:times new roman; font-weight:bold;
letter-spacing:px; word-spacing:1px; line-height:25px;">
New Batches for All courses are started every month on Every Mondays and Wednesdays.The Team
of faculty's consists of experienced persons with exposure in varied technologies and are available for
the whole day. Batches for all these are available every month. For more details you can contact us at
INFORMIX Computer Institute in Gondia.
The Gondia Centers of INFORMIX Computer Institutes has latest computers with latest technologies
with Teachers and Staff well qualified and experienced in their field. The Training of all courses are
conducted in a systematic and well planned manner. By learning Software IT students have a great
career.<br/><br/> </div>
<div style="text-align:justify; text-indent:40px; font-family:times new roman; font-weight:bold;
letter-spacing:px; word-spacing:1px; line-height:25px;">
INFORMIX Computer Institute provides guidance on career development also to its students.
Whenever any student or person comes to INFORMIX Computer Institute Gondia Centres the
courses are also suggested to enable him move ahead in his career. Career Counselling is done so that
the student selects right courses which can help him or her in future. Feel Free to Call INFORMIX
Computer Institute Gondia for any of your training requirement as per your convenient timings batch
and duration.<br/><br/> </div>
<div> <img src="manageimg.gif"/><br/><br/></div>
<div style="width:100%; padding:5px; height:175px;">
<div style="width:50%; height:100%; margin-top:10px; padding-top:10px; font-family:"times new
roman"; font-size:18px; font-weight:bold; float:left;">
<div
style="width:30%;
float:left;"><img
src="notavailable300.png"
height="150"
width="150"/></div>
<div
style="width:60%;
margin-left:32%;">Khoooshbu
Sheikh<br/>Founder/Chairman/Faculty<br/><br/><img src="experimg.gif"/>
<br/><br/> <span
style="font-size:14px;">WEB
DESIGN,
GRAPHIC
DESIGN,<BR/>
ANIMATON,
ACCOUNTANCY</span></div>
</div>
<div style="width:50%; height:100%; margin-top:10px; padding-top:10px; font-family:"times new
roman"; font-size:18px; font-weight:bold;">
<div style="width:30%; float:left;"><img src="ceo.png" height="150" width="150"/></div>
<div style="width:60%; margin-left:32%;">Bhavesh Rathod<br/>CEO/Faculty<br/><br/><img
src="experimg.gif"/>
<br/><br/> <span style="font-size:14px;">WEB DESIGN, GRAPHIC
DESIGN,<BR/> ANIMATON, ACCOUNTANCY</span></div>
</div>
</div>
</div>
</div>
Page 64

<li
class="facebook"><a
href="#"
title="[Facebook
External
web
site]"><img
</ul>
</div>
</div>
CONTACT
US:-<br/>D.T
Company
Road
Railtoly
Reserved</span>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Admission Form Coding

<html>
<head>
td{ font-weight:bold;}
.lefttd{text-align:left;font-weight:bold;}
.c { clear: both; }
.text_form{font-variant:small-caps; font-weight:bold; font-family:"Lucida Sans Unicode", "Lucida
Grande", sans-serif; font-size:20px; color:blue;}
#wrapper { margin: 0 auto; padding: 0 40px 60px 40px; width: 1040px;}
</style>
Page 65

</div>
}
}
}
}
</script>
</head>
<a href="#1">
</a>
</div>
<a href="#2">
</a>
<a href="#3">
<div
INSTITUTE
OF
COMPUTER
EDUCATION</div>
</div>
Page 66

'demo01',
display: {
box settings
}});
</script>
</div>
<div
class="button"><a
href="index.html"
src="H1.png"
width="210"
<div
class="button"><a
href="about.html"
src="AB1.png"
width="210"
<div
class="button"><a
src="AD1.png"
width="210"
<div
class="button"><a
href="gallery.html"
src="G1.png"
width="210"
<div
class="button"><a
src="F1.png"
width="210"
</div>
</div>
</div>
<div class="inside_sectionfees">
<table width="80%" align="center" border="0" cellspacing="15" cellpadding="10" style="borderstyle:solid; border-color:blue; border-width:6px;">
<tr style="background-color:black;">
<td colspan="2" style="text-align:center; font-variant:small-caps; font-size:34px; color:white;
">Adimision Form</td>
</tr>
<tr style=" font-weight:bold;font-size:20px; font-family:"Comic sans ms";">
<td width="30%" class="text_form">Name :</td>
<td width="70%"><input type="text" size="50" style="height:25px; border:3px solid grey;"/></td>
</tr>
<tr>
<td class="text_form">Email Id :</td>
<td class="lefttd"><input type="text" size="50" style="height:25px; border:3px solid grey;"/></td>
Page 67

</tr>
<tr>
<td class="text_form">Date Of Birth :</td>
<td class="lefttd">
<table><tr>
<td><select style="height:30px; font-size:18px;border:3px solid grey;">
<option>Month</option>
<option>January</option>
<option>February</option>
<option>March</option>
<option>April</option>
<option>May</option>
<option>June</option>
<option>July</option>
<option>August</option>
<option>September</option>
<option>October</option>
<option>November</option>
<option>December</option>
</td>
<td><input type="text" size="3" value="Day" style="height:25px; font-size:18px;border:3px solid
grey;"></td>
<td><input type="text" size="3" value="Year" style="height:25px; font-size:18px;border:3px solid
grey;"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="text_form">Gender :</td>
<td
class="lefttd"><select
style="height:30px;
font-size:18px;border:3px
solid
grey;"><option>Male</option><option>Female</option>></select> </td>
</tr>
<tr>
<td class="text_form">Contact Number :</td>
<td class="lefttd"><input type="text" style="height:25px; border:3px solid grey;"/> </td>
</tr>
<tr>
<td class="text_form">Correspondence Address :</td>
<td class="lefttd"> <textarea rows="5" cols="50" style=" border:3px solid grey;"></textarea> </td>
</tr>
<tr>
<td class="text_form">Nationality :</td>
<td class="lefttd"> <input type="text" style="height:25px; border:3px solid grey;"/> </td>
</tr>
<tr>
<td class="text_form">Select Course :</td>
<td class="lefttd">
<select style="height:30px; font-size:18px;border:3px solid grey;">
<option>Select Course</option
><option>PHP & MY -SQL</option>
Page 68

<option> C++ </option>
<option>JAVA</option>
<option>ADVANCE JAVA</option>
<option>DATA STRUCTURE</option>
<option>ORACLE</option>
<option>HTML / CSS</option>
<option>JAVASCRIPT/XML</option>
<option>DREAMWEAVER</option>
<option> PHOTOSHOP </option>
<option>CORELDRAW</option>
<option>C</option>
<option> ILLUSTRATOR </option>
<option>FLASH</option>
<option>3D MAX</option>
<option>GOOGLE SKETCH</option>
<option>MAYA IN 2D & 3D</option>
<option>TALLY</option>
<option>BUSY</option>
<option>AUTO CAD</option>
<option>.NET</option>
<option>M.C.M</option>
<option>B.C.A</option>
<option>MS-CIT</option>
<option>SHORT TERM COURSES</option>
<option>C.C.C</option>
<option>SOFTWARE TESTING</option>
<option>HARDWARE & NETWORKING</option>
<option>COMPLETE ANIMATION</option>
<option>WEB DESIGNING</option>
</td>
</tr>
<tr>
<td class="text_form">Want To Join on (Date) :</td>
<td class="lefttd"> <input type="date" value="mm/dd/yy" style="height:25px; border:3px solid grey;
font-size:18px;"> </td>
</tr>
<tr>
<td class="text_form">Suitable Timing :</td>
<td class="lefttd"> <input type="text" style="height:25px; border:3px solid grey;
fontsize:18px;"/>  <select style="height:30px; font-size:18px;border:3px solid grey;
width:75px;"><option>A.M</option><option>P.M</option>< </td>
</tr>
<tr>
<td> </td>
<td class="lefttd"> <input type="submit" value="Submit" style="height:50px; width:140px;
background-color:black; border-style:outset; border-width:5px; color:white; border-color:blue; fontvariant:small-caps; font-weight:bold; font-size:18px;"onClick="javascript:alert('Your Admission
Form
Submitted Successfully! We Contact you as soon as possible! Thank
YOu');location.href='index.html'"; />   <input type="reset" style="height:50px;
width:140px; background-color:black; border-style:outset; border-width:5px; color:white; bordercolor:blue; font-variant:small-caps; font-weight:bold; font-size:18px;"/> </td>
Page 69

</tr>
</table>
<div>
</div>
</div>
</div>
<li
class="facebook"><a
href="#"
title="[Facebook
External
web
site]"><img
</ul>
</div>
</div>
CONTACT
US:-<br/>D.T
Company
Road
Railtoly
Reserved</span>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Gallery Coding
<html>
<head>
td{text-align:center; font-weight:bold;}
.c { clear: both; }
Page 70

</style>
</div>
}
}
}
}
</script>
</head>
<a href="#1">
</a>
</div>
<a href="#2">
</a>
<a href="#3">
<div
INSTITUTE
OF
COMPUTER
EDUCATION</div>
</div>
Page 71

'demo01',
display: {
box settings
}});
</script>
</div>
<div
class="button"><a
href="index.html"
src="H1.png"
width="210"
<div
class="button"><a
href="about.html"
src="AB1.png"
width="210"
<div
class="button"><a
src="AD1.png"
width="210"
<div
class="button"><a
href="gallery.html"
src="G1.png"
width="210"
<div
class="button"><a
src="F1.png"
width="210"
</div>
</div>
</div>
<div class="section1_gallery">
<div class="inside_sectionsucess">
<div>
<iframe src="VVIMP/index.htm" width="100%" height="900px"></iframe>
</a></div>
<div>
</div>
</div>
</div>
Page 72

<li
class="facebook"><a
href="#"
title="[Facebook
External
web
site]"><img
</ul>
</div>
</div>
CONTACT
US:-<br/>D.T
Company
Road
Railtoly
Reserved</span>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Feedback Coding
<html>
<head>
td{ font-weight:bold;}
.c { clear: both; }
.text_form{font-variant:small-caps; font-weight:bold; font-family:"Lucida Sans Unicode", "Lucida
Grande", sans-serif; font-size:20px; color:blue;}
</style>
</div>
Page 73

}
}
}
}
</script>
</head>
<a href="#1">
</a>
</div>
<a href="#2">
</a>
<a href="#3">
<div
INSTITUTE
OF
COMPUTER
EDUCATION</div>
</div>
'demo01',
Page 74

display: {
box settings
}});
</script>
<script>
function myFunction()
{
var k = document.getElementById("t1").value;
var b = document.getElementById("t2").value;
document.getElementById("abc").innerHTML=k;
document.getElementById("abcd").innerHTML=b;
}
</script>
</div>
<div
class="button"><a
href="index.html"
src="H1.png"
width="210"
<div
class="button"><a
href="about.html"
src="AB1.png"
width="210"
<div
class="button"><a
src="AD1.png"
width="210"
<div
class="button"><a
href="gallery.html"
src="G1.png"
width="210"
<div
class="button"><a
src="F1.png"
width="210"
</div>
</div>
</div>
<table width="90%" align="center" border="0" cellspacing="15" cellpadding="10" style="borderstyle:solid; border-color:blue; border-width:6px;">
<tr><td colspan=2><hr/></td></tr>
<tr style="background-color:black;">
<td colspan="2" style="text-align:center; font-variant:small-caps; font-size:34px; color:white;
">Thank You! For Your Precious Time.</td>
Page 75

</tr>
<tr><td colspan=2> </td></tr>
<td width="30%" class="text_form">Please Enter Your Name Here:-</td>
<td width="70%" align="right"><input type="text" id="t1" size="70" style="height:25px; border:3px
solid grey;"/></td>
</tr>
<td width="30%" class="text_form">Please Enter Your Comment Here:-</td>
<td width="70%" align="right"><input type="text" id="t2" size="70" style="height:175px;
border:3px solid grey;"/></td>
</tr>
<tr>
<td> </td>
<td align="right"> <br/><br/><input type="submit" value="Submit" style="height:50px;
width:140px; background-color:black; border-style:outset; border-width:5px; color:white; bordercolor:blue;
font-variant:small-caps;
font-weight:bold;
font-size:18px;"
onClick="myFunction();" />   </td>
</tr>
<tr><td><h1>Name:-</h1></td><td><p
style="font-size:24px;
font-weight:bold;"
id="abc">  </p></td></tr>
<tr><td><h1>Post
Comment:-</h1></td><td><p
style="font-size:24px;
font-weight:bold;"
id="abcd">  </p></td></tr>
</table>
<div>
</div>
</div>
</div>
<li
class="facebook"><a
href="#"
title="[Facebook
External
web
site]"><img
</ul>
</div>
</div>
Page 76

CONTACT
US:-<br/>D.T
Company
Road
8552842958/8180029488<br/>informix@informix.edu
<br/><span style="font-size:10px;">Copyrights. 2014
Reserved</span>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Railtoly
Informix
Gondia<br/>Contact:Computer.
All
Rights
Course Fees Structure Coding

<html>
<head>
.c { clear: both; }
</style>
</div>
}
}
}
}
</script>
Page 77

</head>
<a href="#1">
</a>
</div>
<a href="#2">
</a>
<a href="#3">
<div
INSTITUTE
OF
COMPUTER
EDUCATION</div>
</div>
'demo01',
display: {
box settings
}});
</script>
</div>
<div
class="button"><a
href="index.html"
src="H1.png"
width="210"
Page 78

<div
class="button"><a
href="about.html"
src="AB1.png"
width="210"
<div
class="button"><a
src="AD1.png"
width="210"
<div
class="button"><a
href="gallery.html"
src="G1.png"
width="210"
<div
class="button"><a
src="F1.png"
width="210"
</div>
</div>
</div>
<table width="100%" border="2" cellspacing="5" cellpadding="4" style="border-style:dashed;
border-color:blue; border-width:3px;">
<tr style="background-color:black; color:white; text-align:center; font-weight:bold;font-size:20px;
font-family:"Comic sans ms";">
<td>Sr.no</td>
<td>Course Name </td>
<td>Month</td>
<td>Fees</td>
</tr>
<tr>
<td>1</td>
<td class="lefttd">PHP & MY -SQL</td>
<td>6</td>
<td>6,000</td>
</tr>
<tr>
<td>2</td>
<td class="lefttd"> C++ </td>
<td>3</td>
<td>3,000</td>
</tr>
<tr>
<td>3</td>
<td class="lefttd"> JAVA </td>
<td>3</td>
<td>4,000</td>
</tr>
<tr>
<td>4</td>
<td class="lefttd"> ADVANCE JAVA </td>
<td>6</td>
<td>5,000</td>
</tr>
<tr>
Page 79

<td>5</td>
<td class="lefttd"> DATA STRUCTURE </td>
<td>6</td>
<td>6,000</td>
</tr>
<tr>
<td>6</td>
<td class="lefttd"> ORACLE </td>
<td>6</td>
<td>5,000</td>
</tr>
<tr>
<td>7</td>
<td class="lefttd"> HTML / CSS </td>
<td>3</td>
<td>1,000</td>
</tr>
<tr>
<td>8</td>
<td class="lefttd"> JAVASCRIPT/XML </td>
<td>3</td>
<td>1,000</td>
</tr>
<tr>
<td>9</td>
<td class="lefttd"> DREAMWEAVER </td>
<td>3</td>
<td>1,200</td>
</tr>
<tr>
<td>10</td>
<td class="lefttd"> PHOTOSHOP </td>
<td>3</td>
<td>1,200</td>
</tr>
<tr>
<td>11</td>
<td class="lefttd"> CORELDRAW </td>
<td>3</td>
<td>1,200</td>
</tr>
<tr>
<td>12</td>
<td class="lefttd"> C </td>
<td>3</td>
<td>2,500</td>
</tr>
<tr>
<td>13</td>
<td class="lefttd"> ILLUSTRATOR </td>
<td>3</td>
Page 80

<td>1,200</td>
</tr>
<tr>
<td>14</td>
<td class="lefttd"> FLASH </td>
<td>3</td>
<td>4,000</td>
</tr>
<tr>
<td>15</td>
<td class="lefttd"> 3D MAX </td>
<td>6</td>
<td>5,000</td>
</tr>
<tr>
<td>16</td>
<td class="lefttd"> GOOGLE SKETCH </td>
<td>3</td>
<td>4,000</td>
</tr>
<tr>
<td>17</td>
<td class="lefttd"> MAYA IN 2D & 3D </td>
<td>6</td>
<td>12,000</td>
</tr>
<tr>
<td>18</td>
<td class="lefttd"> TALLY </td>
<td>3</td>
<td>2,300</td>
</tr>
<tr>
<td>19</td>
<td class="lefttd"> BUSY </td>
<td>3</td>
<td>2,300</td>
</tr>
<tr>
<td>20</td>
<td class="lefttd"> AUTO CAD </td>
<td>3</td>
<td>6,000</td>
</tr>
<tr>
<td>21</td>
<td class="lefttd"> .NET </td>
<td>6</td>
<td>7,000</td>
</tr>
<tr>
Page 81

<td></td>
<td class="lefttd"> NAGPUR UNIVERSITY SYLLABUS </td>
<td></td>
<td></td>
</tr>
<tr>
<td>22</td>
<td class="lefttd"> MASTER OF COMPUTER MANAGEMENT (M.C.M) SEMESTER PATTERN
</td>
<td>6</td>
<td>6,000(P.S)</td>
</tr>
<tr>
<td>23</td>
<td class="lefttd"> BACHLER OF COMPUTER APPLICATION (B.C.A)</td>
<td>1 YEAR</td>
<td>10,000 (P.A)</td>
</tr>
<tr>
<td>24</td>
<td class="lefttd"> MS-CIT </td>
<td>6</td>
<td>3,600</td>
</tr>
<tr>
<td>25</td>
<td class="lefttd"> SHORT TERM COURSES </td>
<td>1</td>
<td>1,000</td>
</tr>
<tr>
<td>26</td>
<td class="lefttd"> COURSE ON COMPUTER CONCEPT (C.C.C) </td>
<td>3</td>
<td>2,200</td>
</tr>
<tr>
<td>27</td>
<td class="lefttd"> SOFTWARE TESTING </td>
<td>3</td>
<td>5,000</td>
</tr>
<tr>
<td>28</td>
<td class="lefttd"> HARDWARE & NETWORKING
(DIPLOMA IN HARDWARE &
NETWORKING) </td>
<td>1 YEAR</td>
<td>25,000</td>
</tr>
<tr>
<td>29</td>
Page 82

<td class="lefttd"> COMPLETE ANIMATION (DIPLOMA IN ANIMATION) </td>
<td>1 YEAR</td>
<td>40,000</td>
</tr>
<tr>
<td>30</td>
<td class="lefttd"> WEB DESIGNING (DIPLOMA IN WEB DESIGNING) </td>
<td>1 YEAR</td>
<td>21,000</td>
</tr>
</table>
<div>
</div>
</div>
</div>
<li
class="facebook"><a
href="#"
title="[Facebook
External
web
site]"><img
</ul>
</div>
</div>
CONTACT
US:-<br/>D.T
Company
Road
Railtoly
Reserved</span>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Successful Student Coding

<html>
<head>
Page 83

.c { clear: both; }
</style>
</div>
}
}
}
}
</script>
</head>
<a href="#1">
</a>
</div>
<a href="#2">
Page 84

</a>
<a href="#3">
<div
INSTITUTE
OF
COMPUTER
EDUCATION</div>
</div>
'demo01',
display: {
box settings
}});
</script>
</div>
<div
class="button"><a
href="index.html"
src="H1.png"
width="210"
<div
class="button"><a
href="about.html"
src="AB1.png"
width="210"
<div
class="button"><a
src="AD1.png"
width="210"
<div
class="button"><a
href="gallery.html"
src="G1.png"
width="210"
<div
class="button"><a
src="F1.png"
width="210"
</div>
</div>
</div>
<div class="inside_sectionsucess">
Page 85

<div><img src="contactsheet.jpg"/ width="100%"></div>
<div><img src="contactsheet1.jpg"/ width="100%"></div>
<div>
</div>
</div>
</div>
<li
class="facebook"><a
href="#"
title="[Facebook
External
web
site]"><img
</ul>
</div>
</div>
CONTACT
US:-<br/>D.T
Company
Road
Railtoly
Reserved</span>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
CSS Coding
body{background-color:#746885;}
.container{margin:auto; width:80%;}
.header{background-image:url(../bg.png); width:100%; height:200px;}
.slider{background-color:black; width:100%; height:400px;}
.sliderinsider{margin:auto; width:80%;}
.section1{width:100%; height:600px; background-color:black;}
.section1_about{width:100%; height:1150px; background-color:black;}
Page 86

.section1_feedback{width:100%; height:400px;}
.feedbackiframe{width:80%; margin:auto; position:relative; top:30px;}
.section1_gallery{width:100%; height:1050px; background-color:black;}
.textbg{width:100%; margin:auto;}
.inside_section{background-image:url(../sectionbg.png); background-repeat:no-repeat; height:600px;
margin:auto; width:95%;}
.inside_sectionabout{background-image:url(../aboutbg.png);
background-repeat:repeat-y;
height:95%; margin:auto; width:92%; padding-left:20px; padding-right:20px; padding-top:20px;}

.inside_sectionfeedback{background-image:url(../aboutbg.png);
height:95%; margin:auto; width:92%; padding-left:20px; padding-right:20px; padding-top:20px;}

.inside_sectionfees{background-image:url(../aboutbg.png); background-repeat:repeat-y; height:95%;
margin:auto;
margin-top:20px;width:92%;
padding-left:20px;
padding-right:20px;
padding-
top:20px;}
.inside_sectionsucess{background-image:url(../aboutbg.png);
height:90%; margin:auto; width:92%; margin-top:20px;padding-left:20px; padding-right:20px;

padding-top:20px;}
.text_bg{background-color:#CCC; opacity:0.7; filter:alpha(opacity=70); height:550px; width:60%;
position:relative; top:25px; left:20px; float:left; border:2px solid;border-radius:25px;box-shadow:
10px 10px 5px #000000;}
.text_bg1{background-color:#CCC; opacity:0.7; filter:alpha(opacity=70); height:550px; width:34%;
position:relative; top:25px; left:40px; float:left; border:2px solid;border-radius:25px;box-shadow:
10px 10px 5px #000000;}
.text{background-image:url(../text.png); background-repeat:no-repeat; height:550px; width:100%;}
.footer{background-image:url(../ft-bg.png); width:100%; height:200px;}
.footer_container{width:100%; height:200px; margin:auto;}
.footer_section{width:30%; float:left; height:200px; margin-top:10px; font-family:Arial, Helvetica,
sans-serif; color:white; font-weight:bold;}
.footer_section2{width:100%; float:left; height:200px; margin-top:30px; margin-left:125px; fontfamily:Arial, Helvetica, sans-serif; color:white; font-weight:bold; line-height:30px;}
.footer_section1{width:65%; height:50px; margin-top:80px; margin-left:40px; padding-top:15px;
font-family:Arial,
Helvetica,
sans-serif;
color:white;
font-weight:bold;
color:white;opacity:0.8; filter:alpha(opacity=80);}
.marquee_section{width:80%; margin:auto; height:60%; padding-top:20px;}
.marqueedown_section{width:80%; margin:auto; height:40%; padding-top:20px;}
Page 87
background-

.button_bg{width:100%; background-color:black; height:70px; margin-top:10px;}
.button_bginsider{width:95%; margin:auto; background-color:blue;}
.button{width:20%; height:60px; float:left; }
ul,ol{list-style:none;}
#social-icon li,#cards li{float:left;margin:0 10px 0 0}
#cards li{margin:4px 2px}
#social-icon li{border-radius:50% 50% 50% 50%;float:left;height:32px;width:32px;list-style:none
outside none;margin:0 8px 0 0;-webkit-transition:all ease 0.3s;-moz-transition:all ease 0.3s;-otransition:all ease 0.3s;-ms-transition:all ease 0.3s;transition:all ease 0.3s}
#social-icon
li:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-
transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);cursor:pointer}
#social-icon li a{display:block;height:32px;width:32px;z-index:0}
#social-icon li a:hover{z-index:100}
#social-icon li a:hover img{opacity:0;z-index:0}
#social-icon li.google a:hover{background:url(../img/google-hover.png) no-repeat scroll 0 0
transparent}
#social-icon li.twitter a:hover{background:url(../img/twitter-hover.png) no-repeat scroll 0 0
transparent}
#social-icon li.facebook a:hover{background:url(../img/facebook-hover.png) no-repeat scroll 0 0
transparent}
#social-icon li.rss a:hover{background:url(../img/rss-hover.png) no-repeat scroll 0 0 transparent}
.facebook, .google, .linkedin, .twitter {width: 32px}
.header_logo{height:200px; width:300px;}
#slider_container_1 { float: left; padding: 10px; width: 1040px; background: #000000; -moz-borderradius: 10px 10px; -webkit-border-radius: 10px 10px; border-radius: 10px 10px; }
#SliderName{
width: 1040px;
height: 300px;
margin: auto;
}
.SliderNamePrev{
background: url(../img/left.gif) no-repeat center center;
width: 24px;
height: 24px;
Page 88

display: block;
position: absolute;
top: 138px;
left: 10px;
text-decoration: none;
}
.SliderNameNext{
background: url(../img/right.gif) no-repeat center center;
width: 24px;
height: 24px;
display: block;
position: absolute;
top: 138px;
right: 10px;
}
.SliderNameDescription{
font-family: Verdana;
font-size:24px;
text-align:center;
color:blue;
font-weight:bold;
padding: 5px;
}
#SliderNameNavigation { margin: 10px 0 0 0; padding-top: 15px; height: 15px; text-align: center;
-moz-border-radius: 6px 6px; background: #fff; }
#SliderNameNavigation a:link, #SliderNameNavigation a:active, #SliderNameNavigation a:visited,
#SliderNameNavigation a:hover{
margin: 0 2px;
background: url(../img/nav.gif) no-repeat center center;
font-size: 0px;
line-height: 0px;
padding: 12px;
Page 89

}
#SliderNameNavigation
a.active:link,
#SliderNameNavigation
#SliderNameNavigation a.active:visited, #SliderNameNavigation a.active:hover{

background: url(../img/nav_active.gif) no-repeat center center;
}
Java Script Coding

/**
* Sliderman.js
* Version: 1.3.7
* Author: Taras Ozarko (tozarko@gmail.com)
*
* (c) 2010-2011 Devtrix. All rights reserved. http://www.devtrix.net/sliderman/
**/
var Sliderman = new function(){
var Sliderman = this;
function foreach(o, f){for(var k in o) if(o.hasOwnProperty(k) && f(k,o[k],o)) return;}
function is_array(a){return a && a.constructor == Array;}
function is_string(a){return typeof(a) == 'string';}
function is_function(a){return typeof(a) == 'function';}
function now(){return (new Date()).getTime();}
function this_blur(){this.blur();}
function random(l){
if(l == 0) return;
else if(l == 1) return 0;
r = Math.round(Math.random()*(l+1));
if(r > 0 && r < l+1) r--;
else r = random(l);
return r;
}//random
function addElementEvent(o,e,f){
var of = o[e];
var f2 = function(){of();f();}
o[e] = !is_function(of) ? f : f2;
Page 90
a.active:active,

}//addElementEvent
var _loadImage = [];
function loadImage(s,f,always_show_loading){
var i_onload = function(){_loadImage[s]=true;if(f)f(s);}
var l = function(){if(_loadImage[s]){if(f)f(s);}else{var i=newElement('IMG');i.onload=i_onload;new
function(){i.src=s;};}}
if(always_show_loading)
setTimeout(l,
typeof(always_show_loading)
==
'number'
always_show_loading : 1000);
else l();
}//loadImage
function array_copy(a){
if(is_array(a)) var r = [];
else var r = {};
foreach(a, function(i){r[i] = typeof(a[i]) != 'object' ? a[i] : array_copy(a[i]);});
return r;
}//array_copy
function eq(a, b){
return String(a).replace(/^\s+/, '').replace(/\s+$/, '').toLowerCase() == String(b).replace(/^\s+/,
'').replace(/\s+$/, '').toLowerCase();
}//eq
function array_search(arr, a, b){
var result = false;
if(!b){
foreach(arr, function(i){
if(eq(arr[i], b)){
result = i;
return true;
}
});
}
else{
foreach(arr, function(i){
if(eq(arr[i][a], b)){
Page 91

result = i;
return true;
}
});
}
return result;
}//array_search
function validateOption(a, b){
b = b.split(',');
var result;
foreach(b, function(i){
result = b[i];
if(eq(a, b[i])) return true;
});
return result;
}//validateOption
var setOpacity;
function setOpacityInit(){
if(setOpacity) return;
var p, b = document.body, s = b.style;
if(is_string(s.opacity)) p = 'opacity';
else if(is_string(s.MozOpacity)) p = 'MozOpacity';
else if(is_string(s.KhtmlOpacity)) p = 'KhtmlOpacity';
else if(b.filters && navigator.appVersion.match(/MSIE ([\d.]+);/)[1]>=5.5) p = 'filter';
if(p == 'filter'){
setOpacity = function(style, v){
if(v > 1) v = 1;
else if(v < 0) v = 0;
style[p] = "alpha(opacity=" + Math.round(v*100) + ")";
}
}else if(p){
setOpacity = function(style, v){
if(v > 1) v = 1;
else if(v < 0) v = 0;
Page 92

style[p] = v.toFixed(2);
}
}else setOpacity = ef
}//setOpacityInit
function setStyle(style, property, value){
if(is_string(value)) style[property] = value;
else if(property == 'clip') style[property] = 'rect('+Math.round(value[0])+'px, '+Math.round(value[1])
+'px, '+Math.round(value[2])+'px, '+Math.round(value[3])+'px)';
else if(property == 'opacity') setOpacity(style, value);
else style[property] = Math.round(value)+'px';
}//setStyle
function setStyles(style, properties){
foreach(properties, function(property){
setStyle(style, property, properties[property]);
});
}
function hide(style){style.display = 'none';}
function show(style){style.display = '';}
function newElement(tagName, styles){
var e = document.createElement(tagName);
if(styles) setStyles(e.style, styles);
return e;
}//newElement
var definedObjects = [];
function defineObject(t, o){
if(!is_array(definedObjects[t])) definedObjects[t] = [];
if(o){
var n = -1, i;
if(o.name){
if(i = array_search(definedObjects[t], 'name', o.name)) n = i;
}else o.name = 'Sliderman-nameless-object-'+definedObjects[t].length;
if(n >= 0) definedObjects[t][n] = o;
else definedObjects[t].push(o);
}
Page 93

}//defineObjects
Sliderman.easing = function(e){defineObject('easing', e);}
Sliderman.order = function(e){defineObject('order', e);}
Sliderman.effect = function(e){defineObject('effect', EffectObject(e));}
function getDefinedObjects(t){
return definedObjects[t];
}//getDefinedObjects
function getDefinedObject(t, n){
var a = getDefinedObjects(t), i;
return is_array(a) && (i = array_search(a, 'name', n)) ? a[i] : false;
}//getDefinedObject
var _EffectObject = 0;
function EffectObject(a){
if(typeof(a) != 'object') a = {};
if(!a.name) a.name = 'Sliderman-nameless-effect-'+_EffectObject++;
a.interval = parseInt(a.interval) || 40; a.duration = parseInt(a.duration) || 200; a.delay =
parseInt(a.delay) || 0;
a.cols = parseInt(a.cols) || 1; a.rows = parseInt(a.rows) || 1; a.count = a.cols*a.rows;
a.top = a.top ? true : false; a.right = a.right ? true : false; a.bottom = a.bottom ? true : false; a.left =
a.left ? true : false;
a.fade = a.fade ? true : false; a.zoom = a.zoom ? true : false; a.move = a.move ? true : false, a.chess =
a.chess ? true : false;
a.easing = getDefinedObject('easing', a.easing) ? a.easing : 'swing';
a.order = getDefinedObject('order', a.order) ? a.order : 'random'; a.order_cache_id = [a.order, a.cols,
a.rows, a.road, a.reverse].join(',');
a.cache_id = [a.interval, a.duration, a.delay, a.top, a.right, a.bottom, a.left, a.fade, a.zoom, a.move,
a.chess, a.order_cache_id].join(',');
a.cacheId = function(){return a.cache_id + (a.order == 'random' ? now() : '');}
a.frames_count = Math.round(a.duration/a.interval); a.easingArr = getEasing(a);
a.P = []; a.pieces = function(w,h){w /= a.cols; h /= a.rows; var wh = w+'x'+h; if(!a.P[wh]){a.P[wh] =
{width: w, height: h};
for(var c = 0; c < a.cols; c++) for(var r = 0; r < a.rows; r++) a.P[wh][r+','+c] = [r*h, c*w+w, r*h+h,
c*w];
}return a.P[wh];}
Page 94

return a;
}//EffectObject
function slideContainer(slidesContainer, display){
var container = newElement('div', {width: display.width, height: display.height, position: 'absolute',
top: 0, left: 0, overflow: 'hidden'});
slidesContainer.appendChild(container);
return container;
}//slideContainer
var EffectsArr = [];
function Effects(parameters){
var effect = parameters.effect,
display = parameters.display;
if(parameters.contentmode) effect.zoom = false;

var cr, piece, r, image, startStylesArr = [], AnimateArr = [], needAnimate = [], AnimateItemsArr = [],
styleStart, styleEnd, styleDif;
var container = slideContainer(parameters.container, display);
var pieces = effect.pieces(display.width, display.height);
var e_top, e_bottom, e_left, e_right;
var effectsOptStr = effect.cacheId();
var frameN;
var orderArr = getOrder(effect);
if(EffectsArr[effectsOptStr]){
startStylesArr = EffectsArr[effectsOptStr].startStylesArr;
AnimateArr = EffectsArr[effectsOptStr].AnimateArr;
needAnimate = EffectsArr[effectsOptStr].needAnimate;
}else{
for(r = 0; r < effect.rows; r++) for(c = 0; c < effect.cols; c++){cr = r+','+c;
if(effect.chess && orderArr[cr] % 2 == 1){
e_top = effect.bottom; e_bottom = effect.top;
e_left = effect.right; e_right = effect.left;
}else{
e_top = effect.top; e_bottom = effect.bottom;
e_left = effect.left; e_right = effect.right;
}
Page 95

styleStart = {top: 0, left: 0, opacity: 1, width: display.width, height: display.height, overflow:
'hidden'};
styleEnd = array_copy(styleStart); piece = array_copy(pieces[cr]);
if(effect.fade) styleStart.opacity = 0;
if(e_top && e_bottom) piece[0] = piece[2] = (piece[0] + piece[2]) / 2;
else if(e_top) piece[2] -= pieces.height;
else if(e_bottom) piece[0] += pieces.height;
if(e_left && e_right) piece[1] = piece[3] = (piece[1] + piece[3]) / 2;
else if(e_left) piece[1] -= pieces.width;
else if(e_right) piece[3] += pieces.width;
if(effect.zoom){
styleStart.left = pieces[cr][3];
styleStart.top = pieces[cr][0];
if(e_left && e_right) styleStart.left += pieces.width / 2;
else if(e_right) styleStart.left += pieces.width;
else if(!e_left) styleStart.left = 0;
if(e_top && e_bottom) styleStart.top += pieces.height / 2;
else if(e_bottom) styleStart.top += pieces.height;
else if(!e_top) styleStart.top = 0;
if(e_left || e_right) piece[1] = piece[3] = 0;
if(e_top || e_bottom) piece[0] = piece[2] = 0;
styleStart.width = e_left || e_right ? 0 : display.width;
styleStart.height = e_top || e_bottom ? 0 : display.height;
}
if(effect.move){
if(e_top){
styleStart.top = parseInt(styleStart.top)-pieces.height;
piece[0] += pieces.height; piece[2] += pieces.height;
}
if(e_bottom){
styleStart.top = parseInt(styleStart.top)+pieces.height;
piece[0] -= pieces.height; piece[2] -= pieces.height;
}
if(e_left){
Page 96

styleStart.left = parseInt(styleStart.left)-pieces.width;
piece[1] += pieces.width; piece[3] += pieces.width;
}
if(e_right){
styleStart.left = parseInt(styleStart.left)+pieces.width;
piece[1] -= pieces.width; piece[3] -= pieces.width;
}
}
styleStart.clip = piece;
styleEnd.clip = pieces[cr];
styleDif = [];
foreach(styleEnd, function(property){
if(styleStart[property].toString() != styleEnd[property].toString()){
styleDif[property] = [];
if(property == 'clip'){
foreach(styleStart[property], function(n){
styleDif[property][n] = styleEnd[property][n] - styleStart[property][n];
});
}else styleDif[property] = styleEnd[property] - styleStart[property];
needAnimate[cr] = true;
}
});
startStylesArr[cr] = styleStart; AnimateArr[cr] = [];
if(effect.delay) for(var n = 0; n < Math.round(orderArr[cr]*effect.delay/effect.interval); n++)
AnimateArr[cr].push(null);
if(!needAnimate[cr]) AnimateArr[cr].push({display: ''});
else for(frameN = 1; frameN <= effect.frames_count; frameN++){
var style_c = [];
if(frameN == effect.frames_count) style_c = styleEnd;
else{
foreach(styleDif, function(property){
value = [];
if(property == 'clip'){
foreach(styleDif[property], function(n){
Page 97

value[n] = styleStart[property][n]+styleDif[property][n]*effect.easingArr[frameN]
});
}else value = styleStart[property]+styleDif[property]*effect.easingArr[frameN]
style_c[property] = value;
});
}
AnimateArr[cr].push(style_c);
}
}//for
EffectsArr[effectsOptStr] = {startStylesArr: startStylesArr, AnimateArr: AnimateArr, needAnimate:
needAnimate};
}
for(r = 0; r < effect.rows; r++) for(c = 0; c < effect.cols; c++){cr = r+','+c;
if(parameters.contentmode){
image = newElement('DIV', startStylesArr[cr]);
image.appendChild(parameters.src.cloneNode(true));
}else{
image = newElement('IMG', startStylesArr[cr]);
image.src = parameters.src;
}
var style = image.style;
style.position = 'absolute';
container.appendChild(image);
AnimateItemsArr[cr] = style;
if(!needAnimate[cr]) hide(AnimateItemsArr[cr]);
}
//ANIMATE
var time_s = now();
var framesCountAll = 1;
foreach(AnimateArr,
function(index){framesCountAll
Math.max(AnimateArr[index].length,
framesCountAll);});
var AnimateItem, AnimateItemsComplete = [], timerFuncStatus = true, timerFunc = function(){
if(timerFuncStatus){
var frameC = Math.ceil((now() - time_s) / effect.interval);
Page 98

frameC = frameC >= framesCountAll ? framesCountAll-1 : frameC-1;
foreach(AnimateArr, function(index){
AnimateItem = frameC > AnimateArr[index].length-1 ? AnimateArr[index].length-1 : frameC;
if(AnimateArr[index][AnimateItem] && !AnimateItemsComplete[index+','+AnimateItem]){
setStyles(AnimateItemsArr[index], AnimateArr[index][AnimateItem]);
AnimateItemsComplete[index+','+AnimateItem] = true;
}
});
if(frameC == framesCountAll-1){
if(effect.count > 1){
container.innerHTML = '';
if(parameters.contentmode) container.appendChild(parameters.src);
else
container.innerHTML
'<img
src="'+parameters.src+'"
height="'+display.height+'" />';
}
parameters.callback(container);
timerFuncStatus = false;
}
}
return timerFuncStatus;
};
var animateInterval = setInterval(function(){
if(!timerFunc()) clearInterval(animateInterval);
}, effect.interval);
}//Effects
function getOrder(effect){
var a = [], o, m = 0;
if(effect.count > 1){
o = getDefinedObject('order', effect.order);
if(!is_array(o.cache)) o.cache = [];
if(o.nocache || !o.cache[effect.order_cache_id]){
a = o.method(effect);
if(effect.reverse){
foreach(a, function(i, v){m = Math.max(m, v);});
Page 99
width="'+display.width+'"

foreach(a, function(i){a[i] = m - a[i];});
}
o.cache[effect.order_cache_id] = a;
}
a = o.cache[effect.order_cache_id];
}else a['0,0'] = 0;
return a;
}//getOrder
function getEasing(effect){
var o = getDefinedObject('easing', effect.easing), i, c = effect.frames_count;
if(!is_array(o.cache)) o.cache = [];
if(!o.cache[c]){
o.cache[c] = [];
for(i = 1; i <= c; i++) o.cache[c][i] = o.method(i/c);
}
return o.cache[c];
}//getEasing
Sliderman.slider = function(parameters){
setOpacityInit();
var Slider = {}, current = null, previous = null, EffectN = 0, nextIndex = null, prevImg, status = 'free',
isHover = false, images = [], descriptions = [], links = [], ef = function(){};
//EVENTS
var
events
parameters.events,
eventCall
events
is_function(events[e])) events[e](Slider);} : ef;

var contentmode = parameters.contentmode;
//SLIDER EFECTS
var effects = [];
var effectsNames = [];
var addEffect = function(e){
if(is_string(e)){
e = e.split(',');
if(e.length == 1){
var globalEffect = getDefinedObject('effect', e[0]);
if(globalEffect) addEffect(globalEffect);
Page 100
function(e){if(events[e]
&&

}else for(var i = 0; i < e.length; i++) addEffect(e[i]);
}else if(e){
e = EffectObject(e);
var effectsId = array_search(effects, 'name', e.name);
if(!effectsId) effectsId = effects.length;
effectsNames.push(e.name);
effects[effectsId] = array_copy(e);
}
}//addEffect
var getEffect = function(){
var n = 0;
if(effects.length > 1){
switch(display.effects_order){
case 'slides': n = current % effectsNames.length; break;
case 'effects': n = EffectN % effectsNames.length; break;
default:/*random*/
n = random(effectsNames.length);
}
}
EffectN++;
return effects[array_search(effects, 'name', effectsNames[n])];
}//getEffect
if(parameters.effects){
if(!is_array(parameters.effects)) parameters.effects = [parameters.effects];
for(var i = 0; i < parameters.effects.length; i++) addEffect(parameters.effects[i]);
}else parameters.effects = [];
if(!effects.length){
effects = array_copy(getDefinedObjects('effect'));
for(var i = 0; i < effects.length; i++) effectsNames.push(effects[i].name);
}
//OPTIONS
var display = parameters.display || {};
display.width = parameters.width;
display.height = parameters.height;
Page 101

var loading = display.loading || {};
var description = display.description || null;
var navigation = display.navigation || null;
var buttons = display.buttons || null;
Slider.random = function(){
var r = random(images.length);
return images.length > 1 && r == current ? Slider.random() : Slider.go(r);
}
Slider.next = function(){
var r = Slider.go(current === null ? 0 : current + 1);
if(display.loop && r){
autoplayCount++;
if(autoplayCount+1 >= images.length*display.loop) autoplay = ef;
}
return r;
}
Slider.prev = function(){
var r = Slider.go(current === null ? -1 : current - 1);
if(display.loop && r) autoplayCount--;
return r;
}
Slider.go = function(index){
index = (images.length + index) % images.length;
autoplay(false);
if(status != 'free') nextIndex = index;
if(status != 'free' || current == index) return autoplay(true) && false;
previous = current;
current = index;
eventCall('loading');
showLoading(true);
if(contentmode) doEffect(images[current]);
else loadImage(images[current], doEffect, display.always_show_loading);
return true;
}//go
Page 102

Slider.get = function(a){
switch(a){
case 'length': return images.length; break;
case 'current': return current; break;
case 'previous': return previous; break;
case 'images': return images; break;
case 'links': return links; break;
case 'descriptions': return descriptions; break;
}
}//get
var autoplayStatus = 'stop';//play,pause,stop
Slider.play = function(){if(!display.autoplay) return;
if(autoplayStatus != 'play'){
var s = autoplayStatus == 'stop';
autoplayStatus = 'play';
if(s) (display.random ? Slider.random : Slider.go)(0);
else autoplay(true);
}
}//play
Slider.pause = function(){if(!display.autoplay) return;
if(autoplayStatus == 'pause') Slider.play();
else if(autoplayStatus == 'play'){
autoplayStatus = 'pause';
autoplay(false);
}
}//pause
Slider.stop = function(){if(!display.autoplay) return;
autoplayStatus = 'stop';
current = null;
previous = null;
nextIndex = null;
EffectN = 0;
autoplay(false);
removePrevImg();
Page 103

if(display.first_slide) displayFirstSlide();
update();
}//stop
Slider.start = function(){if(!display.autoplay) return;
Slider.stop();
Slider.play();
}//start
var removePrevImg = function(){
if(prevImg && status == 'free'){
prevImg.parentNode.removeChild(prevImg);
prevImg = null;
}
}//removePrevImg
function displayFirstSlide(){
var c = slideContainer(imagesCont, display);
if(parameters.contentmode) c.appendChild(images[0]);
else
c.innerHTML
'<img
src="'+images[0]+'"
width="'+display.width+'"
height="'+display.height+'" />';
EffectN = 1;
previous = null;
current = 0;
}//displayFirstSlide
function update(){
descriptionShow(); linkUpd(); navigationUpd();
}//update
var styleDef = {width: display.width, height: display.height, position: 'absolute', top: 0, left: 0,
display: 'block'};
var mainCont = document.getElementById(parameters.container);
function addElementEventOnmouseover(){isHover = true;
if(buttons && buttons.hide) show(buttonsCont.style);
if(description && description.hide && !contentmode) show(descriptionCont.style);
if(display.pause) autoplay(false);
}
addElementEvent(mainCont, 'onmouseover', addElementEventOnmouseover);
Page 104

function addElementEventOnmouseout(){isHover = false;
if(buttons && buttons.hide) hide(buttonsCont.style);
if(description && description.hide && !contentmode) hide(descriptionCont.style);
if(display.pause) autoplay(true);
}
addElementEvent(mainCont, 'onmouseout', addElementEventOnmouseout);
//GET CONTENT
var maps = document.getElementsByTagName('MAP');
for(var i = 0; i < mainCont.childNodes.length; i++) if(mainCont.childNodes[i].nodeType == 1){
if(contentmode) images.push(mainCont.childNodes[i].cloneNode(true));
else{
switch(mainCont.childNodes[i].tagName){
case 'A':
var img = mainCont.childNodes[i].getElementsByTagName('IMG');
if(img.length){
images.push(img[0].src);
links[images.length-1] = mainCont.childNodes[i];
}else descriptions[images.length-1] = mainCont.childNodes[i];
break;
case 'IMG':
images.push(mainCont.childNodes[i].src);
if(mainCont.childNodes[i].useMap && maps.length) for(var m = 0; m < maps.length; m++){
if(maps[m].name && mainCont.childNodes[i].useMap.replace(/^[^#]*#/, '') == maps[m].name)
links[images.length-1] = maps[m];
}
break;
case 'MAP': continue; break;
default: descriptions[images.length-1] = mainCont.childNodes[i];
}
}
hide(mainCont.childNodes[i].style);
}
if(!contentmode) for(var i = 0; i < images.length; i++) loadImage(images[i]);
Page 105

//CONTAINERS
var sliderCont = newElement('DIV', {width: display.width, height: display.height, position:
'relative'}); mainCont.appendChild(sliderCont);
var imagesCont = newElement('DIV', styleDef); sliderCont.appendChild(imagesCont);
partsCont = sliderCont;
//LINKS
if(contentmode) var linkUpd = ef;
else{
var lnk = newElement('DIV', styleDef); partsCont.appendChild(lnk);
var linkUpd = function(){
lnk.innerHTML = ''; value = links[current];
if(value){
if(value.tagName == 'MAP'){
var a = newElement('IMG', styleDef);
a.src = images[current]; a.useMap = '#'+value.name;
}else{
var a = newElement('A', styleDef);
a.href = value.href; a.target = value.target;
}
setStyles(a.style, {opacity: 0, background: '#000000'});
a.onfocus = this_blur;
lnk.appendChild(a);
}
}
}
//LOADING
if(contentmode) var showLoading = ef;
else{
var loadingCont = newElement('DIV'); partsCont.appendChild(loadingCont);
hide(loadingCont.style);
if(loading.background){
var loadingBgStyle = array_copy(styleDef);
loadingBgStyle.background = loading.background;
if(loading.opacity) loadingBgStyle.opacity = loading.opacity;
Page 106

loadingCont.appendChild(newElement('DIV', loadingBgStyle));
}
if(loading.image){
var loadingImgStyle = array_copy(styleDef);
loadingImgStyle.background = 'url('+(loading.image)+') no-repeat center center';
loadingCont.appendChild(newElement('DIV', loadingImgStyle));
}
var showLoading = function(a){
if(a) show(loadingCont.style);
else hide(loadingCont.style);
status = a ? 'loading' : 'free';
}
}
//DESCRIPTION
var descriptionShow;
if(description && !contentmode){
var descriptionCont = newElement('DIV'); partsCont.appendChild(descriptionCont);
if(description.hide) hide(descriptionCont.style);
var descriptionStl = {position: 'absolute', overflow: 'hidden', textAlign: 'left'};
if(!description) description = [];
description.position = validateOption(description.position, 'top,left,right,bottom')
descriptionStl.background = description.background || 'white';
descriptionStl.opacity = description.opacity || 0.5;
descriptionStl.width = description.position == 'top' || description.position == 'bottom' ? display.width :
description.width || display.width*0.2;
descriptionStl.height = description.position == 'left' || description.position == 'right' ? display.height :
description.height || display.height*0.2;
descriptionStl[description.position == 'bottom'?'bottom':'top'] = 0;
descriptionStl[description.position == 'right'?'right':'left'] = 0;
var descBg = newElement('DIV', descriptionStl); descriptionCont.appendChild(descBg);
descriptionStl.opacity = 1; descriptionStl.background = '';
var desc = newElement('DIV', descriptionStl); descriptionCont.appendChild(desc);
function descriptionShow(){
desc.innerHTML = '';
Page 107

setStyle(descriptionCont.style, 'visibility', 'hidden');
var value = descriptions[current];
if(value){
setStyle(descriptionCont.style, 'visibility', 'visible');
value = value.cloneNode(true);
show(value.style);
desc.appendChild(value);
if(isHover) show(descriptionCont.style);
}
}
}else descriptionShow = ef
//BUTTONS
if(buttons){
var buttonsCont = newElement('DIV'); partsCont.appendChild(buttonsCont);
if(buttons.hide) hide(buttonsCont.style);
var btnPrev = newElement('A'); buttonsCont.appendChild(btnPrev);
btnPrev.href = 'javascript:void(0);';
var btnNext = btnPrev.cloneNode(true); buttonsCont.appendChild(btnNext);
btnPrev.onfocus = this_blur;
btnNext.onfocus = this_blur;
btnPrev.onclick = Slider.prev;
btnNext.onclick = Slider.next;
if(buttons.prev.label) btnPrev.innerHTML = is_string(buttons.prev.label) ? buttons.prev.label : 'prev';
if(buttons.prev.label) btnNext.innerHTML = is_string(buttons.next.label) ? buttons.next.label : 'next';
if(buttons.prev.className) btnPrev.className = buttons.prev.className;
if(buttons.next.className) btnNext.className = buttons.next.className;
if(buttons.opacity
||
buttons.prev.opacity)
setOpacity(btnPrev.style,
buttons.opacity
||
||
buttons.next.opacity)
setOpacity(btnNext.style,
buttons.opacity
||
buttons.prev.opacity);
if(buttons.opacity
buttons.next.opacity);
}
//NAVIGATION
var navigationUpd;
if(navigation){
Page 108

var navigationCont = document.getElementById(navigation.container);
var a;
if(navigation.prev){
a = newElement('A');
if(navigation.prev.label) a.innerHTML = is_string(navigation.prev.label) ? navigation.prev.label :
'Prev';
if(navigation.prev.className) a.className = navigation.prev.className;
a.href = 'javascript:void(0);';
a.onclick = Slider.prev;
navigationCont.appendChild(a);
}
var navigationLinks = [];
function a_onclick(){Slider.go(this.id.replace(parameters.container+'_SliderNavigation', ''));};
for(var i = 0; i < images.length; i++){
if(navigation.label) a.innerHTML = is_string(navigation.label) ? navigation.label : i+1;
if(navigation.className) a.className = navigation.className;
a.id = parameters.container+'_SliderNavigation'+i;
a.onclick = a_onclick;
navigationLinks.push(a);
}
if(navigation.next){
if(navigation.next.label) a.innerHTML = is_string(navigation.next.label) ? navigation.next.label :
'Next';
if(navigation.next.className) a.className = navigation.next.className;
a.onclick = Slider.next;
Page 109

}
function navigationUpd(){
for(var
0;
<
navigationLinks.length;
i++)
navigationLinks[i].className
navigationLinks[i].className.replace(/\bactive\b/g, '');
if(navigationLinks[current]) navigationLinks[current].className += ' active';
}
}else navigationUpd = ef
//AUTOPLAY
var autoplayCount = 0;
if(display.autoplay){
var autoplayTimeout;
var autoplay = function(a){
if(autoplayTimeout){
clearTimeout(autoplayTimeout);
autoplayTimeout = null;
}
if(a && !(isHover && display.pause) && autoplayStatus == 'play') autoplayTimeout =
setTimeout(display.random ? Slider.random : Slider.next, display.autoplay);
}//autoplay
}else var autoplay = ef
var doEffect = function(src){
if(autoplayStatus == 'stop') autoplayStatus = 'pause';
eventCall('before');
showLoading(false); status = 'busy'; update();
Effects({effect: getEffect(), display: display, container: imagesCont, src: src, callback: function(img){
status = 'free'; autoplay(true);
removePrevImg();
prevImg = img;
eventCall('after');
if(autoplayStatus == 'stop') removePrevImg();
else if(nextIndex !== null){
Slider.go(nextIndex);
nextIndex = null;
}
Page 110

}, contentmode: contentmode});
};
if(display.mousewheel){
onmousewheel = function(d){
if(d > 0) Slider.prev();
else if(d < 0) Slider.next();
return true;
};
function wheel(event){
var d = 0;
if(!event) event = window.event;
if(event.wheelDelta){
d = event.wheelDelta/120;
if(window.opera) d = -d;
}else if(event.detail) d = -event.detail/3;
if(d && onmousewheel(d)){
if(event.preventDefault) event.preventDefault();
event.returnValue = false;
}
}//wheel
if(mainCont.addEventListener){
mainCont.addEventListener("DOMMouseScroll",wheel,false);
mainCont.addEventListener("mousewheel",wheel,false);
}else addElementEvent(mainCont, 'onmousewheel', wheel);
}
if(display.first_slide) displayFirstSlide();
update();
if(typeof(display.autostart) == 'undefined' || display.autostart) Slider.play();
return Slider;
}//Sliderman.slider
}//Sliderman
/* predefined easing functions */
Sliderman.easing({name: 'none', method: function(x){return x;}});
Sliderman.easing({name: 'swing', method: function(x){return -Math.cos(x*Math.PI)/2 + 0.5;}});
Page 111

Sliderman.easing({name:
'wave',
method:
function(t){return
((Math.cos((1-
t)*3*Math.PI+2*Math.PI))*0.5+0.5+t)/2;}});
Sliderman.easing({name:
'bounce',
method:
function(t){return
t)*(2.5+t*t*3)*Math.PI+0.5*Math.PI)*(1-t));}});
/* predefined order functions */
Sliderman.order({name: 'straight', method: function(e){
var cols = e.cols, rows = e.rows, road = e.road, count = e.count;
var a = [], i = 0, c = 0, r = 0, cl = cols - 1, rl = rows - 1, il = count - 1, cr;
for(r = 0; r < rows; r++) for(c = 0; c < cols; c++){cr = r+','+c;
switch(road){
case 'BL': a[cr] = il-(c*rows+(rl-r)); break;
case 'RT': a[cr] = il-(r*cols+(cl-c)); break;
case 'TL': a[cr] = il-(c*rows+r);
case 'LT': a[cr] = il-(r*cols+c); break;
case 'BR': a[cr] = c*rows+r; break;
case 'LB': a[cr] = r*cols+(cl-c); break;
case 'TR': a[cr] = c*rows+(rl-r); break;
default: a[cr] = r*cols+c; break;//'RB'
}
}
return a;
}});
Sliderman.order({name: 'swirl', method: function(e){
var courses, course = 0;
switch(road){
case 'BL': c = cl; r = 0; courses = ['r+', 'c-', 'r-', 'c+']; break;
case 'RT': c = 0; r = rl; courses = ['c+', 'r-', 'c-', 'r+']; break;
case 'TL': c = cl; r = rl; courses = ['r-', 'c-', 'r+', 'c+']; break;
case 'LT': c = cl; r = rl; courses = ['c-', 'r-', 'c+', 'r+']; break;
case 'BR': c = 0; r = 0; courses = ['r+', 'c+', 'r-', 'c-']; break;
case 'LB': c = cl; r = 0; courses = ['c-', 'r+', 'c+', 'r-']; break;
case 'TR': c = 0; r = rl; courses = ['r-', 'c+', 'r+', 'c-']; break;
Page 112
Math.abs(Math.cos((1-

default: c = 0; r = 0; courses = ['c+', 'r+', 'c-', 'r-']; break;//'RB'
}
i = 0;
while(i < count){
cr = r+','+c;
if(c >= 0 && c < cols && r >= 0 && r < rows && typeof(a[cr]) == 'undefined') a[cr] = i++;
else switch(courses[course++%courses.length]){case 'c+': c--; break; case 'r+': r--; break; case 'c-': c+
+; break; case 'r-': r++; break;}
switch(courses[course%courses.length]){case 'c+': c++; break; case 'r+': r++; break; case 'c-': c--;
break; case 'r-': r--; break;}
}
return a;
}});
Sliderman.order({name: 'snake', method: function(e){
var courses, course = 0;
switch(road){
case 'BL': c = cl; r = 0; courses = ['r+', 'c-', 'r-', 'c-']; break;
case 'RT': c = 0; r = rl; courses = ['c+', 'r-', 'c-', 'r-']; break;
case 'TL': c = cl; r = rl; courses = ['r-', 'c-', 'r+', 'c-']; break;
case 'LT': c = cl; r = rl; courses = ['c-', 'r-', 'c+', 'r-']; break;
case 'BR': c = 0; r = 0; courses = ['r+', 'c+', 'r-', 'c+']; break;
case 'LB': c = cl; r = 0; courses = ['c-', 'r+', 'c+', 'r+']; break;
case 'TR': c = 0; r = rl; courses = ['r-', 'c+', 'r+', 'c+']; break;
default: c = 0; r = 0; courses = ['c+', 'r+', 'c-', 'r+']; break;//'RB'
}
i = 0;
while(i < count){cr = r+','+c;
if(c >= 0 && c < cols && r >= 0 && r < rows && typeof(a[cr]) == 'undefined'){a[cr] = i++;
switch(courses[course%courses.length]){case 'c+': c++; break; case 'r+': r++; break; case 'c-': c--;
}
else{
Page 113

switch(courses[course++%courses.length]){case 'c+': c--; break; case 'r+': r--; break; case 'c-': c++;
break; case 'r-': r++; break;}
switch(courses[course++%courses.length]){case 'c+': c++; break; case 'r+': r++; break; case 'c-': c--;
}
}
return a;
}});
Sliderman.order({name: 'straight_stairs', method: function(e){
switch(road){
case 'BL': case 'TR': case 'TL': case 'BR': var C = 0, R = 0; break;
case 'LB': case 'RT': case 'LT': case 'RB': default: road = 'RB'; var C = cl, R = 0; break;
}
c = C; r = R;
while(i < count){cr = r+','+c;
if(road.indexOf('T') == 1 || road.indexOf('R') == 1) a[cr] = il - i++;
else a[cr] = i++;
switch(road){
case 'BL': case 'TR': c--; r++; break;
case 'TL': case 'BR': c++; r--; break;
case 'LB': case 'RT': c--; r--; break;
case 'RB': case 'LT': default: c++; r++; break;
}
if(c < 0 || r < 0 || c > cl || r > rl){
switch(road){
case 'BL': case 'TR': C++; break;
case 'LB': case 'RT': case 'TL': case 'BR': R++; break;
case 'RB': case 'LT': default: C--; break;
}
if(C < 0 || R < 0 || C > cl || R > rl){
switch(road){
case 'BL': case 'TR': C = cl; R++; break;
Page 114

case 'TL': case 'BR': R = rl; C++; break;
case 'LB': case 'RT': R = rl; C--; break;
case 'RB': case 'LT': default: C = 0; R++; break;
}
if(R > rl) R = rl; else if(R < 0) R = 0; else if(C > cl) C = cl; else if(C < 0) C = 0;
}
r = R; c = C;
}
}
return a;
}});
Sliderman.order({name: 'square', method: function(effect){
var cols = effect.cols || 1, rows = effect.rows || 1, arr = [], i = 0, c, r, dc, dr, cr;
dc = cols < rows ? (rows-cols)/2 : 0; dr = cols > rows ? (cols-rows)/2 : 0; cr =
Math.round(Math.max(cols/2, rows/2)) + 1;
for(c = 0; c < cols; c++) for(r = 0; r < rows; r++) arr[r+','+c] = cr - Math.min(c+1+dc, r+1+dr, colsc+dc, rows-r+dr);
return arr;
}});
Sliderman.order({name: 'rectangle', method: function(effect){
var cols = effect.cols || 1, rows = effect.rows || 1, arr = [], i = 0, c, r, cr;
cr = Math.round(Math.min(cols/2, rows/2)) + 1;
for(c = 0; c < cols; c++) for(r = 0; r < rows; r++) arr[r+','+c] = cr - Math.min(c+1, r+1, cols-c, rowsr);
return arr;
}});
Sliderman.order({name: 'random', method: function(effect){
var a = [], tmp = [], r, c, i;
for(r = 0; r < effect.rows; r++) for(c = 0; c < effect.cols; c++) tmp.push(r+','+c);
tmp.sort(function(a,b){return Math.random() > 0.5;});
for(i = 0; i < effect.count; i++) a[tmp[i]] = i;
return a;
}});
Sliderman.order({
Page 115

name: 'circle', method: function(effect){
var cols = effect.cols || 1, rows = effect.rows || 1, arr = [], i = 0, c, r;
var hc = cols/2-0.5, hr = rows/2-0.5;
for(c = 0; c < cols; c++) for(r = 0; r < rows; r++) arr[r+','+c] = Math.round(Math.sqrt(Math.pow(c-hc,
2)+Math.pow(r-hr, 2)));
return arr;
}
});
Sliderman.order({
name: 'cross', method: function(effect){
var hc = cols/2-0.5, hr = rows/2-0.5;
for(c = 0; c < cols; c++) for(r = 0; r < rows; r++) arr[r+','+c] = Math.round(Math.min(Math.abs(c-hc),
Math.abs(r-hr)));
return arr;
}
});
Sliderman.order({
name: 'rectangle_cross', method: function(effect){
var hc = cols/2-0.5, hr = rows/2-0.5, cr = Math.max(hc, hr)+1;
for(c = 0; c < cols; c++) for(r = 0; r < rows; r++) arr[r+','+c] = Math.round(cr-Math.max(hcMath.abs(c-hc), hr-Math.abs(r-hr)))-1;
return arr;
}
});
/* predefined effects */
Sliderman.effect({name: 'fade', fade: true, duration: 400});
Sliderman.effect({name: 'move', left: true, move: true, duration: 400});
Sliderman.effect({name: 'stairs', cols: 7, rows: 5, delay: 30, order: 'straight_stairs', road: 'BL', fade:
true});
Sliderman.effect({name: 'blinds', cols: 10, delay: 100, duration: 400, order: 'straight', right: true,
zoom: true, fade: true});
Page 116

Sliderman.effect({name: 'rain', cols: 10, delay: 100, duration: 400, order: 'straight', top: true, fade:
true});
APPENDIX
Page 117
Page 118
Page 119
Page 120
Page 121
Page 122
Page 123
Page 124
FUTURE SCOPE AND

ENHANCEMENT OF
REPORT
Page 125

FUTURE SCOPE AND FUTURE ENHANCEMENT
The software will be complete by itself covering all the modules sections of the working.
Easy to use graphical interface providing full-fledged entry forms all sort of transaction.
Straight forword approach: the user interface will be designed with practical approach. The
criteria taken into account is the functionally. How practically the work can be done?
Preparation of different sorts of reports used by society will be equally effective feature of
this and among this type of software since its information for we are working . Our software
can be very impressive in this area. That too with minimum hardware normally found in
desktop pcs. This software can be used for any similar type of society just we have to do
some basic change in certain areas such as interest rate, loan limit etc. by extending the
project in future with the help of new technologies we can make it online also which will be
more advantageous to the society.
We can make future expansion in our project,so that admission management get better
satisfaction ,transaction process will become easier and faster.
FUTURE ENHANCEMENT
We know that, it true that everything has some drawbacks, however the thing is brought or
awonder, similarly, as per trend or anything . whatever our project has some drawbacks that
is :
1.
for lake of time ,we cannot make it online also which is more advantageous to the
society.
2.
Due to lack of time, we have not given many facilities in my project.
Page 126
BIBLIOGRAPHY
Page 127
BIBLIOGRAPHY
BOOK REFERED
An Introduction to project
By Reeta Sahoo
Project Delopment in graphic
By Aushotosh Pande
Web publication
By Monica Dezouza
Dynamic HTML
By O Relly(SPD)
Page 128

DocumentATION Msoffice

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

DocumentATION Msoffice

Uploaded by

Copyright:

Available Formats

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION

EDUCATION submitted for the B. Com (Computer Application)

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION

Technical feasibility study

Economical Feasibility study

Oprational feasibility study

Shedule Feasibility study

Web Design & Development

Software & Hardware Requirement Specification

Implementation & Maintaince

Code Estimation of project

Future code & enhancement of report

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION

Billing to mobile phones and landlines

Cash on delivery (C.O.D., offered by very few online stores)

Direct debit in some countries

Electronic money of various types

Postal money order

Wire transfer/delivery on payment

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION

Shopping cart systems

A high end solution can be bought or rented as a standalone program or as an addition

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION

Consumer needs and expectations

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION

Information and reviews

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION

Price and selection

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION

Sticking with known stores, or attempting to find independent consumer reviews of

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION

Using strong passwords, without personal information. Another option is a "pass

Lack of full cost disclosure

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION

Impact of reviews on consumer behaviour

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION

A web page may

incorporate elements from other website with suitable markup anchors.

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION

WEB DESIGN AND DEVELOPMENT

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION

Markup Languages [ such as HTML, XHTML and XML ]

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION

ACCESSIBLE WEB DESIGN

Main Article: Web Accessibility

Use semantic markup that provides a

meaningful structure to the document [ i.e. web page]

they can be recognized by other

web services on different web pages.

Use a valid markup language that conforms to a published DTD of Schema.

Natural information such as text, images and sounds

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION

Code or markup that defines structure, presentation etc.

scanning software, etc

who contribute content.

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION