1. .1: What is the first step in designing a website in Photoshop?
(A) Understand the purpose and audience
(B) Create a wireframe
(C) Add text and images
(D) Start the design
2. .2: Why is it important to know the target audience before designing a website?
(A) To choose appropriate colors and fonts
(B) To make the website visually appealing
(C) To ensure functionality matches user needs
(D) All of these
3. .3: What is the purpose of sketching a website design before using Photoshop?
(A) To test interactivity
(B) To outline the basic layout
(C) To choose fonts and colors
(D) To export images for web
4. .4: What is a wireframe in web design?
(A) A final design
(B) A color palette
(C) A visual representation of the website structure
(D) A text style guide
5. .5: Which Photoshop tools are commonly used to create the layout of a website?
(A) Smudge Tool and Brush Tool
(B) Crop Tool and Clone Tool
(C) Pen Tool and Shape Tool
(D) Magic Wand Tool and Lasso Tool
6. .6: Why is it important to choose a proper color scheme for a website?
(A) To make it visually appealing
(B) To ensure readability of text
(C) All of the above
(D) To maintain contrast between text and background
7. .7: Which step involves placing the header, footer, content, and images?
(A) Sketch the design
(B) Export the design
(C) Create interactions
(D) Choose fonts
8. .8: After creating the layout in Photoshop, what is added next?
(A) Wireframe
(B) Exporting images
(C) Buttons
(D) Text and images
9. .9: What are interactive elements in a website design?
(A) Buttons, links, and hover effects
(B) Text and images
(C) Color palettes
(D) Wireframes
10. .10: What file formats are commonly used to export website images from Photoshop?
(A) PSD and AI
(B) TIFF and BMP
(C) JPEG and PNG
(D) DOCX and PDF
11. .11: Why is creating a wireframe important before the final design?
(A) To identify design flaws
(B) To select colors
(C) To add text
(D) To export images
12. .12: Which Photoshop feature helps in arranging elements precisely on a website layout?
(A) Layers
(B) Rulers and Guides
(C) Pen Tool
(D) Crop Tool
13. .13: What is the main advantage of using Photoshop for web design?
(A) It allows coding of websites
(B) It generates animations automatically
(C) It helps create visual mockups of web pages
(D) It edits videos
14. .14: What is the purpose of adding hover effects in web design?
(A) To make the website static
(B) To export images
(C) To create interactive user experience
(D) To sketch the layout
15. .15: Which element is NOT part of a basic website layout?
(A) Header
(B) Footer
(C) Database server
(D) Content section
16. .16: Before finalizing the design, why should designers test the readability of text?
(A) To enhance website security
(B) To improve user experience
(C) To reduce file size
(D) To add animations
17. .17: Which step ensures that the images are optimized for web use?
(A) Sketch the design
(B) Export the design
(C) Create wireframe
(D) Add interactive elements
18. .18: Which of the following is part of planning a website’s visual hierarchy?
(A) Choosing color schemes
(B) Adding buttons
(C) Determining the placement of headers, images, and content
(D) Exporting files
19. .19: In Photoshop web design, what ensures all elements are aligned properly?
(A) Guides and grids
(B) Crop tool
(C) Text tool
(D) Smudge brush
20. .20: Why is exporting images in correct formats important for websites?
(A) To reduce file size and improve loading speed
(B) To enhance interactivity
(C) To create wireframes
(D) To sketch the design