Challenge 2: Creating an Activity & Assignment
The TASK
Working individually (or in groups), your challenge is twofold:
- Create an assignment or activity (or redesign an existing assignment or activity) that requires students to use Adobe Express (i.e., to create a webpage, infographic, poster, video, animate from audio, etc.)
- Produce the assignment or activity "handout" (instructions/guides) using Adobe Express webpage.
The RULES
- Assignments must include at least ONE learning objective and should identify the final format expectations (e.g., medium, delivery format, duration, genre, number of images, citations, etc.).
- Express pages must be shared (even if only "in progress") by the end of the session: i.e., they must be viewable/accessible online via live/shareable URL.
The DELIVERABLE
When completed, be sure to go to Share --> Publish so your Express page is live online. Then copy/paste (i.e., share) and add your creation/thoughts on the shared Google Slides (use button below)
.
Build an Express Webpage
Step 1 | Login
For the first step, create a new Adobe Express Web page:
- Go to Adobe Express: http://new.express.adobe.com
- Sign-in using your institution email login
Full Process Overview
- Go to the Adobe Express website: https://new.express.adobe.com
- Click on Continue with Email
- Type in your institutional email address in the Email address text field
- Click Continue
- Click Company or School Account
- You will then be taken to your institutional login page. Complete the institutional login process.
- Once completed, you should then be taken to the Adobe Express landing page
Step 2 | Create a Webpage
- On the Adobe Express landing page, click the large round "+" button (green arrow) and then select "Web page" (blue arrow) in submenu
Step 3 | Build the Opening
Add title, subtitle, and opening image:
- Once the new Web page project launches, click "Add a title" (green arrow) and add a title for your challenge: e.g., "The Story of Pathos"
- Click "Add a subtitle" (blue arrow) and add your byline.
- Click Photo icon (purple arrow), select "Upload from device" in photo submenu and add title image you created using Adobe Firefly.
Example
For Accessibility purposes: be sure to click the gear icon in the lower right corner of image (green arrow) an add Alt-text (blue arrow) or designate the image as decorative (red arrow). Click Save button when done.
Step 4 | Add Text
Add text for your assignment:
- Scroll down on the page, click the "+" in the center of the page (green arrow), and select "Text" button (blue arrow).
- Type in the text or Copy/Paste from an existing assignment.
Once the text is on the page, you can select it and adjust it's appearance using the text submenu: i.e., designating header levels (purple arrow), call-out quotes, bulleted/numbered lists, bold, italics, links, and alignment.
Step 5 | Add Images
Locate strategic places to add images to your assignment. Try to use at least 2 different photo or layout options.
- Find place in text to add image
- Click the "+" button and select "Photo" from submenu.
- Click "Upload from Device" to add image
- Once on the Express page, choose image display style (options shown below): inline (default), Fill screen, Window, or Full width.
For each image added, be sure to address Accessibility: i.e., add Alt-text or designate the image as decorative.
Step 6 | Bonus Step
You can complete Step 5 by just adding your additional images and repeating the process. But you migth try playing with other 2 other layout options and features:
- Photo grid if you have several photos you want to feature together
- Split Layout for side-by-side (text and image) options
NOTE: You can add images by uploading them from your device or selecting from the available stock image options. To do this, search photos by keywords/phrases and select your choice to insert a photo.
- Click the "+" button (green arrow), select Photo (blue arrow) and type description / keywords for image in "Search Photos" search bar (purple arrow).
Like in the previous steps, be sure to add Alt-Text to any images you add.
Step 7 | Share/Publish
Once completed, you need to publish your Express webpage
- Click "Share" in the upper right corner (purple arrow) and select "Publish to web" (green arrow)
- Click "Create link" (blue arrow)
- Once done processing, click "Copy" (red arrow) to copy the URL for your published Adobe Express webpage and paste/share that link with us via the shared Google Slides.
