Final Video

 

Screenshot of Final Video 2

                                                     Screenshot by Natasha Vos. All Rights Reserved.

For my final video project for COMM 240, I co-produced and edited a short video showcasing St. Cloud State University’s multicultural, or simply cultural, center. The center was the result of a 1995 hunger strike coordinated by a student organization, Movimiento Estudiantil Chicano de Aztlán (MEChA). After student protestors called for more cultural inclusion, SCSU administrators established the cultural center on campus.

Our video was filmed using Panasonic AC 90 camera, tripod and external microphone. My partner and I edited the video using Adobe Premiere Pro Creative Cloud on an iMac computer.  “Sky Blue,” the accompanying song composed by George Apsion, was used with permission from Killer Tracks.

Our video can be viewed on YouTube.

0:00-0:08 Shot 1 – Medium close-up shot of Natasha with title and subtitle

0:08-0:13 Shot 2 – Cutaway shot to the 13 Totem Poles

0:14-0:26 Shot 3 – Medium close-up shot of Natasha

0:27-0:32 Shot 4 – Very wide shot of the outside of the cultural center

0:33-0:35 Shot 5 – Low angle zoom-in of the sign

0:35-0:39 Shot 6 – Wide shot of a student walking into the center

0:39-0:45 Shot 7 – Wide shot of the student exiting the center

0:46-0:54 Shot 8 – Extreme wide shot horizontal panorama of students socializing in the center

0:55-1:00 Shot 9 – High angle of a closer look at the students

1:00-1:04 Shot 10 – High angle from a different perspective of the students

1:04-1:08 Shot 11 – Cut-in shot of a student using a computer in the center

1:08-1:12 Shot 12 – Low angle horizontal panorama of student associations

1:12-1:15 Shot 13 – Handheld and follow of Johnnathan entering the center

1:16-1:19 Shot 14 – Point of view shot from Johnnathan’s perspective entering the center

1:20-1:24 Shot 15 – Eye-level angle vertical down swipe of décor

1:24-1:28 Shot 16 – Eye-level angle vertical up swipe of decor

1:28-1:34 Shot 17 – Medium close-up shot of Johnnathan

1:34-1:40 Shot 18 – Rolling credits

Attribution

Much of what we encounter on the internet—including written works, photos, audio files, videos and other creative material—is protected by copyright laws. Although ideas and operational methods cannot be copyrighted, almost all other perceivable materials produced from creative thought are automatically protected by copyright laws. There is a common misconception that creative works must be legally registered for copyright protections to apply. This is simply not true in the United States and many other countries; formal registration is recommended, but it is not required in order to sue for copyright infringement. Legally speaking, it is important to receive permission from the owner before using her or his work, and it is expected that you cite your sources. This also ensures that you can trace your own trail of information, if needed.

Copyright

Public domain photo from Yahoo! images.

There are, however, exceptions to copyright restrictions. Public domain materials are those that no longer belong or have never belonged to a specific party. Rather, public domain works are owned by the public and may not be owned by anyone in its original form. There are four reasons creative work falls into this category: 1) the copyright has expired; 2) the owner did not comply with copyright rules, specifically those related to copyright renewal ; 3) the owner allows the material to be public domain; or 4) copyright protection does not apply to that specific work. The middle ground between copyrighted material and material belonging to the public is material placed under a Creative Commons license. This type of copyright license allows owners to be more flexible with respect to “lending” their works. For example, someone with a Creative Commons license can choose to let others use her work without explicit permission, but she may limit this sharing to non-commercial use. It is also worth noting that there are general “fair use” policies that include educational use, news reporting, parody, commentary and criticism, among other uses.

Ultimately, it’s beneficial as a secondary source to cite the original source—it builds your credibility and protects you from expensive litigation.

For additional context, view this video found on YouTube.

HTML and CSS

Neither this website nor any other could function the way it does without Hypertext Markup Language and most would not look the way they do without Cascading Style Sheets. WordPress, Adobe Dreamweaver and other applications supply users with text editors, and understanding the basic elements of Hypertext Markup Language and Cascading Style Sheets can optimize your use of those text editors. (WordPress support explains more here.)

