INDEX

S. No. Table of Contents Pg. No.

1. INTRODUCTION 6
1.1 Overview of the project 7
2. AIM AND SCOPE OF THE PROJECT 8-11
2.1 Aim of the Project 8
2.2 Scope and Objective 9
2.3 System Requirements 10
2.3.1 Hardware Requirements 10
2.3.2 Software Requirements 11
3. INTERNET INFORMATION SERVICES 12-13
3.1 Feature 12
3.2 Application Pool 13
3.3 Security 13
4. HTML 14-17
5. CSS 18-22
6. JavaScript 23-25
7. HYPERTEXT PREPROCESSOR (PHP) 26-27
7.1 What is PHP? 26
7.2 Installing PHP on Windows 27
8. MySQL 28-30
8.1 What is MySQL 28,29
8.2 Installing MySQL on Windows 30
9. SYSTEM AND DEVELOPMENT TOOLS 31-33
9.1 Operating System 31
9.2 PhpMyAdmin 31
9.3 EditPlus 32
9.4 Dreamweaver 33
10. Screen Shot 34-37
11. Conclusion 38
12. References 39
13. Bibliography 40
 INTRODUCTION

Web design encompasses many different skills and disciplines in the production and
maintenance of websites. The different areas of web design include web graphic
design; interface design; authoring, including standardized code and proprietary
software; user experience design; and search engine optimization. Often many
individuals will work in teams covering different aspects of the design process,
although some designers will cover them all.[1] The term web design is normally
used to describe the design process relating to the front-end (client side) design of a
website including writing markup. Web design partially overlaps web engineering
in the broader scope of web development. Web designers are expected to have an
awareness of usability and if their role involves creating markup then they are also
expected to be up to date with web accessibility guidelines.

1.1 Overview of the Project

The "Website for Organic Food" project is designed to create a dynamic and user-
friendly platform for showcasing a wide range of organic food products. The site
will cater to health-conscious consumers, offering them a comprehensive tool for
browsing and discovering high-quality organic foods. Key features will include
advanced search filters, detailed product listings, and educational content to help
users make informed choices about their food.

The primary objective of this project is to develop a system that simplifies the
organic food shopping experience and enhances user engagement. Current organic
food platforms often present information in a fragmented manner, making it
challenging for users to compare and explore various products effectively. By

6
integrating intuitive navigation, high-quality images, and detailed product
descriptions, this project aims to make organic food discovery easier and provide a
more seamless experience for users. Features such as saved searches, product alerts,
and contact forms will further facilitate communication between consumers and
suppliers.

Through this project, we aim to address common frustrations in the organic food
market, ultimately providing a streamlined, efficient, and visually appealing
platform for all organic food needs.

7
 AIM AND SCOPE OF THE PROJECT

2.1 Aim of the Project

The aim of the "Website for Organic Food" project is to develop a centralized
platform that consolidates a wide range of organic food products and resources into
a single, user-friendly website. This platform will serve as a comprehensive resource
for health-conscious consumers, offering easy access to detailed product information
and interactive features.

By incorporating advanced search functionalities and detailed product profiles, the

project aims to simplify the organic food shopping and discovery process. Admin
functionalities will support the efficient management of product listings, allowing
organic food suppliers and farmers to update and showcase their products
effectively.

Ultimately, the goal is to enhance the efficiency and ease of the organic food
shopping experience, providing users with a streamlined platform where they can
explore, compare, and purchase organic foods. This project seeks to improve the
overall experience by offering a cohesive and accessible platform for all organic
food needs.

2.2 Scope and Objective

The "Website for Organic Food" project aims to revolutionize the organic food
shopping and discovery experience by offering a comprehensive platform that
addresses the diverse needs of health-conscious consumers. This platform will
provide a centralized hub for exploring, comparing, and purchasing a wide range of

8
organic food products, enhancing the overall shopping and education process.

SCOPE:
The scope of the "Website for Organic Food" project includes the creation of a robust
and user-friendly website interface designed to feature a wide range of organic food
products and educational resources. The site will offer functionalities for browsing,
searching, and filtering products based on various criteria such as category, price
range, dietary needs, and more.

