SlideShare a Scribd company logo
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.
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

Similar to Designing the product page

Web technology
Web technologyWeb technology
Web technology
Milap Gatecha
 
Asp.netrole
Asp.netroleAsp.netrole
Asp.netrole
mani bhushan
 
Super billing asp.net
Super billing   asp.netSuper billing   asp.net
Super billing asp.net
superb11b
 
Asp.net architecture
Asp.net architectureAsp.net architecture
Asp.net architecture
Iblesoft
 
Web development intership Presentation.pptx
Web development intership Presentation.pptxWeb development intership Presentation.pptx
Web development intership Presentation.pptx
bodepallivamsi1122
 
Fundamentals of Web building
Fundamentals of Web buildingFundamentals of Web building
Fundamentals of Web building
RC Morales
 
Asp.net introduction
Asp.net introductionAsp.net introduction
Asp.net introduction
Kshitij Wagle
 
Programming languages asp.net
Programming languages asp.netProgramming languages asp.net
Programming languages asp.net
Vasilios Kuznos
 
Intro To Asp
Intro To AspIntro To Asp
Intro To Asp
Adil Jafri
 
Rutgers - Active Server Pages
Rutgers - Active Server PagesRutgers - Active Server Pages
Rutgers - Active Server Pages
Michael Dobe, Ph.D.
 
Online furniture management system
Online furniture management systemOnline furniture management system
Online furniture management system
Yesu Raj
 
Asp.net
Asp.netAsp.net
Asp.net
vijilakshmi51
 
Introduction To Website Development
Introduction To Website DevelopmentIntroduction To Website Development
Introduction To Website Development
zaidfarooqui974
 
WEB DEVELOPMENT
WEB DEVELOPMENTWEB DEVELOPMENT
WEB DEVELOPMENT
Gourav Kaushik
 
Overview of ASP.Net by software outsourcing company india
Overview of ASP.Net by software outsourcing company indiaOverview of ASP.Net by software outsourcing company india
Overview of ASP.Net by software outsourcing company india
Jignesh Aakoliya
 
Introduction to asp
Introduction to aspIntroduction to asp
Introduction to asp
Madhuri Kavade
 
Web engineering 2(lect 0)
Web engineering 2(lect 0)Web engineering 2(lect 0)
Web engineering 2(lect 0)
Roohul Amin
 
Web server
Web serverWeb server
Web server
Sajan Sahu
 
introaspnetkjadbfksdjkfaskjdbfkajsbfkjfjkswa.ppt
introaspnetkjadbfksdjkfaskjdbfkajsbfkjfjkswa.pptintroaspnetkjadbfksdjkfaskjdbfkajsbfkjfjkswa.ppt
introaspnetkjadbfksdjkfaskjdbfkajsbfkjfjkswa.ppt
AvijitChaudhuri3
 
introaspnet.ppt
introaspnet.pptintroaspnet.ppt
introaspnet.ppt
asmachehbi
 

Similar to Designing the product page (20)

Web technology
Web technologyWeb technology
Web technology
 
Asp.netrole
Asp.netroleAsp.netrole
Asp.netrole
 
Super billing asp.net
Super billing   asp.netSuper billing   asp.net
Super billing asp.net
 
Asp.net architecture
Asp.net architectureAsp.net architecture
Asp.net architecture
 
Web development intership Presentation.pptx
Web development intership Presentation.pptxWeb development intership Presentation.pptx
Web development intership Presentation.pptx
 
Fundamentals of Web building
Fundamentals of Web buildingFundamentals of Web building
Fundamentals of Web building
 
Asp.net introduction
Asp.net introductionAsp.net introduction
Asp.net introduction
 
Programming languages asp.net
Programming languages asp.netProgramming languages asp.net
Programming languages asp.net
 
Intro To Asp
Intro To AspIntro To Asp
Intro To Asp
 
Rutgers - Active Server Pages
Rutgers - Active Server PagesRutgers - Active Server Pages
Rutgers - Active Server Pages
 
Online furniture management system
Online furniture management systemOnline furniture management system
Online furniture management system
 
Asp.net
Asp.netAsp.net
Asp.net
 
Introduction To Website Development
Introduction To Website DevelopmentIntroduction To Website Development
Introduction To Website Development
 
WEB DEVELOPMENT
WEB DEVELOPMENTWEB DEVELOPMENT
WEB DEVELOPMENT
 
Overview of ASP.Net by software outsourcing company india
Overview of ASP.Net by software outsourcing company indiaOverview of ASP.Net by software outsourcing company india
Overview of ASP.Net by software outsourcing company india
 
Introduction to asp
Introduction to aspIntroduction to asp
Introduction to asp
 
Web engineering 2(lect 0)
Web engineering 2(lect 0)Web engineering 2(lect 0)
Web engineering 2(lect 0)
 
Web server
Web serverWeb server
Web server
 
introaspnetkjadbfksdjkfaskjdbfkajsbfkjfjkswa.ppt
introaspnetkjadbfksdjkfaskjdbfkajsbfkjfjkswa.pptintroaspnetkjadbfksdjkfaskjdbfkajsbfkjfjkswa.ppt
introaspnetkjadbfksdjkfaskjdbfkajsbfkjfjkswa.ppt
 
introaspnet.ppt
introaspnet.pptintroaspnet.ppt
introaspnet.ppt
 

More from cherrybear2014

