Course Canvas site https://marymount.instructure.com/courses/22549

8/31 WEEK 1
Create your course website
Example student course website: https://erdeljonwebdesign.wordpress.com

Use: https://wordpress.com/free/
Whenever you are asked to choose a plan always select free website

1. Title your website “Your first and last name”
2. Site Tagline “Web and Social Media Design Fall 2021”
3. If you use wrong title and or tagline got to Settings → General →type the correct title and tagline→ Save changes
4. Use the theme: Balasana by Automatic

Email me the address of your course website - not the adrress to the editing page

1. Log into your free WordPress account https://wordpress.com/free/

1. ADD NEW SITE
2. “On My site is called” page type  “your first and last name”
3. Next page select 1st item that says “Free” → Continue
4. Choose “Blank Design” on next page click → Skip for now
5. On next page scroll down and click → Free $0 → Select
6. “On Choose a Pattern” page click →  “Blank Page” button

3. Choose the Theme: Balasana by Automatic

1. Click → “W” in upper left corner
2. Choose → Appearance → Themes→ choose “Balasana by Automatic”
3. Read the “Overview” save link to the page with Overview
4. Click → “Activate this design Free”
5. Choose option on the right “Replace my homepage content with the Balasana homepage.“
6. Click → Activate Balasana

4. Make the following changes to your website:

1. Click “W” in upper left corner for dashboard to appear on left

1. Change title of “Blog” page to “Terms and Definitions
   1. In left dashboard - Select → All Pages
   2. Click on ‘Blog” page to go to edit page
   3. Place I-beam on “Blog” and type “Terms and Definitions” → click update
      
      
2. Create three new pages
   1. In left dashboard - Select → New Page → Blank Page
   2. Title the page “Weekly Readings” → Publish
   3. Repeat to create “Exploration Website” page and "Action campaign" pages
      
      
3. Use a static homepage
   1. Go to Dashboard → Appearance → Customize → Homepage Settings.
   2. Select “A static page” and choose “Terms and Definitions”
   3. Click the Publish button on top to save your changes.
      
      
4. Create a navigation menu
   1. Go to Dashboard → Appearance →  Customize → Menu → Primary
   2. Add each of the pages you created
   3. Delete “Home page – since you will not be using this page
   4. Click → Save
      
      
5. Add an image at the top of your  “Terms and Definitions” page
   Image sources http://mudesign.net/resources.html
   
1. Find a copyright free image - a horizontal and large enough image
2. Go to Pages → “Terms and Definitions”
3. Select the block under the page title
4. Select → + top left of screen → Media → Image → Upload an image from your computer
   
   Quick Specs (all measurements in pixels)
   The main column width is 750px.
   The recommended Featured Image size is 2000px wide by 1200px high.
   
   
6. Add this week’sassigned terms and cited definitions to the  “Terms and Definitions” page
1. Go to Dashboard→Posts → “Introduce Yourself (Example Post)”
2. Place I-beam on title and type “Internet and World Wide Web” → click update
3. Select the block under the page title and add/type the assigned terms and cited definitions → click update
4. Select all of the rest of the boxes on the page and delete each of them → click update
5. Terms and cited definitions to be added under the heading "Internet and World Wide Web"
   Citing photographs, websites, blogs and other sources
   
   1. The Internet
   2. ISP - Internet service provider
   3. World Wide Web
   4. Website Host
   5. Web Browser
   6. Browser cache
   7. URL
   8. Blog
   9. Website
   10. Open Source Software
   11. CMS (Content Management System)
   12. WordPress
   13. WordPress Themes
   14. UX (user experience)
   15. UI (user interface)
       
       
7. Turn off comments on pages and posts
1. Go to Dashboard → Setting → Discussion
2. Turn off third itme from top of the page "Allow people to post comments on new articles"
3. Click Save settings
   
   
8. Launch site
1. Under the "W" control click or right click on the name of your website → open link in new tab
2. In upper right click on "Launch Site"
3. Choose last item listed "Skip Purchase
4. Under "Choose a plan" click "start with a free site"
   

9/7 WEEK 2 NOAA Expedition website

Create an exploration website
Example website: example site https://educational873751380.wordpress.com

1. Choose an older NOAA Expedition mission from here https://oceanexplorer.noaa.gov/explorations/explorations.html
2. Add a link on your course website on the "Expedition" page to the expedition you chose
3. Create an exploration website using your Free WordPress account
4. Add a link on your course website  on the "Expedition" page to your expedition website

Use: https://wordpress.com/free/
Whenever you are asked to choose a plan always select free website

1. Title your website “Your last name expedition”
2. Site Tagline “the name of the expedition”
3. If you use wrong title and or tagline got to Settings → General →type the correct title and tagline→ Save changes
4. Use the theme: Morden by Automatic

Add a link on your course website  on the "Expedition" page to your expedition website- not the adrress to the editing page

1. Log into your free WordPress account https://wordpress.com/free/

1. ADD NEW SITE
2. “On My site is called” page type  “your last name expedition”
3. Next page select 1st item that says “Free” → Continue
4. Choose “Blank Design” on next page click → Skip for now
5. On next page scroll down and click → Free $0 → Select
6. “On Choose a Pattern” page click →  “Blank Page” button

3. Choose the Theme: Morden by Automatic

1. Click → “W” in upper left corner
2. Choose → Appearance → Themes→ choose “Morden by Automaticc”
3. Read the “Overview” save link to the page with Overview
4. Click → “Activate this design Free”
5. Choose option on the right “Replace my homepage content with the Morden homepage.“
6. Click → Activate Morden