Administrative features will allow for seamless addition, modification, and

management of product listings, ensuring that the information is up-to-date and
accurate. User profiles will include options for saving favorite products, setting up
alerts for new arrivals, and tracking their purchase history.

Interactive elements such as product comparison tools, detailed nutritional

information, and educational content about organic farming practices will enhance
the user experience and facilitate informed decision-making. The site will also
incorporate secure contact forms and communication channels to enable interactions
between consumers and suppliers.

Responsive design principles will be applied to ensure that the website performs
optimally across different devices, providing a consistent and accessible experience
for all users.

OBJECTIVE:
The primary objective of this project is to create a centralized online platform for
organic food that simplifies the process of discovering, exploring, and purchasing

9
organic products.

It aims to enhance the efficiency and effectiveness of the organic food shopping
experience by providing a comprehensive and user-centric resource. This project
seeks to improve the overall shopping experience for users by offering a well-
organized, accessible, and interactive platform for organic food products and
information.

The project also aims to support organic food suppliers and farmers by providing
them with a streamlined tool for managing and showcasing their products. By
integrating advanced search functionalities and interactive features, the project
strives to facilitate a more informed and engaging shopping process.

Ultimately, the goal is to contribute to the organic food market by offering a platform
that enhances accessibility, simplifies product discovery, and fosters effective
communication between consumers and suppliers.

2.3 System Requirements

2.3.1 Hardware Requirements

The most common set of requirements defined by any operating system or software
application is the physical computer resources, also known as hardware. The
minimal hardware requirements are as follows:

Edition: Windows 10 Pro

Version: 21H2

10
Processor: Intel(R) Core (TM) i5-6300U CPU @ 2.40GHz 2.50 GHz

Installed RAM: 8.00 GB (7.68 GB usable)

System type: 64-bit operating system, x64-based processor

Pen and touch: No pen or touch input is available for this display.
2.3.2 Software Requirements

Software requirements deal with defining resource requirements and prerequisites

that need to be installed on a computer to provide the functioning of an application.
The minimal software requirements are as follows:

Operating System: Windows

FRONT END - HTML, CSS, JAVASCRIPT

11
 INTERNET INFORMATION SERVICES 7.5 (IIS 7.5)

Microsoft IIS was used as the web server in this project, even though there were
many other web servers, it is the most used web server after Apache and it does not
need any complicated configurations before being used [2]. Furthermore, after IIS
6.0 was released, Microsoft’s security was greatly improved and especially it
cooperated with the .net environment, the cooperation made the security almost
perfect.

3.1 Features

The difficulty of the tool directly affects the number of users, especially the web
publishing tool. After all, many companies want to have their websites but do not
want to hire a high-paid network administrator to maintain them. Therefore, the
companies must use tools that are relatively easy to build the website with.

It is easier to use IIS as the web server, make it work, and publish the website and
its configuration is graphical.

The language of establishing a website or forum is varied, such as ASP, PHP, JSP,
and other languages. It is quite stable to run ASP on IIS, especially in the .net
environment. However, PHP is supported on Windows 7 only after a complex
configuration.
The FTP Server, Web Management Tools, and World Wide Web Services were
turned on before the IIS configuration. To support PHP, Module Mapping was added
in IIS, and the executable option was associated with the location of php-cgi.exe
after installing PHP in the local server.

12
3.2 Application pool

An application pool was proposed after IIS6.0 was released to support high-
performance web application design. It associates one or several applications with
one or several groups of processes. Those groups can avoid the overflow effectively
when the website consumes too large memory.

The website was assigned a separate application pool in this project, an independent
process called w3wp.exe was created in the system once the site started, therefore,
even if the site hangs up for some reason, it will not influence other sites that ran on
the same web server.

If each site used a separate application pool, there would be a problem that the server
would be overloaded. Meanwhile, the server would need to allocate more memory
and CPU usage. However, for high-performance servers located in a company, using
a separate application pool is the best choice to provide the users with the server’s
strong performance regardless of system resources.

