SlideShare a Scribd company logo

Simple Website Development

Download as PPT, PDF
D
digitalagents

The document outlines the stages of developing a website for R-expressions.com. It discusses designing the layout in Photoshop using downloaded images, slicing the design into sections, and saving the layout as HTML and images. It notes that the website will grow over time to include more sections, subsections, pages, and file formats as more content is added throughout the project development process.

TechnologyArt & Photos
1 of 14
Downloaded 19 times
1
2
3
4
5
6
7
8
9
10
11
12
13
14
R-expressions.com Site development stages DEMO
Lot many folders are created containing different files of different file formats. Cdr / psd / docs apart from that, • downloaded data • data collected • photos clicked • special fonts used for this site /Site2 : ver2 of the site getting developed /R-Expressions.com
Start designing in Photoshop Size selected : 900 X …
• Use Downloaded pics to design your layout • Import [ drag-n-drop ] those pics in photoshop • Arrange it with your imagination
Make the Design Interesting with colors & your imagination Take Extra efforts to make it look good Work on every area in detail.
• you will be working on too many layers in photoshop • there may be more than 1 layouts you will designing for a single project
Get ready with Slice tool to create slices Slice in sequence do not miss any number of the slice
Save web layout as website with all images & HTML
Web layout SAVED. as website with all images & HTML Check the website [ html file ] in your Browser.
Website will grow more n more with more sections & sub sections …
… Website will grow more n more with more sections & sub sections
Website will grow more n more with more source files with different file formats stored in respective directories.
Keep working on inside pages as you get data from client or as you go ahead with the project. There will main pgs > inside pgs > sub – sub pgs with Text & images, also can be with flash & java.
R-expressions.com END Tutorial by Digitalagents

More Related Content

PPTX
Drupal basics
Georgia Libraries
 
PPTX
LecWeek2 lecture-whatiswebdesign-part2
Katherine McCurdy-Lapierre, R.G.D.
 
ODP
Meetup child-themes
DaisyOlsen
 
ODP
Meetup child-themes
DaisyOlsen
 
PPT
Dreamweaver And Btt
Iroquois Ridge High School
 
ODP
Choosing Themes
DaisyOlsen
 
PDF
WCLV - Introduction to child themes
vegasgeek
 
PPT
Streamlining Website Development in Dreamweaver
jkchapman
 
Drupal basics
Georgia Libraries
 
LecWeek2 lecture-whatiswebdesign-part2
Katherine McCurdy-Lapierre, R.G.D.
 
Meetup child-themes
DaisyOlsen
 
Meetup child-themes
DaisyOlsen
 
Dreamweaver And Btt
Iroquois Ridge High School
 
Choosing Themes
DaisyOlsen
 
WCLV - Introduction to child themes
vegasgeek
 
Streamlining Website Development in Dreamweaver
jkchapman
 

What's hot (13)

PDF
PharoDAYS 2015: Pillar - One format to rule them all by Damien Cassou and Ste...
Pharo
 
PPTX
Themes 101
Jacob Martella
 
PPTX
Web designing training in chandigarh
Sheetal Sharma
 
PPSX
04 asp.net session05
Vivek Singh Chandel
 
PDF
Getting Under the Hood - WordPress File & Directory Structure
gregdavispsu
 
PPTX
Css home
AbhishekMondal42
 
PDF
WordPress 101 Saturday Session
pamselle
 
PPTX
2011 05 word-press-not-just-for-blogging-anymore
Rudy Duke
 
PDF
The Wonderful World of Drupal 8 Multilingual
Suzanne Dergacheva
 
PPTX
Web design basics 1
Trivuz ত্রিভুজ
 
PDF
Introduction to Web Designing
Kailaash Balachandran
 
PPTX
Writing your own WordPress themes and plugins
Stephanie Wells
 
PPTX
"Ensuring chances of theme acceptance in wordpress.org directory" on WordCamp...
Sudeep Balchhaudi
 
PharoDAYS 2015: Pillar - One format to rule them all by Damien Cassou and Ste...
Pharo
 
Themes 101
Jacob Martella
 
Web designing training in chandigarh
Sheetal Sharma
 
04 asp.net session05
Vivek Singh Chandel
 
Getting Under the Hood - WordPress File & Directory Structure
gregdavispsu
 
Css home
AbhishekMondal42
 
WordPress 101 Saturday Session
pamselle
 
2011 05 word-press-not-just-for-blogging-anymore
Rudy Duke
 
The Wonderful World of Drupal 8 Multilingual
Suzanne Dergacheva
 
Web design basics 1
Trivuz ত্রিভুজ
 
Introduction to Web Designing
Kailaash Balachandran
 
Writing your own WordPress themes and plugins
Stephanie Wells
 
"Ensuring chances of theme acceptance in wordpress.org directory" on WordCamp...
Sudeep Balchhaudi
 
Ad

Viewers also liked (19)

