How to Create a Website Using Adobe
Adobe products are the industry standard for website design and development. For web development, consider the Web Premium Creative Suite package. The latest edition is retail priced over $1,600 and includes everything you'll need to design and develop exceptional websites. You can upgrade for nearly $600. Find trial versions of Adobe software on the Adobe website. If you're new to Adobe software, this guide will show you what to use for what tasks.
Other People Are Reading
Instructions
-
Instructions
-
1
Create logos and branding using Adobe Illustrator. Create vector graphics and draw with this software. Clients developing a website from scratch need branding; that includes logo design, business card design, stationery, etc. Illustrator provides the tools necessary to create shapes and dimensions needed for the next best brand.
-
2
Create website concepts using Adobe Photoshop. Manipulate images, use photo filters and do composites of website pages in Photoshop. Separate each page design using layer comps. Utilize the history feature to go back to a previous version of a file. Photoshop uses the fonts that you have in your font library.
-
-
3
Do production work in Adobe Fireworks. Once design is completed, slice images and create backgrounds that are ready for coding.
-
4
Code web pages in Adobe Dreamweaver. Whether you use HTML, CSS, Javascript, or another language, Dreamweaver is the tool you need for your code. Set up a site to keep files organized and organize spacing preferences so you can easily indent code. Use Dreamweaver's Code View for pure code, or use the Split View to see how your code looks as you design. Go straight to Design mode if you're not familiar with website code and Dreamweaver will generate the code for you.
-
5
Use Flash for stunning animations. Take your website to the next level by adding custom-made audio and video players, or perhaps playing video in the background of your website. Learn ActionScript to help you utilize Flash beyond basic animation.
-
6
Create audio with Adobe Soundbooth. Soundbooth is used for sound effects and adding audio to your website.
-
7
Create downloadable documents with Adobe Acrobat. Add downloadable forms, secure documents, presentations, and more created from Acrobat. Take Word or Excel documents and convert to PDF before uploading to your server for website use.
-
1
Tips & Warnings
You can use Photoshop for logo creation if you don't have Illustrator. Click the globe in Dreamweaver to view a page in a specific web browser. You can use Javascript for basic animating instead of Flash. You can buy software individually instead of the packaged suites.
When using Dreamweaver's Design mode you may not get exactly the layout you were intending when you view your pages on different web browsers. If using Flash on your website, inform users they will need to download the Flash and Shockwave plugins in order to view content.