3.3 Security

Timely installation of patches for the IIS web server is especially important since
the security patches relate to system security. The Microsoft official website often
publishes the latest security patches. For this reason, the server used in this project
was ensured to be updated once a week. And the FTP root directory was assigned to
the logical drive to prevent hackers’ attacks. In addition, the FTP default port was
modified to other than 21 and the log was enabled in case of server exception.

13
 HTML

Basics

Welcome to HTML Basics. This course leads you through the basics of Hyper Text
Markup Language (HTML). HTML is the building block for web pages. You will
learn to use HTML to create an HTML page to display in a web browser.

Objectives:
By the end of this course, you will be able to:
• Use a text editor to author an HTML document.
• Be able to use basic tags to denote paragraphs, emphasis, or special type.
• Create hyperlinks to other documents.
• Create an email link.
• Add images to your document.
• Use a table for layout.
• Apply colors to your HTML document.

Prerequisites:

You will need a text editor, such as Notepad, and an Internet browser, such as
Internet Explorer or Netscape.
Q: What is Notepad and where do I get it?
A: Notepad is the default Windows text editor. On most Windows systems,
click your Start button and choose Programs then Accessories. It is a little blue
notebook.

14
 Mac Users: SimpleText is the default text editor on the Mac. In OSX use
TextEdit and change the following preferences: Select (in the preferences
window) Plain text instead of Rich text and then select Ignore rich text
commands in HTML files. This is very important because if you don't do this
HTML code probably won't work.
One thing you should avoid using is a word processor (like Microsoft Word) for
authoring your HTML documents.

What is an HTML File?

HTML is a format that tells a computer how to display a web page. The documents
themselves are plain text files with special "tags" or codes that a web browser uses
to interpret and display information on your computer screen.
• HTML stands for Hyper Text Markup Language
• An HTML file is a text file containing small markup tags
• The markup tags tell the Web browser how to display the page
• An HTML file must have an htm or html file extension

Try It?
Open your text editor and type the following text:
<html>
<head>
<title>My First Webpage</title>
</head>
<body>
This is my first homepage. <b>This text is bold</b>
</body>

15
</html>
Save the file as mypage.html. Start your Internet browser. Select Open (or Open
Page) in the File menu of your browser. A dialog box will appear. Select Browse
(or Choose File) and locate the html file you just created - mypage.html - select it
and click Open. Now you should see an address in the dialog box, for example,
C:\MyDocuments\mypage.html. Click OK, and the browser will display the page.
To view how the page should look, visit this web page:
http://profdevtrain.austincc.edu/html/mypage.html

Example Explained
What you just made is a skeleton HTML document. This is the minimum required
information for a web document and all web documents should contain these basic
components. The first tag in your html document is <html>. This tag tells your
browser that this is the start of an HTML document. The last tag in your document
is </html>. This tag tells your browser that this is the end of the HTML document.
The text between the <head> tag and the </head> tag is header information. Header
information is not displayed in the browser window.

The text between the <title> tags is the title of your document. The <title> tag is
used to uniquely identify each document and is also displayed in the title bar of the
browser window.

The text between the <body> tags is the text that will be displayed in your browser.
The text between the <b> and </b> tags will be displayed in a bold font .

HTM or HTML Extension?

16
When you save an HTML file, you can use either the .htm or the .html extension.
The .htm extension comes from the past when some of the commonly used software
only allowed three-letter extensions. It is perfectly safe to use either .html or .htm,
but be consistent. mypage.htm and mypage.html are treated as different files by the
browser.

How to View HTML Source

A good way to learn HTML is to look at how other people have coded their HTML
pages. To find out, simply click on the View option in the toolbar of your browser
and select Source or Page Source. This will open a window that shows you the actual
HTML of the page. Go ahead and view the source HTML for this page.

HTML Tags

What are HTML tags?

• HTML tags are used to markup HTML elements

