Web Design Project Creating a Webpage with Adobe Express: A Step-by-Step Guide

best practices

  • Organize content before starting
  • Use high-quality images
  • Keep design consistent
  • Test all links and buttons
  • Review content before submitting
Photo Grid Example

getting started

  • Click the “Start Assignment” button to start
  • Search for a landing page image. This will serve as your background for the top section.
  • Import pre-selected photos and organize content
  • Prepare website links and text in advance

adding basic elements

  • Upload and arrange images
  • Add headings and paragraphs
  • Buttons: Create clickable links
  • Videos: Embed multimedia content
  • Format text with bold, italic, and different sizes

split screen layouts

example

  • Divide page sections into two parts
  • Combine images and text (EXAMPLE)
  • Create balanced layouts
  • Add headings and descriptions
  • Perfect for before/after comparisons

photo grids:

  • Create organized image galleries
  • Automatic arrangement of photos
  • Resize and reposition images
  • Delete unwanted photos
  • Add alt text for accessibility

slideshows:

  • Select multiple background images
  • Use vertical shots for better display
  • Add text overlays
  • Include buttons and captions
  • Smooth transitions between slides

customizing themes

  • Choose from preset themes
  • Match brand colors and fonts
  • Customize button styles
  • Adjust text formatting
  • Create consistent design throughout

Making It Accessible

  • Add alt text to images
  • Use clear headings
  • Ensure readable font sizes
  • Create proper contrast
  • Include descriptive button text

Publishing

  • Click "Turn In" button

(Optional)

  • Select "Publish and share link"
  • Generate unique URL
  • Copy and share link
  • View live webpage instantly