Overview

Type Challenges are design assignments and discussions

Instructions

  • Make a new post:
    • Go to the DASHBOARD ->POST ->ADD NEW
    • ADD title “Yourlastname_Firstname_TC_OpenLab_Setup
    • Then right under the plus sign, start typing to answer the questions: What is your favorite typeface? Why?
  • Add an image:
    • Design a name tag for yourself. Try to use expressive lettering to convey who you are or how you feel.  You can sketch or use any application you want.
    • Take a photo of yourself, insert it into your name tag. The name tag should be saved as a jpeg so you can upload it to your OpenLab post. Name the name tag ā€œlastname firstName_tag.jpgā€.
  • Categories
    Under the GEAR to the right of the screen, go to DOCUMENT ->CATEGORIES, then check the following categories: “Student Post” and “Student Post Type Challenge
Set the 2 categories for your post before you publish it.

  • The last step is to click Publish
  • Due Date

    • 11:30PM the night before next class

    Resources

    How to Use OpenLab

    https://openlab.citytech.cuny.edu/blog/help/help-category/using-a-site/

    https://openlab.citytech.cuny.edu/blog/help/signing-up-on-the-openlab/
    https://openlab.citytech.cuny.edu/blog/help/working-with-blocks/
    https://openlab.citytech.cuny.edu/blog/help/writing-a-post-block-editor/

    Adding a Post:

    1. In the WordPress Dashboard, click on the tab Posts -> Add New to create a new post
    2. Add a title in the title box at the top.
    3. Add an image (Add -> Media) or formatted written content using the Post Editor.
    4. Add the relevant Category (choose from the existing list).
    5. Click Save Draft for later or click Publish to publish immediately. Ā 

    How to add images to OpenLab

    From your mobile device
    ā€œImage Sizeā€ app Google Play https://play.google.com/store/apps/details?id=de.vsmedia.imagesize&hl=en_US
    ā€œImage Sizeā€  IOS App Store  https://apps.apple.com/us/app/image-size/id670766542  

    Resize Images in OpenLab
    Most digital cameras and  phones are likely to be set to take images that are vastly larger than a user of a computer screen is likely to need
    https://openlab.citytech.cuny.edu/openroad/image-resizing

    Insert Images into a Post
    https://openlab.citytech.cuny.edu/blog/help/adding-images-other-media-block-editor/

    Create a Gallery in a Post
    https://openlab.citytech.cuny.edu/blog/help/adding-an-image-gallery/

    Edit a Gallery in a Post
    https://wordpress.com/support/wordpress-editor/blocks/gallery-block/

    How to create an image for web usage
    https://helpx.adobe.com/photoshop-elements/using/optimizing-images-jpeg-format.html
    Optimize a JPEG for online

    JPEG is the standard format for compressing photographs.
    ā€¢ Open an image in Photoshop and choose File -> Save For Web.
    ā€¢ Choose JPEG from the optimization format menu.
    ā€¢ Specify the compression level: ChooseĀ quality option medium from the popā€‘up menu under the optimization format menu. The higher the Quality setting, the more detail is preserved in the optimized image, but the larger the file size.
    ā€¢ View the optimized image at several quality settings to determine the best balance between quality and file size.
    ā€¢ Select Progressive to display the image progressively in a web browser; that is, to display it first at a low resolution, and then at progressively higher resolutions as downloading proceeds.
    ā€¢ To save your optimized image, click OK. In the Save Optimized As dialog box, type a filename, and click Save.

    Print this page