• HTML tags are surrounded by the two characters < and >
• The surrounding characters are called angle brackets
• HTML tags normally come in pairs like <b> and </b>
• The first tag in a pair is the start tag, the second tag is the end tag
• The text between the start and end tags is the element content
• HTML tags are not case sensitive, <b> means the same as <B>

17
 CSS

A CSS comprises style rules that are interpreted by the browser and then applied to
the corresponding elements in your document. A style rule is made of three parts:
Selector: A selector is an HTML tag to which a style will be applied. This could be
any tag like <h1> or <table> etc.
Property: A property is a type of attribute of an HTML tag. Put simply, all the
HTML attributes are converted into CSS properties. They could be color, border,
etc.

Value: Values are assigned to properties. For example, color property can
have the value either red or #F1F1F1, etc.
You can put CSS Style Rule Syntax as follows:
selector { property: value }

Example: You can define a table border as follows:

table { border :1px solid #C00; }

Here table is a selector and border is a property and the given value 1px solid #C00
is the value of that property. You can define selectors in various simple ways based
on your comfort. Let me put these selectors one by one.

The Type Selectors

This is the same selector we have seen above. Again, one more example of giving a
color to all level 1 headings:
h1 {

18
color: #36CFFF;
}
The Universal Selectors
Rather than selecting elements of a specific type, the universal selector quite simply
matches the name of any element type:
*{
color: #000000;
}
This rule renders the content of every element in our document in black.

The Descendant Selectors

Suppose you want to apply a style rule to a particular element only when it lies inside
a particular element. As given in the following example, the style rule will apply to
<em> element only when it lies inside the <ul> tag.
ul em {
color: #000000;
}

The Class Selectors

You can define style rules based on the class attribute of the elements. All the
elements
having that class will be formatted according to the defined rule.
.black {
color: #000000;
}
This rule renders the content in black for every element with class attribute set
to black in our document. You can make it a bit more particular. For example:

19
h1.black {
color: #000000;
}
This rule renders the content in black for only <h1> elements with the class attribute
set to black.
You can apply more than one class selector to a given element. Consider the
following example:
<p class="center bold">
This para will be styled by the class's center and bold.
</p>

The ID Selectors

You can define style rules based on the id attribute of the elements. All the elements
having that id will be formatted according to the defined rule.
#black {
color: #000000;
}
CSS
5
This rule renders the content in black for every element with id attribute set to black
in our document. You can make it a bit more particular.
For example:
h1#black {
color: #000000;
}
This rule renders the content in black for only <h1> elements with id attribute set

20
to black.
The true power of id selectors is when they are used as the foundation for descendant
selectors.
For example:
#black h2 {
color: #000000;
}
In this example, all level 2 headings will be displayed in black color when those
headings will lie within tags having id attribute set to black.

The Child Selectors

You have seen the descendant selectors. There is one more type of selector, which
is very similar to descendants but has different functionality. Consider the following
example:
body > p {
color: #000000;
}
This rule will render all the paragraphs in black if they are a direct child of the
<body>element. Other paragraphs put inside other elements like <div> or <td>
would not have any effect on this rule.

The Attribute Selectors

You can also apply styles to HTML elements with particular attributes. The style
rule below will match all the input elements having a type of attribute with a value
of text:
input[type="text"]
{

21
color: #000000;
}
The advantage of this method is that the <input type="submit" /> element is
unaffected, and the color is applied only to the desired text fields.

22
 JavaScript
Overview
JavaScript is a rich and expressive language in its own right. This section covers the
basic concepts of JavaScript, as well as some frequent pitfalls for people who have
not used JavaScript before. While it will be of particular value to people with no
programming experience, even people who have used other programming languages
may benefit from learning about some of the peculiarities of JavaScript.
If you’re interested in learning more about the JavaScript language, I highly
recommend JavaScript: The Good Parts by Douglas Crockford.

Syntax Basics
Understanding statements, variable naming, whitespace, and other basic JavaScript syntax.
A simple variable declaration
var foo = ’ h e l l o world ’;

Whitespace has no meaning outside of quotation marks