PPT
23sept2009
digitalagents
 
PPTX
Temp1
digitalagents
 
PPS
adventskaarsen
AVDV
 
PDF
Keynote Zien Is Doen
Chris Bannink
 
PPTX
Customer acquisition and retention
clicho
 
PPTX
Bigtree
clicho
 
PPTX
Bigtree
clicho
 
PPTX
Nur syafiqah aisyah
latifah tarkep
 
PPT
RESENSI BUKU
latifah tarkep
 
PPT
RESENSI BUKU
latifah tarkep
 
PDF
Smart Table
Chris Bannink
 
PPTX
Merah silu 4 akd
latifah tarkep
 
PPTX
Biarkan samudera 4 akd
latifah tarkep
 
PPT
Drama puteri li po
latifah tarkep
 
DOC
Teks pengacara konsultasi set 2
latifah tarkep
 
PPTX
Nur syafiqah 2 o tahun
latifah tarkep
 
PPTX
Cerpen Tempang - Antologi Kasut Kelopak Jantung
latifah tarkep
 
PPTX
PEMBENTANGAN BAND 6
latifah tarkep
 
PPTX
BAND 6 LISAN
latifah tarkep
 
23sept2009
digitalagents
 
Temp1
digitalagents
 
adventskaarsen
AVDV
 
Keynote Zien Is Doen
Chris Bannink
 
Customer acquisition and retention
clicho
 
Bigtree
clicho
 
Bigtree
clicho
 
Nur syafiqah aisyah
latifah tarkep
 
RESENSI BUKU
latifah tarkep
 
RESENSI BUKU
latifah tarkep
 
Smart Table
Chris Bannink
 
Merah silu 4 akd
latifah tarkep
 
Biarkan samudera 4 akd
latifah tarkep
 
Drama puteri li po
latifah tarkep
 
Teks pengacara konsultasi set 2
latifah tarkep
 
Nur syafiqah 2 o tahun
latifah tarkep
 
Cerpen Tempang - Antologi Kasut Kelopak Jantung
latifah tarkep
 
PEMBENTANGAN BAND 6
latifah tarkep
 
BAND 6 LISAN
latifah tarkep
 
Ad

Similar to Simple Website Development (20)

PDF
Interaction Implementation
Remy Sharp
 
PDF
JavaScript with Adobe applications - Acceleration web development!
shinobu tsutsui
 
PPTX
Website evaluation
haverstockmedia
 
PPTX
Week1 Introduction
Rowena LI
 
PPT
Adobe Photoshop
Doncho Minkov
 
PPT
AIM Presentation
headspacej
 
PDF
New Rules of The Responsive Web
Matt Carver
 
PDF
Build your portfolio online in 2h
tabFolio
 
PPTX
Film web page explained
Ben Cornhill
 
PPTX
Film web page explained
Ben Cornhill
 
PPT
ARTDM 171 Week 9: Designing Page Comps
Gilbert Guerrero
 
KEY
Artdm 171 Week12 Templates
Gilbert Guerrero
 
PDF
Developing for Mobile
Remy Sharp
 
PPTX
Unit 2 task 2 experimentation
CeliaHuang5
 
PPT
Artlinks Website Workshop P Mc Caul
ArtLinks
 
PDF
Responsive Design for Complex Websites (IXDA Munich)
Sabine Berghaus
 
PPT
Website Introduction
tmm13
 
PDF
Porfolio
alejandrafactos
 
PPT
Artdm171 Week12 Hosting
Gilbert Guerrero
 
PDF
What's in a Theme? A Process for Selecting WordPress Themes
TJList
 
Interaction Implementation
Remy Sharp
 
JavaScript with Adobe applications - Acceleration web development!
shinobu tsutsui
 
Website evaluation
haverstockmedia
 
Week1 Introduction
Rowena LI
 
Adobe Photoshop
Doncho Minkov
 
AIM Presentation
headspacej
 
New Rules of The Responsive Web
Matt Carver
 
Build your portfolio online in 2h
tabFolio
 
Film web page explained
Ben Cornhill
 
Film web page explained
Ben Cornhill
 
ARTDM 171 Week 9: Designing Page Comps
Gilbert Guerrero
 
Artdm 171 Week12 Templates
Gilbert Guerrero
 
Developing for Mobile
Remy Sharp
 
Unit 2 task 2 experimentation
CeliaHuang5
 
Artlinks Website Workshop P Mc Caul
ArtLinks
 
Responsive Design for Complex Websites (IXDA Munich)
Sabine Berghaus
 
Website Introduction
tmm13
 
Porfolio
alejandrafactos
 
Artdm171 Week12 Hosting
Gilbert Guerrero
 
What's in a Theme? A Process for Selecting WordPress Themes
TJList
 

Recently uploaded (20)

PPTX
OMC Textile Division Presentation 2021.pptx
JahangirAlam816069
 