Hypertext Markup Language, commonly abbreviated HTML, is the plain-text language used to select the structure and layout of a website. HTML relies on special tags to communicate structural demands about the webpages. There are more than 120 markup tags, each indicated by angle brackets. For example, you would use the tag <b> if you wanted to add bold text.

HTML

An example of Hypertext Markup Language. Picture by Natasha Vos. All rights reserved.

Cascading Style Sheets, shortened to CSS, describe the specific designs for markup language like HTML. CSS adds additional visual elements to websites. A website created without using CSS will default to white backgrounds with black text. CSS is what makes a site more visually stimulating. For example, you would use CSS to add a colorful border and to adjust the margins.

You can see HTML and CSS on any webpage by pressing a couple of buttons. If you’re on a Windows computer, hit Ctrl+U. If you’re using a Mac, hit Command+U (or Command+Option+U). When you do so, the page will be transformed to reveal the hidden language with which it was created.

Visit this YouTube channel for more videos about HTML and web development!

 

 

Adobe Dreamweaver

 

First website

A screenshot of my first website created using Adobe Dreamweaver. Photo by Natasha Vos. All rights reserved.

Adobe Dreamweaver is an application that helps simplify website development, a process that incorporates Hypertext Markup Language (HTML) and Cascading Style Sheets. Users with varying degrees of knowledge about website development can create website prototypes that feature text, images and responsive designs, all which can be accessed on computers and mobile devices. Heavily praised for its user-friendly features,  Adobe Dreamweaver is capable of appeasing users no matter where they fall on the experience spectrum. That is, highly experienced web designers and developers can appreciate the advanced options offered, while newbies like me are gently guided along by coding assistance. This is significant as we move away from traditional modes of communication and self-expression, and continue integrating the internet into our self-identities. With Adobe Dreamweaver, the once small group of people that comprised web developers is becoming more inclusive. Using web development software like Adobe Dreamweaver and standalone text editors like TextWrangler (which allow users to edit computer text files), creating a website is more possible for the self-taught than it was several years ago.

For an idea of how Adobe Dreamweaver functions, please see the YouTube video below (posted by YouTube channel “Greg Davis”). If you’re interested in learning more about Adobe Dreamweaver or are considering purchasing the program, visit Adobe’s  official site.

 

 

WordPress

You may be surprised to learn that more than 25% of all websites currently use WordPress. Statistically speaking, if you visit four websites, there’s a chance at least one of those sites is affiliated with WordPress. Such popularity is a testament to the growing appeal of Content Management Systems. A Content Management System (CMS) is a computer program (also referred to as an application) that allows users to create, edit and delete content on a website without proficiency in Hypertext Markup Language, or HTML. This is important because many people are not familiar with HTML and would be unable to fully contribute online without a head start. Offering templates through CMSs therefore increases the number of people who can share ideas in cyberspace, for better or for worse.

WordPress comes in two forms: WordPress.com and WordPress.org. The latter affords users more control, which in turn requires more responsibility. Unlike its commercial counterpart, WordPress.org gives its users the opportunity (or the burden, depending on your perspective) to self-host. This requires more technical knowledge and special software. Users do not have to register for WordPress.org; however, registration is mandatory for WordPress.com. Luckily, registration is simple, quick and a good indicator of the experience to come using WordPress.

Registration begins by registering a domain. Those registering can select a WordPress domain for free or a standalone domain for a monthly fee.

Registering at WordPress.com Source: Screenshot of WordPress.com

Registering at WordPress.com. Source: Screenshot of WordPress.com

Next, select the plan befitting your preference.

Registering at WordPress.com. Source: Screenshot of WordPress.com

Registering at WordPress.com. Source: Screenshot of WordPress.com

Finally, input your email address, pick a username, and create a password.

Registering at WordPress.com. Source: Screenshot of WordPress.com

Registering at WordPress.com. Source: Screenshot of WordPress.com

Once registered, you’re able to choose a theme, customize as desired and share your story with the cyber world.

Check out the step-by-step video, found on YouTube.