var foo = ’ h e l l o world ’;

Parentheses indicate precedence

2 * 3 + 5; // r e t u r n s 11; m u l t i p l i c a t i o n h a p p e n s f i r s t
2 * (3 + 5); // r e t u r n s 16; a d d i t i o n h a p p e n s f i r s t

Tabs enhance readability, but have no special meaning

var foo = f u n c t i o n () {
c o n s o l e . log ( ’ hello ’);
};

Operators

Basic Operators
Basic operators allow you to manipulate values.

23
Concatenation
var foo = ’ hello ’;
var bar = ’ world ’;
c o n s o l e . log ( foo + ’ ’ + bar ); // ’ h e l l o world ’

Multiplication and division

2 * 3;
2 / 3;

Incrementing and decrementing

var i = 1;
var j = ++ i ; // pre - i n c r e m e n t : j e q u a l s 2; i e q u a l s 2
var k = i ++; // post - i n c r e m e n t : k e q u a l s 2; i e q u a l s 3

Operations on Numbers & Strings

In JavaScript, numbers and strings will occasionally behave in ways you might not
expect.

Addition vs. concatenation

var foo = 1;
var bar = ’2 ’;
c o n s o l e . log ( foo + bar ); // 12. uh oh

Forcing a string to act as a number

var foo = 1;
var bar = ’2 ’;
// c o e r c e the s t r i n g to a n u m b e r
c o n s o l e . log ( foo + N u m b e r ( bar ));
The Number constructor, when called as a function (like above) will have the effect of
casting its argument
into a number. You could also use the unary plus operator, which does the same thing:

Forcing a string to act as a number (using the unary-plus operator)

24
c o n s o l e . log ( foo + + bar );

Logical Operators
Logical operators allow you to evaluate a series of operands using AND and OR
operations.
Logical AND and OR operators
var foo = 1;
var bar = 0;
var baz = 2;
foo || bar ; // r e t u r n s 1 , w h i c h is true
bar || foo ; // r e t u r n s 1 , w h i c h is true
foo && bar ; // r e t u r n s 0 , w h i c h is f a l s e
foo && baz ; // r e t u r n s 2 , w h i c h is true
baz && foo ; // r e t u r n s 1 , w h i c h is true
Though it may not be clear from the example, the || operator returns the value of the first
truthy operand, or, in cases where neither operand is truthy, it’ll return the last of both
operands. The && operator returns the value of the first false operand, or the value of the
last operand if both operands are truthy.
Be sure to consult the section called “Truthy and Falsy Things” for more details on which
values evaluate to true and which evaluates to false.

25
 HYPERTEXT PREPROCESSOR (PHP)

7.1 What is PHP

PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used open-

source general-purpose scripting language that is especially suited for web
development and HTML can be embedded into it. The developer could use PHP and
HTML to generate the homepage. Once a visitor accesses the index page, the server
will execute the PHP command and send the outcomes of implementation to the
visitor’s browser, however, the difference is that PHP is open source and supports
most of the popular platforms and it can be run on a Windows platform and multiple
versions of UNIX.

PHP does not require any pre-processing before rapid feedback; it does not need
mod_perl to adjust the memory image of the server. PHP consumes few resources,
as a part of the IIS server, PHP does not need to call an external binary code and the
server does not bear any additional burden. In addition to operating the page, PHP
can cooperate with HTTP. The cookie and digital signatures management can be
modified in the settings, and it provides good connectivity to the database.

There is no need to have a very special development environment with PHP, the
block starts and ends with the tags <?php and ?>. Certainly, PHP could be configured
with tags and even in ASP format and it would deal with everything among those
signs, but not in the same file.

The PHP programming language is like Pascal. There is no need to define any
variables before using them, and it is very simple to establish the array and the Hash.

26
7.2 Installing PHP on Windows

