Simple Website Development
-
Upload
digitalagents -
Category
Technology
-
view
1.219 -
download
0
description
Transcript of Simple Website Development
![Page 1: Simple Website Development](https://reader034.fdocuments.in/reader034/viewer/2022042623/5483e236b4af9f0e7f8b4581/html5/thumbnails/1.jpg)
R-expressions.comSite development stages
DEMO
![Page 2: Simple Website Development](https://reader034.fdocuments.in/reader034/viewer/2022042623/5483e236b4af9f0e7f8b4581/html5/thumbnails/2.jpg)
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
![Page 3: Simple Website Development](https://reader034.fdocuments.in/reader034/viewer/2022042623/5483e236b4af9f0e7f8b4581/html5/thumbnails/3.jpg)
Start designing in Photoshop Size selected : 900 X …
![Page 4: Simple Website Development](https://reader034.fdocuments.in/reader034/viewer/2022042623/5483e236b4af9f0e7f8b4581/html5/thumbnails/4.jpg)
• Use Downloaded pics to design your layout
• Import [ drag-n-drop ]those pics in photoshop
• Arrange it with your imagination
![Page 5: Simple Website Development](https://reader034.fdocuments.in/reader034/viewer/2022042623/5483e236b4af9f0e7f8b4581/html5/thumbnails/5.jpg)
Make the Design Interesting with colors & your imagination
Take Extra efforts to make it look good
Work on every area in detail.
![Page 6: Simple Website Development](https://reader034.fdocuments.in/reader034/viewer/2022042623/5483e236b4af9f0e7f8b4581/html5/thumbnails/6.jpg)
• you will be working on too many layers in photoshop
• there may be more than 1 layouts you will designing for a single project
![Page 7: Simple Website Development](https://reader034.fdocuments.in/reader034/viewer/2022042623/5483e236b4af9f0e7f8b4581/html5/thumbnails/7.jpg)
Get ready with Slice tool to create slices
Slice in sequence do not miss any number of
the slice
![Page 8: Simple Website Development](https://reader034.fdocuments.in/reader034/viewer/2022042623/5483e236b4af9f0e7f8b4581/html5/thumbnails/8.jpg)
Save web layout as website with all images & HTML
![Page 9: Simple Website Development](https://reader034.fdocuments.in/reader034/viewer/2022042623/5483e236b4af9f0e7f8b4581/html5/thumbnails/9.jpg)
Web layout SAVED.as website with all images & HTML
Check the website [ html file ] in your Browser.
![Page 10: Simple Website Development](https://reader034.fdocuments.in/reader034/viewer/2022042623/5483e236b4af9f0e7f8b4581/html5/thumbnails/10.jpg)
Website will grow more n more with more sections & sub sections
…
![Page 11: Simple Website Development](https://reader034.fdocuments.in/reader034/viewer/2022042623/5483e236b4af9f0e7f8b4581/html5/thumbnails/11.jpg)
…
Website will grow more n more with more sections & sub sections
![Page 12: Simple Website Development](https://reader034.fdocuments.in/reader034/viewer/2022042623/5483e236b4af9f0e7f8b4581/html5/thumbnails/12.jpg)
Website will grow more n more with more source files with different file formatsstored in respective directories.
![Page 13: Simple Website Development](https://reader034.fdocuments.in/reader034/viewer/2022042623/5483e236b4af9f0e7f8b4581/html5/thumbnails/13.jpg)
Keep working on inside pages as you get data from clientor 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.
![Page 14: Simple Website Development](https://reader034.fdocuments.in/reader034/viewer/2022042623/5483e236b4af9f0e7f8b4581/html5/thumbnails/14.jpg)
R-expressions.com
END
Tutorial by Digitalagents