4. Make the following changes to your website:

1. Click “W” in upper left corner for dashboard to appear on left

1. Add five (5) new pages
   1. Appearance → Page → Add New → Blank page
   2. Title the page Mission
   3. → Publish
   4. Repeat for Findings, Explorers, Blog, and Contact
   
   
2. Create a new menu
   1. Appearance → Cutomize → menus
   2. Create New Menu → Menu Name "main menu" → Menu Locations check "Primary"
   3. Select + Add itmes → expand Pages → select each page: Home, Mission, Findings, Explorers, Blog, and Contact
   4. Select X Add Items → Save Changes
      
      
3. Edit the “Home" page
   1. Delete the copy "Modern Mountain Movers"
   2. Delete the copy "This is a cover block, with a heading, a paragraph, and a button block."
   3. Delete the button "About us"
   4. Click on photo of mountains → click "+" "Image" → Upload → Choose your photo → click Choose for upload
   5. Change the three titles above each of the small photos to: "Missiom", "Findings" and "Explorers"
   6. Change each of the three photos to go with your "Missiom", "Findings" and "Explorers"- All three the smae size
   7. Change intro copy under each of the three photos
      1. Use copy relevant to your expedition followed by "read more"
   8. Link each of the three phots and each of the "read more" to the corresponding pages
      1. Select the photo and click on the link icon and type the page URL in the pop up box
      2. Select each of the "read more" click on the link icon and type the page URL in the pop up box
      3. Update page
         
         

9/14 WEEK 3 NOAA Expedition website
Exploration website:

1. Add a site icon

1. Create or download a site icon - 512 x512 pixels or less - resize as necessary
2. Add site icon to your expedition website
   1. Dashboard→appearance →customize→ Site Identity →select logo→ upload → choose the logo from your computer → crop or skip cropping → Save Changes

2. On each Mission, Findings, and Explorers pages

1. Add three appropriate headings
   1. Place I-beam on page and type → in popup menu select "paragraph" →change to a heading 3
2. Add 1st person inverted pyramid style copy - edited from source website
3. Add three supporting images with captions and text wraps
4. Eliminate any extra space between page copy and photos
   

3. On any of the Mission, Findings, and Explorers pages

1. Add an external link - highlight copy →link icon →paste or type URL in box →Update page
2. Add a pull quote - highlight copy →in popup menu under paragraph →Quote
3. Extra credit - add a video

4. Blog page add four relevant entires

1. Edit copy appropriately and add four post to the Blog page
2. Or if you do not have an exiting Blog page that came with the theme then:
   1. Dashboard- Add New - Blog (on left hand side of page) - "Lots of blog posts"
3. Dashboard -All Posts → select a post→title and change copy to be relevant to your exploration
4. Using right menu→ Featured Image→ Replace image→ Upload→ choose image saved to your computer → choose image to upload→ update
5. Repeat for the 3 additional existing posts
6. Change the "About Me" title, photo and copy on the blog post to "About the Mission" with relevant copy and photo
   1. Dashboard→ All pages→ Blog→select the title and copy new title About the Mission→ update repeat for the photo and the copy

4. Contact page

1. Edit copy appropriately on the existing Contact page that came with your theme
2. Or create a new page and choose "Contact" (template) then choose "Contact from with address"
   1. Right hand menu → Jet Pack→ Select copy and type new copy→ Update

5. On homepage

1. Change what appears on bottom third of your homepage
   1. Add a map of where the expedition takes place
   2. Add photos and or videos linked to websites with more relevant information
      
      

 

10/5 WEEK 6
Course Canvas site

1. On home page select "Assignments" to see what is due each week.
1. It is recommended to print out assignments for reference when checking over your projects.
2. When completing an assignment go to the course "How-to" for step by step instructions

Your Course Blog/website
Navigation menu - adding pages
(If you created a "Actions Campaign" page on your course blog and it is not showing up)

1. Dashboard→ Appearance (or Customize)→ Menus→select the primary menu→ add → pages → click on the Action Campaign page → Update or Save Changes

Navigation menu - changing the order of links in your navigation menu

1. Dashboard→ Appearance (or Customize)→ Menus→select the primary menu→ select any item listed in the menu→ drag up or down to change the order → click on the Action Campaign page → Update or Save Changes

Navigation menu - adding pulldown item to a navigation link

1. Dashboard→ Appearance (or Customize)→ Menus→select the primary menu→ select any item listed in the menu→ drag to the right → indented items will appear as pull down navigation links

Expidition Website
Blog page add four relevant entires

1. Edit copy appropriately and add four post to the Blog page
2. Or if you do not have an exiting Blog page that came with the theme then:
   1. Dashboard- Add New - Blog (on left hand side of page) - "Lots of blog posts"
3. Dashboard -All Posts → select a post→title and change copy to be relevant to your exploration
4. Using right menu→ Featured Image→ Replace image→ Upload→ choose image saved to your computer → choose image to upload→ update
5. Repeat for the 3 additional existing posts
6. Change the "About Me" title, photo and copy on the blog post to "About the Mission" with relevant copy and photo
   1. Dashboard→ All pages→ Blog→select the title and copy new title About the Mission→ update repeat for the photo and the copy

Contact page

1. Edit copy appropriately on the existing Contact page that came with your theme
2. Or create a new page and choose "Contact" (template) then choose "Contact from with address"
   1. Right hand menu → Jet Pack→ Select copy and type new copy→ Update

10/12 WEEK 7 Web and Social Media Action Campaign

10/19 WEEK 8 Web and Social Media Action Campaign

11/9 WEEK 11 Web and Social Media Action Campaign