Since PHP is open source, it is easy to download the Windows Binaries from the
PHP official website. The PHP version used in this project is 5.2.0. Above all, the
PHP 5.2.0 zip file was downloaded and decompressed to a local hard disk. In order
to associate PHP with the local database, some extensions were enabled in a text file
called php.ini such as mbstring, gd2, and MySQL. In the next place, index.php was
added into the default library of IIS so that the server could recognize the PHP file
located in the root of the web server once the visitor accesses the IP address or the
DNS name.

Figure 7.2.1: A sample test file

The successful installation was tested by creating a file called info.php which is
shown in Figure 7.2.1, the file was placed into the default website folder and the
browser showed the result by typing http://localhost/info.php. Localhost is the DNS
name of the local IP address.

27
 MySQL

MySQL was owned and sponsored by a Swedish company MySQL AB, now owned
by Oracle Corporation. MySQL is free for open-source and not-for-profit projects.
For commercial use, developers must pay a license fee and paid editions offer
additional functionality.

8.1 What is MySQL

MySQL is a Relational Database Management System (RDBMS) that runs as a

server providing multi-user access to several databases.

MySQL was designed for three principles, which are performance, reliability, and
usability. A cheap, distinctive, fast, and efficient RDBMS was created by following
those principles. MySQL becomes a perfect tool for developers and administrators
to establish maintain and configure complex applications. It has the following main
features:

Performance

In the RDBMS, the speed of executing a query and returning the results to the
searchers is very important. MySQL is very fast, sometimes the implementation of
major orders is even faster than its competitors. The benchmark on the MySQL
official website shows that it is superior to almost all other databases such as
Microsoft SQL Server 2000 and IBM DB2.

28
Open-Source

The developer of MySQL (MySQL AB) is a strong supporter of open source, and
MySQL software can be used smoothly under the General Public License (GPL).
Users can download and modify the source code to meet their needs of the
application and are free to use it to enhance their applications.

Reliability

In most cases, the higher the performance of the database is, the more it will reduce
reliability. However, MySQL is not the case as it provides maximum reliability and
uptime, and many demanding applications have been tested and certified. MySQL’s
huge user base will help to quickly find and resolve the existent defects and can test
software in a variety of environments; this approach has created almost no defects
in the software. In addition, each new version of MySQL must be tested with
internal testing and crash-me tool testing, whose main purpose is to reach its limit
to access the ability of the system.

Portability

MySQL can be run on UNIX and non-UNIX operating systems, including Linux,
Solaris, FreeBSD, OS/2, MacOS, and Windows, it can run on a range of
architecture, including Intel x86, Alpha, SPARC, PowerPC, and IA64, it also
supports the 386 series from low to high-end Pentium machines and IBM zSeries
mainframes.

29
8.2 Installing MySQL on Windows

We simply downloaded the MySQL Windows installer and installed it on the local
hard disk. The following settings were configured in the MySQL Server:

− Server type

− Database usage

− Path of InnoDB tablespace

− Number of concurrent connections

− TCP/IP Networking

− Server SQL mode

− Default character set

− Windows Service
− Security.

After the configuration of the MySQL Server, the setting was executed into a
configuration file. The service was started, and the security settings were applied.
The default character set used in the server was utf-8. It is a widely used
transformation format with encoding for the world-wide-web and accounting for
more than half of all Web pages.

30
 SYSTEM AND DEVELOPMENT TOOLS

Four components needed to be added to the system when the development of the
website was made. The computer needed the right kind of operating system to
support Microsoft IIS 7.5, and the PHP web pages needed to be hosted by the IIS
server. Secondly, a database engine and a program were chosen to easily manipulate
the construction of the database. The development process was made by using a
convenient text editor. At last, the distribution of the website was designed by a web
development application.

9.1 Operating System

The programming work was carried out on one computer which ran the Windows 7
Ultimate system. The home version was not chosen since it did not support the IIS web
server. The features of IIS 7.5 were introduced in Chapter 2. In the final implementation,
the PHP website was tested on two computers which ran Windows 7 and Ubuntu, and it
was tested on IE, Chrome, and Firefox.

9.2 PhpMyAdmin

