Difference between revisions of "Computers I"
JStallings (talk | contribs) |
JStallings (talk | contribs) |
||
| Line 13: | Line 13: | ||
Sorry I'm not in class today; I'm headed to [http://www.rsu.edu/ RSU] with a group of seniors. | Sorry I'm not in class today; I'm headed to [http://www.rsu.edu/ RSU] with a group of seniors. | ||
We are going to switch tracks a bit today and start learning Inkscape, a program that will help you create '''vector images'''. In contrast, programs like Photoshop, GIMP, and MS Paint create '''raster images''', which are made up of pixels. Here's an illustration of the difference: | We are going to switch tracks a bit today and start learning Inkscape, a program that will help you create '''vector images''', which are made up of ''nodes'' and rendered mathematically. In contrast, programs like Photoshop, GIMP, and MS Paint create '''raster images''', which are made up of pixels. Here's an illustration of the difference: | ||
[[File:Bitmap_VS_SVG.svg|center]] | [[File:Bitmap_VS_SVG.svg|center]] | ||
Most of the images we see on the web are raster images (like .png, .bmp, .jpg, etc.) because they were easy to render on early monitors, and easily represent lots of detail and gradient colors, like photographs and some artwork. Vector images, however, are becoming more widely used. They are more efficient when scaling is important. They are used in many video games and for professional publishing and screen printing. We will learn to create vector images in this class because you will be coding your own video games in Computers II. | |||
Here is a tutorial for creating an adorable doughnut image. Open Inkscape on your computer, ({{File:Inkscape_Logo.svg|30px}}) then follow along with the tutorial below. If you do not have headphones, use the closed captioning. This is partly a test of your resilience and problem-solving skills, so if you get stuck, ask a neighbor or Google for an answer. | |||
{{#ev:youtube|https://www.youtube.com/watch?v=s41_-qsmA7s}} | |||
I can't wait to see what you make! We will wrap up your work on Monday, but if you knock it out early, try to make your doughnut look disgusting, radioactive, or give it a face! | |||
Mathematical images | |||
==Previous Projects== | ==Previous Projects== | ||
===Document Formatting=== | ===Document Formatting=== | ||
Revision as of 07:07, 18 November 2016
GitHub organization (we'll play with this later, but feel free to dig around!).
Syllabus, absurdly incomplete. Details will come below.
Current Projects
Inkscape Intro
Hey friends!
Sorry I'm not in class today; I'm headed to RSU with a group of seniors.
We are going to switch tracks a bit today and start learning Inkscape, a program that will help you create vector images, which are made up of nodes and rendered mathematically. In contrast, programs like Photoshop, GIMP, and MS Paint create raster images, which are made up of pixels. Here's an illustration of the difference:
Most of the images we see on the web are raster images (like .png, .bmp, .jpg, etc.) because they were easy to render on early monitors, and easily represent lots of detail and gradient colors, like photographs and some artwork. Vector images, however, are becoming more widely used. They are more efficient when scaling is important. They are used in many video games and for professional publishing and screen printing. We will learn to create vector images in this class because you will be coding your own video games in Computers II.
Here is a tutorial for creating an adorable doughnut image. Open Inkscape on your computer, (File:Inkscape Logo.svg) then follow along with the tutorial below. If you do not have headphones, use the closed captioning. This is partly a test of your resilience and problem-solving skills, so if you get stuck, ask a neighbor or Google for an answer.
I can't wait to see what you make! We will wrap up your work on Monday, but if you knock it out early, try to make your doughnut look disgusting, radioactive, or give it a face!
Mathematical images
Previous Projects
Document Formatting
Make the syllabus look professional, in both Drive and Word.
- In Drive, open your "ugly" syllabus from yesterday.
- Press ctrl + a to select everything, then use
to erase the format of your twisted creation! - That won't clear up the text arrangement, though, so you'll need to do those by hand
- ...
- Or, you can use the Revision History feature to turn back your edits to the beginning.
- Click File, then See revision history.
- Choose Show more detailed revisions in the bottom right, then choose the earliest revision and click Restore this revision.
- Once the file is restored to its less-ugly state, download the file to Word. (File -> Download as... -> Microsoft Word)
- Open the file in Word.
- Read over the document, cleaning up any errors in grammar and punctuation.
Apply Style Format
- Click Change Style in the Home ribbon. Select Style set, then Default (Black and White).
- Select the title, then click Title in the style window.
- Select each main heading and select Heading 1 in the style window after each.
- Select each subheading in the document, then select Heading 2 in the style window after each.
- Select the bullet lists, then select the bullet icon in the Home ribbon.
- Select the numbered lists, then select the numbered list icon in the Home ribbon.
- Select the regular paragraphs, then select Normal in the style window.
Change Style Format
- Select the title, then apply a new font (and size if you'd like). Remember, your heading and title font should be heavier than your body font, readable, and is often (but not always) serif. Here is a list of respectable system fonts.
- Highlight the title, right-click Title in the style window, then select Update Title to Match Selection. By doing this, you are changing the style entry for Titles. Any new title you put in the document will have the same style.
- Select one heading and change the font to match the title. Again, right-click Heading 1 in the style window, then Update Heading 1 to Match Selection. Watch as all of your headings change to match!
- Repeat the process with Heading 2.
- Select a Normal paragraph, then select a font that works well with your header font. It should be lighter, and, above all, readable. Finding guides to match common Windows fonts is difficult, but eere is a great tool to help!
- Change the Normal style in the style window as above, and you're done!
- Save to your H: drive, then email to me.
MLA Formatting
Type/Font: Highlight everything, make 12pt Times New Roman. Line Spacing: Highlight everything, make double spaced. Remove spaces before and after paragraphs, if needed. Margins: 1" all around. Header: Align your last name and page number to the right. Make sure the font is also 12pt Times New Roman. Heading: Your full name, teacher's name, class name, and date—all on separate lines. Title: 12pt Times New Roman—don't bold or italicize it. Center on page. Paragraphs: Indent each 1/2".
Make the Syllabus UGLY
Learn about Google Drive login, navigation, document creation, and sharing.
- Copy this file to your own Google Drive by pressing File, then Make a Copy. This creates your own version, independent of mine and your peers'.
- Play with font size, typefaces, color, highlighting, drawing, etc.
- Share the file with me:
- Click Share in upper right
- Enter my email, then press send!
Copy/Paste
Learn to copy (ctrl+c), cut (ctrl+x), paste (ctrl+v), and paste without formatting (ctrl+shift+v). Find an awesome thing online and email it to me in a proper hyperlink:
- Navigate to the website, copy the URL
- Open Gmail in another tab, put my email address in the To: box
- Type a subject alerting me to the amazing thing
- Type "Link" in the body
- Highlight "Link," then press ctrl+k
- Paste the URL into the box, then press enter
- Send the email
Better Gmail Names
If your email name is not your name:
- On your computer, open [gmail.com Gmail]. You can't change your username from the Gmail app.
- In the top right, click Settings.
- Click the Accounts and Import tab.
- In the "Send mail as" section, click edit info.
- Add the name you want to show when you send messages.
- At the bottom, click Save Changes.[1]