Multimedia Screencast Script

My Multimedia web script

Introduction

Hello, my name is Marc-Antoine Beauvais I am a student in the technique of Multimedia Integration at Bois-de-Boulogne College. In this program we explore several areas of IT such as web development and programming.

Like you, I'm not a professional programmer. When I have to code a web page, I often forget to include certain HTML code tags. It can seem impossible to remember all the tags and their uses. But we all want to succeed right ? Of course, this is why you have to take one problem at a time.

I've been studying multimedia for 2 years, and I'm steel having some trouble to remember some basic terms, but I'd like to work for a video game company, so I'm really motivated to learn more.

Since the beginning of my studies, I have never failed a course, and my overall grades are 85%. During the last session, three of my colleagues, and I created a game from scratch, and we received an honorable mention as well as a scholarship. In this project, I was the project manager, the level designer, and programmer.

My goal is to equip you to help you better understand the different HTML tags, to add a picture, and a video on your website page.

Get ready to follow my step-by-step tutorial.

It's impressive how much programming information you can find with the website I'm going to show you.

The Problem

After your first session, you're expected to know the basics of HTML, such as the main tags for adding images or videos to your web pages. Also, during your third session you will be asked to create your own advertising web page with the help of HTML for your game that you will have created during your Video Games 2 course. However, HTML isn't the only computer language you need to learn, as you'll also be asked to learn C# and Blueprint for programming games. So, it's normal for you to forget some HTML tags.

If you forget basic HTML tags during your final exam, you'll lose credibility with your future employers because you'll be asked to create your own online portfolio. You'll also get a poor grade on your final exam.

For example, you should include screenshots and gameplay videos of your game that you took during your video game 3 course to show your future employers the extent of your skills. Unfortunately, you forgot the tags that allow you to add your videos and images.

When this happens to you, don't worry, I'll show you a site that will help you remember these basic concepts in HTML or any other computer language.

The Quest

First, open your browser. Type this URL (https://www.w3schools.com/) into the address bar and hit enter. If you typed the URL correctly, you will see this page.

This is the website's homepage. First, at the top left corner of the screen, you can see the website logo. This allows you to return to the homepage at any time when you left-click on it.

In the upper right corner of the screen you will find a button that will allow you to log in to your account.

Next to the logo, you can see the navigation menu. The two menus of interest are the tutorial and exercises menus. These allow you to strengthen your knowledge by completing exercises and watching videos.

When you click on one of these menus, they act like accordion buttons that reveal a long list of different tutorials covering all computer languages.

Also, to the right of the navigation menu you can see a search bar. This allows you to perform a global search on this site. However, if you have a specific question you must write it in the large search bar which is located at the top of the screen in the middle.

In the middle of the screen are sections containing the most popular computer languages. Each section contains three buttons that is useful for learning the language, a reference to it, and a certification test if you want to become certified.

Using the scroll bar, you'll access the bottom of the screen and the footer menu. There, you'll find three sections containing the top tutorials, references, examples, and key language certifications.

Clicking on a computer language that interests you takes you to its page. Each page has the same structure: on the left side of the screen, you'll find the different chapters of the theory.

The Solution

This is where you'll find the solution to the specific problem mentioned above.

First, on the homepage, type "HTML Images" in the large search bar at the top of the screen.

This takes you directly to the page and chapter that deals with the topic you're asking about here: how to embed an image in an HTML web page.

Then, using the scroll bar, you can see examples of lines of code that allow you to add an image. At the bottom of these examples is the theory on the syntax of the image tag and the theory on its attribute.

However, in your case, you already have your images stored in a folder. So, you'll need to scroll down even further to the section "naming images in another folder." In this section, you can copy the code and embed it on your HTML page by changing the image name to your image stored in your folder. This solves the image embedding problem.

Next, to learn how to add a YouTube video to your HTML page, return to the homepage by clicking on the site logo in the top left corner of the screen.

In the large search bar at the top center of the screen, type "HTML" and click the green button.

Then, search the chapter list on the left side of the screen for the section titled "HTML Media." In this section, click on "HTML YouTube."

Then, in the first section titled "Playing a YouTube Video in HTML," copy the code from the example and paste it into your HTML code.

The Conclusion

So, if you've forgotten your basic HTML knowledge, and you are asked to create your portfolio from scratch using HTML, here's a way to help you. I promised to show you a site that would help you remember your basic HTML knowledge, and I did so using the W3 Schools website.

I hope that was useful to you.

Before I finish, I want you to click the subscribe and the bell so that you don't miss my next video, and then take a moment to share this tutorial on social media. Thanks for watching.

My Screencast

Here is the link for my streamcast video on my Google Drive:

https://drive.google.com/file/d/1_5K6TmCliqVJ9KlZaHBoTUoEeOsbk0Vr/view?usp=sharing

**************************************************************

Statistics

Word count: 1100

Total MP3 length: 00:00

Target structure count: 13

Error count: 6

Error density: 1%

Comments

Post a Comment

Popular posts from this blog

Multimedia Glossary

Image
Multimedia Glossary Hi, my name is Marc-Antoine Beauvais, I am 25 years old, and I am studying at Bois-de-Boulogne College in the technique Multimedia Integration for two years. I created this game development glossary to help new students in multimedia better understand important technical terms used in the video game industry. Many students in the Multimedia Integration program are not very familiar with the technical language of game development. This glossary aims to solve that problem by teaching essential vocabulary in a simple and visual way. It includes 13 key terms, each accompanied by a representative image, a French translation, and an example sentence showing how the term is used in context. To build this glossary, I selected words that are frequently used in the field of game development. I found the definitions mainly from the Game Development Guide website and also used Wikipedia for additional reference. My goal is to make game developme...
Read more

THE FIRST GAME I CREATED

Image
The Last Stand The Last Stand is a first-person horror game. The player finds himself the sole survivor of a mining colony devastated by an alien attack. He is locked in the main control room where he has access to three stations. The most important station is the defense turret to protect the base from meteor showers. The second allows him to control an energy harvesting drone. The last one allows him to control a repair drone that repairs batteries damaged by meteors. In short, the player must manage each station and survive until wave 10. Also, he must be careful, because an enemy is lurking in the base, so he must be attentive to protect himself from a surprise attack.   Trailer    
Read more