The database management tool used in this project was phpMyAdmin. It is an open-
source tool written in PHP. It realized the web database management instead of the
traditional system implementation.
The following configuration was modified in config.inc.php to access the
phpMyAdmin from the local host:

31
$cfgServers[1]["host"] = "localhost"; // hostname of MySQL

$cfgServers[1]["port"] = ""; // port of MySQL, default value is 3306

$cfgServers[1]["adv_auth"] = true; // Whether use advanced

functions or not $cfgServers[1]["stduser"] = "username"; // username
of administrator $cfgServers[1]["stdpass"] = "password"; // password
of administrator

9.3 EditPlus

The main code of PHP website was written on EditPlus. It is a functional 32-bit
compiler which can handle text, HTML and almost all programming languages. The
reason why EditPlus was chosen was that it supports HTML, CSS and PHP which
were involved in this project.

In addition, it has the following features so that it could make the project
development process even faster. It includes:

− fast booting.
− support syntax highlighting.
− support code completion.
− good project management.
− built-in Browser.

32
9.4 Dreamweaver

After compiling the PHP website, Dreamweaver CS5 was used to design the layout
of the website. After Dreamweaver CS5 was released, Content Management System
(CMS) was supported and PHP received better support, not only the programmer
could use code hints in the document to search for a custom function but could also
use this feature to design better CMS templates. In addition to those features,
Dreamweaver CS5 had some other new features, such as its integrated BrowserLab
network service that allows the developer to link to a web browser in the laboratory
and to use a different browser to check the layout at the same time. In order to test
the compatibility of the PHP website with different browsers, the computer needed
installations of several browsers, however, CS5 had the built-in Webkit engine
included so that it could simulate Safari and Chrome and preview the layout. This
did reduce the resources for testing the layout.

Requirements

Since the Dreamweaver was implemented on the Windows system, by way of

meeting the needs of stable running, there were some minimum requirements for it
and these are:

− Intel® Pentium® 4 or AMD Athlon® 64 processor.

− Microsoft® Windows 7® Ultimate or Enterprise.
− 512MB of RAM.
− 1GB of available hard disk space for installation.
− 1280x800 display with 16-bit video card.
− DVD-ROM drive.

33
Screen Shots

Figure 10.1

Figure 10.2

Figure 10.3

34
Figure 10.4

Figure 10.5

35
Figure 10.6

Figure 10.7

36
Figure 10.8

Figure 10.9

37
 Conclusion

In conclusion, the development of the "Website for Organic Food" requires the
implementation of appropriate tools and resources to ensure a high-quality user
experience. Standardization is essential to guarantee that the organic food
platform performs consistently across various devices and browsers. By adhering
to standardized practices and utilizing advanced resources, we ensure that users
can seamlessly explore and interact with organic food products, regardless of their
device or browser choice.

Additionally, leveraging the right technologies allows us to create a modern

organic food platform that integrates effectively with current software and tools,
enhancing the overall shopping and educational experience. The use of standard
tools ensures that features such as product searches, filters, and interactive
elements function smoothly, providing a familiar and intuitive user interface.

Ultimately, investing in the right resources and adhering to industry standards not
only improves the functionality and performance of the organic food website but
also contributes to its success and user satisfaction. By delivering a user-friendly
and efficient platform, we aim to offer a valuable resource that simplifies the
discovery and purchase of organic foods and fosters a dynamic and engaging
organic food market.

38
 References

1. M. Kovatsch, M. Lanter and S. Duquennoy, 2012. Actinium: A Restful

runtime container for scriptable Internet of Things applications, 2012 3rd
IEEE International Conference on the Internet of Things, Wuxi, 2012, pp.
135-142.

2. Chromium Blog. Google. 2011. HTML5 specification finalized,

squabbling over specs continues. From
https://blog.chromium.org/2011/11/game-changer-for-interactive.html.

39
 Bibliography

• www.wikipedia.com
• https://www.w3schools.com/
• From Wikipedia, “HTML”, http://en.wikipedia.org/wiki/html.
• www.tutorialspoint.com
• www.youtube.com

40