SlideShare a Scribd company logo
Designing the product page
DESIGNING THE
PRODUCT PAGE
Creating the Product Pages
A static page that is made up of HTML may be
used in displaying product information.
Managing the contents displayed in your
website may be made more flexible and manageable
by adding scripts other than HTML.
A product page in an E-commerce webapp is
actually a dynamic page that utilizes different scripts.
What do you need in creating the
product pages?
It will require different scripting languages
such as html, and technologies such as ASP.
Each scripting language and technology has a
specific role in creating webapp such as the E-
Commerce site.
Knowledge of the following:
Hypertext Markup Language – (HTML) Used in
creating elements that are displayed in Web pages
Cascading Style Sheets - (CSS) Used to define
how HTML elements will be displayed in Web
pages
Active Server Pages - (ASP) A microsoft
technology allows server-side scripts to be
executed in pages
Structured Query Language - (SQL) A scripting
language used to retrieve and manipulate records
in database.
You may also need:
Notepad
PSPad Code Editor
- PSPad allows you to open a multiple
text documents such as .html
, .asp, .css file in a single application
window.
- It also displays line numbers that will
enable you to identify lines that
contains errors.
Designing the product page
Content of your page:
 Index.asp
- Which will serve as the Home page
 Header.asp
- Both CSS and header files will be included in almost all the file
 Connect.asp
- This will contain the code that will connect to
 Products.asp
 Style.css
 db (database)
 Images
 New text documents
 10. asp.net

More Related Content

PPT
PPT
Chapter1 introduction to asp.net
PPTX
Favorite technologies
PPT
Dreamweaver_Abhijit
PPTX
Excel.t01
PPT
Una casa della salute per Sabaudia
PPTX
Mentoring and Growing Junior Writers
PPTX
Pop art grad school
Chapter1 introduction to asp.net
Favorite technologies
Dreamweaver_Abhijit
Excel.t01
Una casa della salute per Sabaudia
Mentoring and Growing Junior Writers
Pop art grad school

Similar to Designing the product page (20)

PPTX
E-Commerce and M-Commerce
DOCX
E-COMMERCE-PPROJECT-REPORT FOR ALL DESIGN AND ASSCESSORIES MAKE A REPORT
DOCX
PPTX
Electronic Commerce Basic concept and Security
PPTX
E-Commerce Infrastructures
PDF
Chapter 2 | Website design & development - pf
PDF
Chapter 2 | Website design & development
PDF
E-Commerce Website Proposal
PPTX
Industrial training project ppt of online shopping
PDF
03 Building an E-commerce Presence: Web Sites, Mobile Sites, and Apps slides
PDF
Whitepaper: Guidelines to-set-up-a-mobile-based-solution-for-ecommerce-shoppi...
DOC
Laudon traver ec11-im_ch04
PPTX
PPT_MINI_PROJECT_NEW_clothing[1]222.pptx
PPTX
Building an E-commerce website presence-Design and chossing the software and ...
PPTX
ECommerce Website Development.pptx
PPT
Steps for Building a Successful E-Commerce Presence
PPTX
MobileStore.pptx
PDF
Thesis
PPTX
Online shopping ppt
PPTX
E commerce p1 edit
E-Commerce and M-Commerce
E-COMMERCE-PPROJECT-REPORT FOR ALL DESIGN AND ASSCESSORIES MAKE A REPORT
Electronic Commerce Basic concept and Security
E-Commerce Infrastructures
Chapter 2 | Website design & development - pf
Chapter 2 | Website design & development
E-Commerce Website Proposal
Industrial training project ppt of online shopping
03 Building an E-commerce Presence: Web Sites, Mobile Sites, and Apps slides
Whitepaper: Guidelines to-set-up-a-mobile-based-solution-for-ecommerce-shoppi...
Laudon traver ec11-im_ch04
PPT_MINI_PROJECT_NEW_clothing[1]222.pptx
Building an E-commerce website presence-Design and chossing the software and ...
ECommerce Website Development.pptx
Steps for Building a Successful E-Commerce Presence
MobileStore.pptx
Thesis
Online shopping ppt
E commerce p1 edit
Ad

More from cherrybear2014 (11)

PPTX
Excel functions
PDF
Basics excel 20102
PPT
Session2
PPT
11 scripting languages
PPT
5 software design
PPT
Table tags 2
PPTX
Intro to html
PPTX
Conditional statements
PPTX
Check,combo,list,picture box
PPTX
Forms and buttons
Excel functions
Basics excel 20102
Session2
11 scripting languages
5 software design
Table tags 2
Intro to html
Conditional statements
Check,combo,list,picture box
Forms and buttons
Ad

Recently uploaded (20)

PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PPTX
SOPHOS-XG Firewall Administrator PPT.pptx
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
Accuracy of neural networks in brain wave diagnosis of schizophrenia
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PPTX
Programs and apps: productivity, graphics, security and other tools
PDF
Assigned Numbers - 2025 - Bluetooth® Document
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Getting Started with Data Integration: FME Form 101
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PDF
Encapsulation_ Review paper, used for researhc scholars
PPTX
Machine Learning_overview_presentation.pptx
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
NewMind AI Weekly Chronicles - August'25-Week II
PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
PDF
Unlocking AI with Model Context Protocol (MCP)
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
SOPHOS-XG Firewall Administrator PPT.pptx
MIND Revenue Release Quarter 2 2025 Press Release
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Accuracy of neural networks in brain wave diagnosis of schizophrenia
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Spectral efficient network and resource selection model in 5G networks
The Rise and Fall of 3GPP – Time for a Sabbatical?
Programs and apps: productivity, graphics, security and other tools
Assigned Numbers - 2025 - Bluetooth® Document
Reach Out and Touch Someone: Haptics and Empathic Computing
Getting Started with Data Integration: FME Form 101
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Encapsulation_ Review paper, used for researhc scholars
Machine Learning_overview_presentation.pptx
Diabetes mellitus diagnosis method based random forest with bat algorithm
NewMind AI Weekly Chronicles - August'25-Week II
gpt5_lecture_notes_comprehensive_20250812015547.pdf
Unlocking AI with Model Context Protocol (MCP)

Designing the product page

  • 3. Creating the Product Pages A static page that is made up of HTML may be used in displaying product information. Managing the contents displayed in your website may be made more flexible and manageable by adding scripts other than HTML. A product page in an E-commerce webapp is actually a dynamic page that utilizes different scripts.
  • 4. What do you need in creating the product pages? It will require different scripting languages such as html, and technologies such as ASP. Each scripting language and technology has a specific role in creating webapp such as the E- Commerce site.
  • 5. Knowledge of the following: Hypertext Markup Language – (HTML) Used in creating elements that are displayed in Web pages Cascading Style Sheets - (CSS) Used to define how HTML elements will be displayed in Web pages Active Server Pages - (ASP) A microsoft technology allows server-side scripts to be executed in pages Structured Query Language - (SQL) A scripting language used to retrieve and manipulate records in database.
  • 6. You may also need: Notepad PSPad Code Editor - PSPad allows you to open a multiple text documents such as .html , .asp, .css file in a single application window. - It also displays line numbers that will enable you to identify lines that contains errors.
  • 8. Content of your page:  Index.asp - Which will serve as the Home page  Header.asp - Both CSS and header files will be included in almost all the file  Connect.asp - This will contain the code that will connect to  Products.asp  Style.css  db (database)  Images  New text documents  10. asp.net