Showing posts with label video. Show all posts
Showing posts with label video. Show all posts

Monday, November 30, 2009

Embedding Video Code on to an HTML Page



This video tutorial covers how to embed video code on to an HTML page. It requires that you have some knowledge of Photoshop, Dreaweaver and HTML. If you don't, no worries, I cover it in the video.

These days, in order to save space and money, people elect to upload their videos / demo reels on to a site like Youtube or Vimeo, which is a process I highly recommend. Placing video embed code on to a blog or webpage is quite easy, its a simple copy and paste procedure, but sometimes, people want to have pictures or a design around it. This video tutorial shows you a quick way to do so.

Doing so enables you to:
  • Watch the clip full screen.
  • Saves server and hard drive space.
  • Can be viewed from any computer.
  • The sound quality is nice.

Wednesday, November 18, 2009

Level 2 Webpage Design Tutorial



When designing second level pages for your site, its important that you maintain continuity and harmony, otherwise, people will get confused and leave. These pages are also the entry way to the main content of your site. This video tutorial shows you a process for designing level 2 pages for your website that look similar in design to a your existing homepage.

Be sure you watch the previous tutorial "Quick Homepage Design Technique" on how to design a homepage first before viewing this tutorial.

Designing the "Gallery Page" is the most difficult of all Level 2 page designs because of its complexity. This will be covered in a later tutorial.

This tutorial covers the following topics: design grid, typography, placement and color.

- - - - - - - -

Be sure you check out the previous tutorial:

A Quick Homepage Design Technique

Tuesday, October 27, 2009

Placing Video Embed Code



The Assassin's Creed Trailer came out this week, and unlike the game, this trailer features live action footage. The interpretation is incredible. I think is so cool. They really should make a full movie. I would pay to see this.

In this example, we copied the embed code associated with a Youtube video and pasted it on to a blog post. The process is quite easy and I also recommend that as you post a video or picture, that you also write a small sentence or two about lending your opinion about the piece. Having both and image and text work together to make an engaging presentation.

Here are some images to help you with the process...

Copy the embed code from Youtube here:



Then, under Posting > Edit HTML Tab > paste the copied Youtube code. As seen below: