Summary – 6. Sound, light & magic – Multimedia

Summary – 6. Sound, light & magic – Multimedia

Great week! One of the great benefits of the web and the internet has been the virtually unlimited availability of content, specifically images, audio and video.

Exploring sources, sharing “finds” and favorites. and adding audio and video media to your own pages. We have moved beyond just using the web to replace conventional paper based publication of text and images. We are now using the powerful features that the web can deliver. This is really exciting stuff.

Basic HTML and CSS

The course coding assignments cover all the main HTML basics. When you get these to work and display on your page, you have accomplished to minimum requirements for the course. Each assignment is reviewed and feedback is provided to identify any problems. If you have problems while working on the assignments or after the assignment has been reviewed, you will have to find answers yourself or ask for help. Beyond this, every web site is so individualized that it would be impossible to really “teach” you what to do.

Code checkers, and Whatever works

As we are seeing with code checkers, code with “errors” can do exactly what you want for most of the viewers most of the time. When is an error serious? When it doesn’t work. It is best not to depend on these things working long term. Check your code and clear up any erros to may your code more robust over time.

What you are learning is how to develop code for presenting your content and designs online. Mostly, that requires learning to find answers to your own questions. The Coding Challenges are now included to provide additional “real” coding problems to solve.

Coding Challenges

Want more coding practice? Great! Check out the Coding Challenges.

This is the first semester that there have be several students who really wanted to do the extra work for more complex web development. The Coding Challenge extra credit “discussion” seems to be working out well for those who are participating. There are extra credit points for proposing challenges as well as for responding with “solutions” or implementations.

If you have a tricky question about something in a coding assignment, add a coding challenge. For example. div is very powerful and can be used in a wide variety of ways. There are many online tutorials available and some will provide information about your specific use. If you need help finding an answer or a tutorial, you can post your specific situation as a Coding Challenge for extra credit.

You are welcome to add complex coding requirements such as making image galleries, scrolling slide shows, and horizontal menu bars, to the Coding Challenges – top section of main page, and then investigate for extra credit.
These are beyond the scope of the basic class but these are great learning opportunities if you are interested.

There are extra credit points for coding challenge participation.

Discussion participation

Many of the discussions topics are for submitting assignment activities. You must post your work to get credit for the activity.

All assignments adding to become the final project?

We tried making assignments “additive” leading up to a complete project. This gets too confusing for new students. It is really difficult to debug when there is a lot of code. What you can do is create a section of your final project for each weekly assignment. Then you can include that code directly into your final project files.

Media, control, visitor experience

Maybe it is just me. Personally I hate when music plays when the page launches. However, demonstrating that it can be done for this assignment is good practice. If I click on a link that I know is going to YouTube, I am not surprised if the video starts automatically. However, if I am going to some unknown site and audio or video starts immediately, I find it very disorienting and annoying to not have control over this visit experience. How do you feel about instant “on” audio or video?

Mobile device friendly

As a warm-up for site planning, you looked at your own page with “virtual” and/or real mobile devices. This gives you the idea of what you will be facing when it comes to your actual site development. This should get you thinking about how you can meet the needs of all visitors using any devices.

We will look at accommodating mobile devices when we discuss site planning and formatting.

We will get into desktop and mobile site design options more when we talk about site planning. Some techniques such as “mobile first” or responsive design can help you accommodate the device displays for all your viewers.

Got questions?

Did you try “googling” for the answer to your question? There are a number of good articles that would more than adequately address your question if your search for the key words such as “html caption center”.

This is what developers do, which is why there are so many good resources available. All these good folks like to share what they know.

This made my day! “I usually do my own web searching when I have questions (instant gratification) so I don’t have any that are specifically unanswered.”

Thanks for taking the initiative and finding answers to your questions. This course is really about learning the basics and then learning to find answers to all other questions as they come up.

Could Be Better (CBB) – Student Mid-term feedback

Thanks for all the feedback.

Please let me know if any inconsistencies creep into the assignments and other course related information. This is always a balancing act – enough information without being overwhelming. Great questions that students bring up. Dealing with unexpected problems. Changes to sources and resources. Arg!

The participation this semester has been wonderful. Thanks to everyone for contributing to this great learning experience.

Advertisements

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s