Web and Digital Design Resources
Ryan VanDalinda
Business & Computer Science
Warner Robins High School
Business & Computer Science
Warner Robins High School
Adobe Learn and Support Tutorials, manuals, troubleshooting, and more. Plus, awesome people to help. All in one place. Photoshop, Illustrator, InDesign, Premiere Pro and MORE! Requires sign up but is completely FREE!
https://helpx.adobe.com/support.html
The Adobe Digital Careers Teaching Resources include four project-based curriculums that provide lesson plans and other resources to help you teach Flash, Photoshop, Illustrator, InDesign, Dreamweaver, Fireworks and more.
http://edex.adobe.com/digital-careers
Free Alternatives to Adobe Design Products -
https://www.nyfa.edu/student-resources/six-free-alternatives-to-adobe-illustrator/ (Vector graphic design, object manipulation and more)
http://beebom.com/2015/02/best-free-photoshop-alternatives (Image editor)
https://www.blender.org/ (Animation, image and movie file creator)
https://apps.ubuntu.com/cat/applications/openshot/ (Video Editor)
W3Schools – The world’s largest web developer site. Includes tutorials for HTML, Javascript and more.
http://www.w3schools.com/
University of Washington Web Design and Development I Curriculum – Includes overviews, units, lessons, videos and more
http://www.washington.edu/accesscomputing/webd2/student/index.html
Adobe Fundamentals of Web Design Curriculum
http://edex.adobe.com/digital-design
Codecademy – Students can learn to code HTML, CSS, Javascript, Ruby, make websites and learn web design fundamentals.
http://www.codecademy.com/learn
Code Combat – A fun way to learn programming
http://codecombat.com/
Khan Academy Computer Programming – Learn how to program drawings, animations and games
https://www.khanacademy.org/computing/computer-programming
Two sites for excellent Flash tutorials (Beginner Friendly)
http://www.smashingmagazine.com/2008/01/17/adobe-flash-tutorials-best-of/
http://datab.us/Search/Flash%2BCS6%2BTutorials%2Bfor%2BBeginners%2B-%2BAS3%2B+%2BActionscript%2B3%2BPlayListIDPLE10sFVGtI1ejzPFmX5CebHrTMhaCx2oI
Adobe Illustrator Tutorials (Beginner to Expert)
http://www.webdesignerhub.com/adobe-illustrator-tutorials-for-beginners-to-experts/
http://creativenerds.co.uk/tutorials/illustrator-animal-illustration-tutorials/
https://helpx.adobe.com/illustrator/tutorials.html
http://www.digitalartsonline.co.uk/features/illustration/28-best-illustrator-tutorials-2015/
http://www.creativebloq.com/digital-art/illustrator-tutorials-1232697
http://designrfix.com/resources/30-illustrator-cs6-tutorials-beginners
Adobe Photoshop Tutorials (Beginner to Expert)
http://www.photoshopstar.com/
http://pshero.com/
http://www.webdesignerhub.com/35-best-photoshop-tutorials-beginners/
Adobe InDesign Tutorials
http://www.creativebloq.com/graphic-design-tips/indesign-tutorials-1232639
http://design.tutsplus.com/articles/15-indesign-tutorials-for-magazine-and-layout-design--vector-5456
Other Tutorials
http://www.gimp.org/tutorials/
https://www.blender.org/support/tutorials/
Tonya Skinner’s Multimedia Lesson Plans and Activities
http://lessonplans.btskinner.com/multimedia.html
Tonya Skinner’s HTML/Web Publishing Lessons and Activities
http://lessonplans.btskinner.com/internet.html
Fotor – Photo Editor
http://www.fotor.com/
PowerMyLearning - Free platform to personalize instruction and inspire student-driven learning. Designed for K-12 students, educators, and parents, it offers a flexible way to implement blended learning.
Meet student needs by designing and assigning personalized playlists of digital content. Select from thousands of games, videos, tools, and simulations that are curated by educators; tagged by subject, grade, and more; and aligned to the Common Core standards through a multi-step process. Mix in your own self-created content or other digital tools you use.
Include formative assessments using our Playlist Tasks and Checkpoints as a way to gauge student understanding and encourage deeper learning.
http://powermylearning.org/learning-games-activities/educators?utm_source=edo&utm_medium=post&utm_campaign=pmltd
DVD Flick aims to be a simple but at the same time powerful DVD Authoring tool. It can take a number of video files stored on your computer and turn them into a DVD that will play back on your DVD player, Media Center or Home Cinema Set. You can add additional custom audio tracks, subtitles as well as a menu for easier navigation.
http://www.dvdflick.net/
ZAMZAR is a wonderful file conversion tool. It allows you to convert just about any type of media or document file into another type of file. It converts audio, video and document files. You can even convert PDF to Word documents. No downloading required, completely web based!
http://www.zamzar.com/
Kahoot is a collection of questions on specific topics. Created by teachers, students, business-people and social users, they are asked in real-time, to an unlimited number of “players”, creating a social, fun and game-like learning environment. Can be used for discussions, quizzes or surveys.
https://getkahoot.com/
Spreaker is a wonderful site students can use to create their own podcast or radio show.
http://www.spreaker.com/
Every week, EdSurge sends out an educator-specific INSTRUCT newsletter (sign up here) containing a section called “S’Cool Tools,” where they showcase 3-5 edtech tools that are interesting and useful for educators.
https://www.edsurge.com/n/2015-05-13-the-top-s-cool-tools-for-q1-2015
DUST is an Alternate Reality Game (ARG), an immersive story in which players interact with a fictional world by using real world media and skills to do it. The interactive experience unfolds across multiple platforms, including cell phones, social media sites, printed texts, museums, and the Web as players work together to unravel a mystery that they could not tackle successfully on their own.
GREAT for STEM integration or cross curriculum teaching.
When a meteor shower disperses mysterious clouds of dust into the earth's atmosphere, adults worldwide fall unconscious, leaving teens to take matters into their own hands to search for answers that will save their parents' lives.
Players are invited to help by gathering and analyzing data, connecting and comparing ideas, and proposing solutions as they apply their existing and emerging real-world skills to Science, Technology, Engineering, and Mathematics (STEM) fields.
Supported by funding from the National Science Foundation, Brigham Young University, the University of Maryland, and Tinder Transmedia have partnered with NASA scientists to develop a transformative online learning experience that encourages teens to explore, analyze, and engage in STEM-based learning.
DUST ran as a live game in Winter 2015, but is being repurposed as a standalone game that an educator could run with a class or after-school club. This replayable version will be available later in 2015. Sign up below to be notified when it is released.
http://dustgame.byu.edu/
Canva makes design simple for everyone. Create designs for Web or print: blog graphics, presentations, Facebook covers, flyers, posters, invitations and so much more. Sign up required.
https://www.canva.com/
Teachers have told us they need a place to access safe images that are available to be used in the classroom and for educational purposes. Plus they want accurate image citations. We’ve heard you and created “Photos For Class” to meet your needs for images!
How to create a How To Video
http://greattechfortheclassroom.tumblr.com/post/119296352313/creating-how-to-videos
https://helpx.adobe.com/support.html
The Adobe Digital Careers Teaching Resources include four project-based curriculums that provide lesson plans and other resources to help you teach Flash, Photoshop, Illustrator, InDesign, Dreamweaver, Fireworks and more.
http://edex.adobe.com/digital-careers
Free Alternatives to Adobe Design Products -
https://www.nyfa.edu/student-resources/six-free-alternatives-to-adobe-illustrator/ (Vector graphic design, object manipulation and more)
http://beebom.com/2015/02/best-free-photoshop-alternatives (Image editor)
https://www.blender.org/ (Animation, image and movie file creator)
https://apps.ubuntu.com/cat/applications/openshot/ (Video Editor)
W3Schools – The world’s largest web developer site. Includes tutorials for HTML, Javascript and more.
http://www.w3schools.com/
University of Washington Web Design and Development I Curriculum – Includes overviews, units, lessons, videos and more
http://www.washington.edu/accesscomputing/webd2/student/index.html
Adobe Fundamentals of Web Design Curriculum
http://edex.adobe.com/digital-design
Codecademy – Students can learn to code HTML, CSS, Javascript, Ruby, make websites and learn web design fundamentals.
http://www.codecademy.com/learn
Code Combat – A fun way to learn programming
http://codecombat.com/
Khan Academy Computer Programming – Learn how to program drawings, animations and games
https://www.khanacademy.org/computing/computer-programming
Two sites for excellent Flash tutorials (Beginner Friendly)
http://www.smashingmagazine.com/2008/01/17/adobe-flash-tutorials-best-of/
http://datab.us/Search/Flash%2BCS6%2BTutorials%2Bfor%2BBeginners%2B-%2BAS3%2B+%2BActionscript%2B3%2BPlayListIDPLE10sFVGtI1ejzPFmX5CebHrTMhaCx2oI
Adobe Illustrator Tutorials (Beginner to Expert)
http://www.webdesignerhub.com/adobe-illustrator-tutorials-for-beginners-to-experts/
http://creativenerds.co.uk/tutorials/illustrator-animal-illustration-tutorials/
https://helpx.adobe.com/illustrator/tutorials.html
http://www.digitalartsonline.co.uk/features/illustration/28-best-illustrator-tutorials-2015/
http://www.creativebloq.com/digital-art/illustrator-tutorials-1232697
http://designrfix.com/resources/30-illustrator-cs6-tutorials-beginners
Adobe Photoshop Tutorials (Beginner to Expert)
http://www.photoshopstar.com/
http://pshero.com/
http://www.webdesignerhub.com/35-best-photoshop-tutorials-beginners/
Adobe InDesign Tutorials
http://www.creativebloq.com/graphic-design-tips/indesign-tutorials-1232639
http://design.tutsplus.com/articles/15-indesign-tutorials-for-magazine-and-layout-design--vector-5456
Other Tutorials
http://www.gimp.org/tutorials/
https://www.blender.org/support/tutorials/
Tonya Skinner’s Multimedia Lesson Plans and Activities
http://lessonplans.btskinner.com/multimedia.html
Tonya Skinner’s HTML/Web Publishing Lessons and Activities
http://lessonplans.btskinner.com/internet.html
Fotor – Photo Editor
http://www.fotor.com/
PowerMyLearning - Free platform to personalize instruction and inspire student-driven learning. Designed for K-12 students, educators, and parents, it offers a flexible way to implement blended learning.
Meet student needs by designing and assigning personalized playlists of digital content. Select from thousands of games, videos, tools, and simulations that are curated by educators; tagged by subject, grade, and more; and aligned to the Common Core standards through a multi-step process. Mix in your own self-created content or other digital tools you use.
Include formative assessments using our Playlist Tasks and Checkpoints as a way to gauge student understanding and encourage deeper learning.
http://powermylearning.org/learning-games-activities/educators?utm_source=edo&utm_medium=post&utm_campaign=pmltd
DVD Flick aims to be a simple but at the same time powerful DVD Authoring tool. It can take a number of video files stored on your computer and turn them into a DVD that will play back on your DVD player, Media Center or Home Cinema Set. You can add additional custom audio tracks, subtitles as well as a menu for easier navigation.
http://www.dvdflick.net/
ZAMZAR is a wonderful file conversion tool. It allows you to convert just about any type of media or document file into another type of file. It converts audio, video and document files. You can even convert PDF to Word documents. No downloading required, completely web based!
http://www.zamzar.com/
Kahoot is a collection of questions on specific topics. Created by teachers, students, business-people and social users, they are asked in real-time, to an unlimited number of “players”, creating a social, fun and game-like learning environment. Can be used for discussions, quizzes or surveys.
https://getkahoot.com/
Spreaker is a wonderful site students can use to create their own podcast or radio show.
http://www.spreaker.com/
Every week, EdSurge sends out an educator-specific INSTRUCT newsletter (sign up here) containing a section called “S’Cool Tools,” where they showcase 3-5 edtech tools that are interesting and useful for educators.
https://www.edsurge.com/n/2015-05-13-the-top-s-cool-tools-for-q1-2015
DUST is an Alternate Reality Game (ARG), an immersive story in which players interact with a fictional world by using real world media and skills to do it. The interactive experience unfolds across multiple platforms, including cell phones, social media sites, printed texts, museums, and the Web as players work together to unravel a mystery that they could not tackle successfully on their own.
GREAT for STEM integration or cross curriculum teaching.
When a meteor shower disperses mysterious clouds of dust into the earth's atmosphere, adults worldwide fall unconscious, leaving teens to take matters into their own hands to search for answers that will save their parents' lives.
Players are invited to help by gathering and analyzing data, connecting and comparing ideas, and proposing solutions as they apply their existing and emerging real-world skills to Science, Technology, Engineering, and Mathematics (STEM) fields.
Supported by funding from the National Science Foundation, Brigham Young University, the University of Maryland, and Tinder Transmedia have partnered with NASA scientists to develop a transformative online learning experience that encourages teens to explore, analyze, and engage in STEM-based learning.
DUST ran as a live game in Winter 2015, but is being repurposed as a standalone game that an educator could run with a class or after-school club. This replayable version will be available later in 2015. Sign up below to be notified when it is released.
http://dustgame.byu.edu/
Canva makes design simple for everyone. Create designs for Web or print: blog graphics, presentations, Facebook covers, flyers, posters, invitations and so much more. Sign up required.
https://www.canva.com/
Teachers have told us they need a place to access safe images that are available to be used in the classroom and for educational purposes. Plus they want accurate image citations. We’ve heard you and created “Photos For Class” to meet your needs for images!
- Age Appropriate Images - All images are appropriate for school setting thanks to Flicker safe Search and our proprietary filters.
- Automatic Citation - Downloaded images automatically cite the author and the image license terms.
- Creative Commons - All photos shown are to the best of our (and Flickr's) knowledge Creative Commons licensed for school use
How to create a How To Video
http://greattechfortheclassroom.tumblr.com/post/119296352313/creating-how-to-videos