|
HTML - Video Tutorials
I am very new in html and css and now try to learn this one now. As an aged person and as I am in a service so my lots of time is engaged in my office and I want to learn it through video tutorials. Can any one give me some good linked video tutorials to know how to slice one psd , and code them with valid css and use div tags.
Any help will be highly appreciated. Regards trnghosh Similar TutorialsIm a beginner so please if anyone knows let me know. Im actually learning for free on w3schools.com and e-learningcenter.com but now, Im willing to buy me a complete course even though I know I can learn for free. Thank you so much! Hello, I downloaded a couple of templates a week ago, thinking I could use them to base my site (which is just going to be a simple, personal site) off of them. However, I seem to hit a complete blank in knowing what any of it means! I've done some html sites before, albeit about 6 years ago and I don't remember much of what I did then. So when I looked at these templates and tried to work with them I was just perplexed just how to go about changing it to do what I want.. I was wondering if anyone would know of any tutorials, very good ones that go into detail about the code the templates use. The code for one of the templates is below, the other uses the same style. One thing I am quite frustrated with is that every link simply links to the whole main page and brings it all up again, so in effect I would have to have several copies of the main page. I would like so that all links simply bring the information up in the lower left part of the page (below the "Maecenas" link). I have used iframes for that in the past, however I can't remember how, or how with this style of code. I've also been told that ALL frames should be totally avoided, including iFrames! (I thought it was just the normal frames..). So if anyone would be able to help me out with this, it would be very much appreciated. Thanks, Pete Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/> <meta name="description" content="description"/> <meta name="keywords" content="keywords"/> <meta name="author" content="author"/> <link rel="stylesheet" type="text/css" href="default.css"/> <title>Deep Red</title> </head> <body> <div class="main"> <div class="main_left"> <div class="header"> <h1><a href="index.html">Deep Red</a></h1> </div> <div target="_blank" class="link_menu"> <a href="index.html" accesskey="1">Vestibulum</a> <a href="index.html" accesskey="2">Suspendisse</a> <a href="index.html" accesskey="3">Elemen</a> <a href="index.html" accesskey="4">Maecenas</a> </div> <div class="content"> <h1>Porttitor posuere</h1> <div class="descr">Jun 13, 2006 by Vulputate</div> <p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In bibendum. Aenean ornare, <a href="index.html">nunc eget pretium</a> porttitor, sem est pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante. Sed in est.</p> <blockquote><p>Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus.</p></blockquote> <p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc blandit sodales lacus. Nam luctus semper mi. In eu diam.</p> <p>Fusce porta pede nec eros. Maecenas ipsum sem, interdum non, aliquam vitae, interdum nec, metus. Maecenas ornare lobortis risus. Etiam placerat varius mauris. Maecenas viverra. Sed feugiat. Donec mattis <a href="index.html">quam aliquam</a> risus. Nulla non felis sollicitudin urna blandit egestas. Integer et libero varius pede tristique ultricies. Cras nisl. Proin quis massa semper felis euismod ultricies. </p> <h1>Adipiscing</h1> <div class="descr">Jun 11, 2006 by Laoreet</div> <p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc blandit sodales lacus. Nam luctus semper mi. In eu diam. Phasellus rutrum elit vel nisi. Cras mauris nulla, egestas quis, cursus at, venenatis ac, ante. Fusce accumsan enim et arcu. Duis sagittis libero at lacus. Suspendisse lacinia nulla eget urna.</p> <ul> <li>Tristique</li> <li>Aenean</li> <li>Pretium</li> </ul> <p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante. Sed in est. Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus. Fusce eleifend, dui ut posuere auctor, justo elit posuere sapien, at blandit enim quam fringilla mi.</p> <h1>Interdum</h1> <div class="descr">May 24, 2006 by Lectus</div> <p>Praesent nisi sem, bibendum in, ultrices sit amet, euismod sit amet, dui. Donec varius tincidunt nisi. Ut ut sapien. Integer porta. Fusce nibh. Curabitur pellentesque, lectus at <a href="index.html">volutpat interdum</a>, sem justo placerat elit, eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie. Nullam semper massa eget ligula. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque a nibh quis nunc volutpat aliquam</p> <code>margin-bottom: 12px; font: normal 1.1em "Lucida Sans Unicode",serif; background: url(img/quote.gif) no-repeat; padding-left: 28px; color: #555;</code> <p>Eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie.</p> </div> </div> <div class="main_right"> <div class="link_projects"> <div class="lbl">projects</div> <span class="left"> <a href="index.html" class="g1" accesskey="c"><span>CSS</span><br/>Cascading Style Sheets</a> </span> <span class="right"> <a href="blog.html" class="g2" accesskey="p"><span>Blog</span><br/>of Nonsensical Musings!</a> </span> </div> <div class="link_updates"> <div class="lbl">updates</div> <a href="index.html"><span>PHP</span>laoreet<br/>-<br/>2006-12-19</a> <a href="index.html"><span>PHP</span>neque convallis<br/>-<br/>2006-12-15</a> <a href="index.html"><span>CSS</span>pellentesque<br/>-<br/>2006-12-13</a> <a href="index.html"><span>CSS</span>quis neque<br/>-<br/>2006-12-10</a> <a href="index.html"><span>CSS</span>ultrices sit amet<br/>-<br/>2006-12-07</a> <a href="index.html"><span>PHP</span>nascetur ridiculus<br/>-<br/>2006-12-06</a> <a href="index.html"><span>PHP</span>semper massa<br/>-<br/>2006-12-05</a> <a href="index.html"><span>CSS</span>nibh quis nunc<br/>-<br/>2006-12-04</a> <div class="clearer"><span></span></div> </div> </div> <div class="footer"> <div class="left"><a href="index.html">Website</a> © Copyright 2006, Arcsin </div> <div class="right"><a href="http://jigsaw.w3.org/css-validator/check/referer">Never before could a mind be so blank.</a></div> </div> </div> </body> </html> Hello Sir, I am new to this forum. I would like to learn HTML in depth. Could anyone forward some material or any url's where I can find information about the basic HTML and advanced HTML concepts. Waiting for reply. Anjali Reddy Hey all, Is it possible to shut down video screen automatically after displaying the video? I mean, after video is over, is it possible to hide the video screen? ( I tried to use embed tag... <embed src="myVideo" autostart="true" /> ??) Thanks, Doron Can anyone recommend a good tutorial site for learning HTML? I'm just starting out. Free is good, but I know you get what you pay for, so if the tutorials are good, I wouldn't mind paying for something of good quality. I don't want to get in over my head too soon and get discouraged. I'd really like to find some video tutorials. Thanks. Hello, first post. HELLO! my video widget playlist on my index is a different size on my index.php but the correct size throughout the rest of my site. Its quite annoying, can anyone shed any light on this issue? thanks. http://www.brewrecords.net HTML Code: <?php get_header(); ?>
<div id="content">
<div id="homepagetop">
<div class="textbanner">
<?php $recent = new WP_Query("cat=" .ot_option('hp_top_cat'). "&showposts=1"); while($recent->have_posts()) : $recent->the_post();?>
<h3><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3>
<?php endwhile; ?>
</div>
<div id="homeslider">
<?php include(TEMPLATEPATH."/includes/slider.php");?>
</div>
<div class="homewidgets">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Homepage Top Right') ) : ?>
<div class="widget">
<h4>Widget Area</h4>
<p>This section is widgetized. To add widgets here, go to the <a href="<?php echo admin_url(); ?>widgets.php">Widgets</a> panel in your WordPress admin, and add the widgets you would like to <strong>Homepage Top Right</strong>.</p>
<p><small>*This message will be overwritten after widgets have been added</small></p>
</div>
<?php endif; ?>
</div>
</div>
<div id="homepage">
<?php include(TEMPLATEPATH."/sidebar_left.php");?>
<div class="homepagemid">
<h3><?php echo cat_id_to_name(ot_option('hp_mid_cat')); ?></h3>
<?php $recent = new WP_Query("cat=" .ot_option('hp_mid_cat'). "&showposts=" .ot_option('hp_mid_num') ); while($recent->have_posts()) : $recent->the_post();?>
<div class="homepagecontent">
<a href="<?php the_permalink() ?>" rel="bookmark"><?php the_post_thumbnail( 'home-thumbnail' ); ?></a>
<h4><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h4>
<?php the_excerpt(); ?>
</div>
<?php endwhile; ?>
</div>
<?php include(TEMPLATEPATH."/sidebar_right.php");?>
</div>
</div>
<!-- The main column ends -->
<?php get_footer(); ?>
Hey guys, I was wondering, that almost 90% of Video on the web is in flash. How will that video be converted into HTML 5. Also, are there any good HTML Video editing tools. When writing in HTML, how whould I add a video to my web page? ok so i posted a music video code on a forum but i want it to aut play when a user views the thread can this be done? the video code is: <center><embed src="http://www.youtube.com/v/JHg2q5M6WnY" type="application/x-shockwave-flash" wmode="transparent" width="600" height="400"></embed></center> hello, ive got a video in a mpeg file is there anyway i can transform this into a flash file so its will automatically play at the top of my page in a loop, any ideas would be very helpfull thanks frag Im sure this question has been asked many a time so sorry for asking it again, i have my own web site and would like to add a video section were people can upload clips as well as myself, can someone give me the html code for doing this. Thanks I was searching on internet and I found a html code which is used when we want change image clicking on image.But I want to have that when image is clicked , image changes to video.For example , I want to have when my image of some car is clicked it changes to video , so I can watch video after seeing an image.If someone knows how to do that please post the html code. Okay, this one is a tough one for me. On my website, Celtics Insider, where the picture of the banners are (right above the "About Us" and "Our History" sections), I want to change that image into a video. I want to have a video like ESPN, where it doesn't say "YouTube" or show any of that crap, just a little transparent "play" button (the image, not the text). I'm just wondering a few things. First off, how do I resize the video so it is 442 x 200? Also, how do I make it so the YouTube thing doesn't show up? And how do I make a little transparent play button to click on before the video starts? I want to be able to have text below as well with a link to the story, like ESPN does. If you don't know what I mean, look at ESPN: http://espn.go.com/ Does anyone know the best practice for creating/embedding a video (3gpp/3gpp2/mp4) in html? Thanks in advance, James Hi, I'm new here. I'm also a beginner web programmer so please take it easy on me. I've taken on a job where I need to embed a video into a webpage, I think I can figure out how to do that however my employer wants this video to be slanted. I have no idea how I would slant the video using HTML/CSS/DHTML. For an example of what I am talking about please view this website: http://www.wavecam.com/ I am aware that the video on that site was embedded into Flash so I'm wondering if that is the only way to do this. Thanks in advance for any help provided. hey I'm working on a video gallery, and here is the basic code: Code: <!-- Start Videos --> <div id="Watch a video"> <img src="WatchAVideo.jpg" alt="Click a video below to watch!" /> </div> <div id="Video1" style="display: none;"> <iframe width="560" height="315" src="http://www.youtube.com/embed/Video1" frameborder="0" allowfullscreen></iframe> </div> <div id="Video 2" style="display: none;"> <iframe width="560" height="315" src="http://www.youtube.com/embed/Video2" frameborder="0" allowfullscreen></iframe> </div> <div id="Video 3" style="display: none;"> <iframe width="560" height="315" src="http://www.youtube.com/embed/Video3" frameborder="0" allowfullscreen></iframe> </div> <div id="Video 4" style="display: none;"> <iframe width="560" height="315" src="http://www.youtube.com/embed/Video4" frameborder="0" allowfullscreen></iframe> </div> <!-- End Videos --> <!-- Start Thumbnails --> <a href="#" clicktoshow="Video 1" clicktohide="Watch a video,Video 2,Video 3,Video 4"> <img src="thumbnail-1.jpg" /> </a> <a href="#" clicktoshow="Video 2" clicktohide="Watch a video,Video 1,Video 3,Video 4"> <img src="thumbnail-2.jpg" /> </a> <a href="#" clicktoshow="Video 3" clicktohide="Watch a video,Video 1,Video 2,Video 4"> <img src="thumbnail-3.jpg" /> </a> <a href="#" clicktoshow="Video 4" clicktohide="Watch a video,Video 1,Video 2,Video 3"> <img src="thumbnail-4.jpg" /> </a> <!-- End Thumbnails --> I am aware that "Clicktoshow" and "Clicktohide" are NOT working HTML codes, But i wanted to know how I can do it so it does work. Any ideas? Please help! I hired someone to update our website and they royally screwed me. We didn't like what they did with video and despite promising to archive/save the old code when they updated - it is all gone. GoDaddy wants $1500 to revert the website back. I got almost all of it figured out but I have no experience and I am stuck on one final piece. We have a video player on the website and a list of videos to click and play. That is working. We want a static image showing in the video player that will play when clicked. I have the image. I have the video. But nothing I have tried works. Can anyone please help? HTML Code: <%@ Control Language="C#" AutoEventWireup="true" CodeFile="bannerControl.ascx.cs"
Inherits="bannerControl" %>
<script>
</script>
<div class="banner">
<object id="FlashID3" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="548" height="192">
<param name="movie" value="flash banner15.swf" />
<param name="quality" value="high" />
<param name="swfversion" value="8.0.35.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don�t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash banner15.swf" width="548" height="192">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="swfversion" value="8.0.35.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
<div class="videoSection">
<div class="videoPlayer" id="videoPlayer">
<iframe src= default.htm" width="316" height="177" autoStart="false" high allowtransparency="true" frameborder="0" scrolling="no"></iframe> </div>
<div class="videoList">
<div class="topBtn"><img src="images/btn_top.jpg" id="next" /></div>
<div class="videos" id="video">
<div class="scrollArea">
<ul>
<%-- <li><a href="video/video1.html">When Selling...</a></li>--%>
<li ><a href="video/video2.html">VERCOR<br>Services<br></a> </li>
<%-- <li> <a href="video/video4.html">Why<br> VERCOR?</a></li> --%>
<li><a href="video/video3.html">Why Hire a<br>M&A Firm</a> </li>
<li><a href="video/video7.html" >Types of<br>Firms</a> </li>
</ul>
</div>
<div class="scrollArea" >
<ul>
<li><a href="video/video4.html">Common<br>Pitfalls</a> </li>
<li><a href="video/video5.html" >The VERCOR<br>Process</a> </li>
<li><a href="video/video7.html" >Types of<br>Firms</a> </li>
</ul>
</div>
<div class="scrollArea">
<ul>
<li ><a href="video/video8.html" >When a Done<br>Deal Is Not<br> Really Done</a> </li>
<li><a href="video/video5.html" >The VERCOR<br> Process</a> </li>
<li><a href="video/video7.html" >Types of<br>Firms</a> </li>
</ul>
</div>
</div>
<div class="bottomBtn"> <img src="images/btn_bottom.jpg" id="prev" /> </div>
</div>
</div>
Hi, Im tryin to use html5 video so my video can be watched by most browsers and cell phone OSs. Having an issue. the link working in Safari (on win) but not in FireFox http://beerdiaries.com/html5/html5.html any idea why? thanks hello all and merry xmas, my client needs a free/very cheap video uploading solution. he has an unlimited hosting account and a domain. he wants to create a website where he uploads daily/weekly sermons (30 - 60 min long videos) and can share it with the web. i was thinking of 1. making video > uploading to his space via ftp > embedding in html form, but i dont think its best to leave so 'many' tasks for him to deal with on a everyday basis. 2. a blog e.g. blogger which will enable him to embed videos, but this means videos arent categorized. 3. free/very cheap video hosting. google video was a favourite but since it has shut down recently he cannot use it. THE EASIEST OPTION are there any other ways of going about this? he is a total beginner to internet and its programming aspects. any help appreciated What code would websites like youtube and metacafe let other people upload things? |
|||||||