Simple Website Development Photoshop layout R-Expressions.com Contributed by Digitalagents

1. R-expressions.com Site development stages DEMO

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