PDF
Getting started with AI Agents and Multi-Agent Systems
Maxim Salnikov
 
PPTX
observCloud-Native Containerability and monitoring.pptx
anupsingh76937
 
PPTX
cloud_computing_Infrastucture_as_cloud_p
mainakbhattacharya20
 
PPTX
MicrosoftCybserSecurityReferenceArchitecture-April-2025.pptx
SilvioHayashi
 
PPT
Module 1.ppt Iot fundamentals and Architecture
nanditha7766
 
PPTX
TechTalks-8-2019-Service-Management-ITIL-Refresh-ITIL-4-Framework-Supports-Ou...
bonakiduza1024
 
PPTX
1. Introduction to Computer Programming.pptx
bonakiduza1024
 
PDF
WOOl fibre morphology and structure.pdf for textiles
Rajendrakumar868651
 
PDF
Web App vs Mobile App What Should You Build First.pdf
KodekX
 
PPTX
O2C Customer Invoices to Receipt V15A.pptx
ssuserbfa915
 
PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
Chinchu40
 
PDF
1 - Historical Antecedents, Social Consideration.pdf
tuazon2030627
 
PDF
Assigned Numbers - 2025 - Bluetooth® Document
Bloombase
 
PDF
DASA ADMISSION 2024_FirstRound_FirstRank_LastRank.pdf
rameswartudu05
 
PDF
August Patch Tuesday
Ivanti
 
PDF
2021 HotChips TSMC Packaging Technologies for Chiplets and 3D_0819 publish_pu...
KeXue5
 
PDF
A contest of sentiment analysis: k-nearest neighbor versus neural network
IAESIJAI
 
PDF
Univ-Connecticut-ChatGPT-Presentaion.pdf
ry7r52mzb4
 
PDF
Getting Started with Data Integration: FME Form 101
Safe Software
 
OMC Textile Division Presentation 2021.pptx
JahangirAlam816069
 
Getting started with AI Agents and Multi-Agent Systems
Maxim Salnikov
 
observCloud-Native Containerability and monitoring.pptx
anupsingh76937
 
cloud_computing_Infrastucture_as_cloud_p
mainakbhattacharya20
 
MicrosoftCybserSecurityReferenceArchitecture-April-2025.pptx
SilvioHayashi
 
Module 1.ppt Iot fundamentals and Architecture
nanditha7766
 
TechTalks-8-2019-Service-Management-ITIL-Refresh-ITIL-4-Framework-Supports-Ou...
bonakiduza1024
 
1. Introduction to Computer Programming.pptx
bonakiduza1024
 
WOOl fibre morphology and structure.pdf for textiles
Rajendrakumar868651
 
Web App vs Mobile App What Should You Build First.pdf
KodekX
 
O2C Customer Invoices to Receipt V15A.pptx
ssuserbfa915
 
gpt5_lecture_notes_comprehensive_20250812015547.pdf
Chinchu40
 
1 - Historical Antecedents, Social Consideration.pdf
tuazon2030627
 
Assigned Numbers - 2025 - Bluetooth® Document
Bloombase
 
DASA ADMISSION 2024_FirstRound_FirstRank_LastRank.pdf
rameswartudu05
 
August Patch Tuesday
Ivanti
 
2021 HotChips TSMC Packaging Technologies for Chiplets and 3D_0819 publish_pu...
KeXue5
 
A contest of sentiment analysis: k-nearest neighbor versus neural network
IAESIJAI
 
Univ-Connecticut-ChatGPT-Presentaion.pdf
ry7r52mzb4
 
Getting Started with Data Integration: FME Form 101
Safe Software
 

Simple Website Development

  • 2. Lot many folders are created containing different files of different file formats. Cdr / psd / docs apart from that, • downloaded data • data collected • photos clicked • special fonts used for this site /Site2 : ver2 of the site getting developed /R-Expressions.com
  • 3. Start designing in Photoshop Size selected : 900 X …
  • 4. • Use Downloaded pics to design your layout • Import [ drag-n-drop ] those pics in photoshop • Arrange it with your imagination
  • 5. Make the Design Interesting with colors & your imagination Take Extra efforts to make it look good Work on every area in detail.
  • 6. • you will be working on too many layers in photoshop • there may be more than 1 layouts you will designing for a single project
  • 7. Get ready with Slice tool to create slices Slice in sequence do not miss any number of the slice
  • 8. Save web layout as website with all images & HTML
  • 9. Web layout SAVED. as website with all images & HTML Check the website [ html file ] in your Browser.
  • 10. Website will grow more n more with more sections & sub sections …
  • 11. … Website will grow more n more with more sections & sub sections
  • 12. Website will grow more n more with more source files with different file formats stored in respective directories.
  • 13. Keep working on inside pages as you get data from client or as you go ahead with the project. There will main pgs > inside pgs > sub – sub pgs with Text & images, also can be with flash & java.
  • 14. R-expressions.com END Tutorial by Digitalagents