Web Designing
0 likes231 views
The document outlines the process of developing a website layout using Photoshop, emphasizing the importance of organizing images and preparing them for the web. It discusses techniques like image slicing and the use of cascading style sheets (CSS) to enhance site efficiency and visual appeal while keeping file sizes small. Additionally, it highlights the importance of testing the website across various platforms and browsers to ensure consistent functionality and appearance.
Web Designing
- 1. rai ning nli ne T O SITE LAYOUT DEVELOPMENT IN PHOTOSHOP Organizing is a vital part of your work process, especially when developing Web sites. PREPARING IMAGES FOR THE WEB Many designers use Photoshop or Illustrator to prepare their images for the Web. You can use image slicing to create the page and insert each slice into Dreamweaver. Additionally, you can create the design in Photoshop, slice the important images, and use the background color of the page to fill in the solid color spaces. For some designs, you may want to change the background color of the page to match a color in the image. You can check the hexadecimal number for the color in Photoshop’s Color Picker, and use it in Dreamweaver to match the page background color to your image. The use of graphics on the Web involves different considerations than more traditional printed media. Print media requires high-resolution images to produce quality color printed material. Web sites, on the other hand, require graphics that are as small in file size as possible yet still retain an acceptable appearance. The file size of the HTML document and images in the page must be as small as possible to optimize file download time. Let’s explore ways to minimize graphics. INTERNAL AND EXTERNAL STYLE SHEETS Cascading style sheets (CSS) are becoming the new standard for Web design. CSS allow Web developers the ability to control the layout of the entire Web site with less effort, by making global changes in a Web site much more quickly and efficiently. WEB SITE DEVELOPMENT Once you have optimized your images, you will begin to insert them in to your Web pages using Dreamweaver. TESTING AND UPLOADING YOUR WEBSITE Test the site on different platforms, and use various browsers within the requirements to be sure the site functions and appears as planned. Take notes on any differences your site may experience when opened in different browsers. www.activecomputech.com | mail : activecomputech@in.com | Cell : +919030455365