Excel functions
Excel functionsExcel functions
Excel functions
cherrybear2014
 
Basics excel 20102
Basics excel 20102Basics excel 20102
Basics excel 20102
cherrybear2014
 
Uml
UmlUml
Session2
Session2Session2
Session2
cherrybear2014
 
11 scripting languages
11 scripting languages11 scripting languages
11 scripting languages
cherrybear2014
 
5 software design
5 software design5 software design
5 software design
cherrybear2014
 
Table tags 2
Table tags 2Table tags 2
Table tags 2
cherrybear2014
 
Intro to html
Intro to htmlIntro to html
Intro to html
cherrybear2014
 
Conditional statements
Conditional statementsConditional statements
Conditional statements
cherrybear2014
 
Check,combo,list,picture box
Check,combo,list,picture boxCheck,combo,list,picture box
Check,combo,list,picture box
cherrybear2014
 
Forms and buttons
Forms and buttonsForms and buttons
Forms and buttons
cherrybear2014
 

More from cherrybear2014 (11)

Excel functions
Excel functionsExcel functions
Excel functions
 
Basics excel 20102
Basics excel 20102Basics excel 20102
Basics excel 20102
 
Uml
UmlUml
Uml
 
Session2
Session2Session2
Session2
 
11 scripting languages
11 scripting languages11 scripting languages
11 scripting languages
 
5 software design
5 software design5 software design
5 software design
 
Table tags 2
Table tags 2Table tags 2
Table tags 2
 
Intro to html
Intro to htmlIntro to html
Intro to html
 
Conditional statements
Conditional statementsConditional statements
Conditional statements
 
Check,combo,list,picture box
Check,combo,list,picture boxCheck,combo,list,picture box
Check,combo,list,picture box
 
Forms and buttons
Forms and buttonsForms and buttons
Forms and buttons
 

Recently uploaded

Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and MilvusGenerating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
Zilliz
 
WeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation TechniquesWeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation Techniques
Postman
 
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing InstancesEnergy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Alpen-Adria-Universität
 
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup SlidesProgramming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
Zilliz
 
Astute Business Solutions | Oracle Cloud Partner |
Astute Business Solutions | Oracle Cloud Partner |Astute Business Solutions | Oracle Cloud Partner |
Astute Business Solutions | Oracle Cloud Partner |
AstuteBusiness
 
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - HiikeSystem Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
Hiike
 
GNSS spoofing via SDR (Criptored Talks 2024)
GNSS spoofing via SDR (Criptored Talks 2024)GNSS spoofing via SDR (Criptored Talks 2024)
GNSS spoofing via SDR (Criptored Talks 2024)
Javier Junquera
 
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
saastr
 
Dandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity serverDandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity server
Antonios Katsarakis
 
June Patch Tuesday
June Patch TuesdayJune Patch Tuesday
June Patch Tuesday
Ivanti
 
Fueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte WebinarFueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte Webinar
Zilliz
 
dbms calicut university B. sc Cs 4th sem.pdf
dbms  calicut university B. sc Cs 4th sem.pdfdbms  calicut university B. sc Cs 4th sem.pdf
dbms calicut university B. sc Cs 4th sem.pdf
Shinana2
 
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
alexjohnson7307
 
Building Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and MilvusBuilding Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and Milvus
Zilliz
 
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
Jeffrey Haguewood
 
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-EfficiencyFreshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
ScyllaDB
 
Trusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process MiningTrusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process Mining
LucaBarbaro3
 
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS  at Code Europe 2024Introduction of Cybersecurity with OSS  at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
Hiroshi SHIBATA
 
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
Pixlogix Infotech
 
Azure API Management to expose backend services securely
Azure API Management to expose backend services securelyAzure API Management to expose backend services securely
Azure API Management to expose backend services securely
Dinusha Kumarasiri
 

Recently uploaded (20)

Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and MilvusGenerating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
 
WeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation TechniquesWeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation Techniques
 
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing InstancesEnergy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
 
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup SlidesProgramming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
 
Astute Business Solutions | Oracle Cloud Partner |
Astute Business Solutions | Oracle Cloud Partner |Astute Business Solutions | Oracle Cloud Partner |
Astute Business Solutions | Oracle Cloud Partner |
 
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - HiikeSystem Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
 
GNSS spoofing via SDR (Criptored Talks 2024)
GNSS spoofing via SDR (Criptored Talks 2024)GNSS spoofing via SDR (Criptored Talks 2024)
GNSS spoofing via SDR (Criptored Talks 2024)
 
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
 
Dandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity serverDandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity server
 
June Patch Tuesday
June Patch TuesdayJune Patch Tuesday
June Patch Tuesday
 
Fueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte WebinarFueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte Webinar
 
dbms calicut university B. sc Cs 4th sem.pdf
dbms  calicut university B. sc Cs 4th sem.pdfdbms  calicut university B. sc Cs 4th sem.pdf
dbms calicut university B. sc Cs 4th sem.pdf
 
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
 
Building Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and MilvusBuilding Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and Milvus
 
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
 
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-EfficiencyFreshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
 
Trusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process MiningTrusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process Mining
 
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS  at Code Europe 2024Introduction of Cybersecurity with OSS  at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
 
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
 
Azure API Management to expose backend services securely
Azure API Management to expose backend services securelyAzure API Management to expose backend services securely
Azure API Management to expose backend services securely
 

Designing the product page

  • 1.
  • 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.
  • 7.
  • 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