Tutorial videos for 2.0?

#1 / Jul 27, 2010 5:18pm

louisep
27 posts

I hate to ask, but is anyone ever going to get around to producing this- for free?

People find videos (which could be freely posted on youtube) much more helpful than wafting through stacks of documents and reading books.

I’ve had a license for EE 2.0 for a few months, but still cannot produce a basic page using a template. There are 3 videos on this site, which are great- but they are short. Why not somehting in more depth?

I learned CMS/ HTML etc from a noob perspective through free tutorial videos from MS Expression Web users. The book I purchased didn’t help.

I’ve noticed this question has been asked before.

Admittedly I should have done some presales research to check that in depth videos were available because I’m now stuck with a CMS I cannot use and which I assume I cannot be refunded for.

The majority of threads would not be created if an indepth video tutorial on constructing a one page site was created.

#2 / Jul 27, 2010 5:56pm

louisep

27 posts

At the very least, will someone help me with producing a template with this following static html, and instruct me on how to go about using it as a basic template for my website pages, and also how to keep the home page template free:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html >

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>

    <link href="css/basics.css" rel="stylesheet" type="text/css" />

<style type="text/css">



.paragraph1{
margin-top:-8px;
width: 100%;
text-align: justify;}
    
.paragraph2{
margin-top: 20px;
width: 100%;
}

#pagecontent  {
    padding-left: 20px;
    width: 839px;
    padding-right: 20px;}
    
    
#contentholder h1 {
    background-position: left top;
    padding: 9px 10px 10px 20px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    background-color: #FF0000;
    background-repeat: repeat-y;
    margin-left: 0.5px;
    border-left-style: solid;
    border-left-width: .05px;
    border-left-color: #000000;
    font-size: 1.5em;
    margin-top: 76px;
    font-weight: 900;
}


#menu {
    width: 879px;
    text-align: center;
    margin-left: 1px;
    background-color: #D2D2D2;
}

#menu ul {
display:inline-block;} 

#menu ul.top-level {
margin-left:0;}

#menu ul {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
text-align:left;
width: D0 NOT DETERMINE A WIDTH AS IT WON'T WORK
} 
 
#menu li {
margin:0; padding:0;}

#menu a {
    display: block;
    font: normal 1.2em verdana, arial, sans-serif;
    color: #000000;
    line-height: 22px;
    text-decoration: none;
    padding: 0 20px;
}

* html #menu ul.top-level {
margin-left:0;} /* I don't know why, but this centers IE5.5 ?? */

#menu li:hover > ul {visibility:visible;}
#menu a:hover ul,
#menu a:hover a:hover ul, 

#menu a:hover a:hover a:hover ul {
visibility:visible;}

#menu a:hover ul ul, 

#menu a:hover a:hover ul ul {
visibility:hidden;}

#menu ul.top-level {
margin:0 auto;} 

#menu li.top-level-li {
float:left; 
position:relative;
 margin-right:1px;}

#menu a.top-level-a {    THIS DETERMINES THE COLOUR OF THE SPACES IN BETWEEN TABS
 background-position: left top;
    float: left;
    padding: 0 0 0 20px;
    background: no-repeat lefttop;
    background-color: #D2D2D2;
}
#menu a.top-level-a b {  THIS DETERMINES THE COLOUR OF TABS ON THE LEFT & RIGHT SIDES
    background-position: right top;
    float: left;
    padding: 0 20px 0 0;
    background: right top;
    cursor: pointer;
    cursor: hand;
    background-color: #D2D2D2;}
    
#menu a.down b {THIS DETERMINES THE COLOUR OF TABS IN THE MIDDLE
    background-position: right top;
    float: left;
    padding: 0 20px 0 0;
    background: right top;
    cursor: pointer;
    background-color: #D2D2D2;
}

#menu a.top-level-a:hover {
    background-position: left -30px;
    white-space: nowrap;
    background: left -30px;
    background-color: #FF0000;
}
#menu a.top-level-a:hover b, 
#menu a.top-level-a:focus b, 

#menu a.top-level-a:active b {
    background-position: right -30px;
    background: right -30px;
    cursor: pointer;
    background-color: #FF0000;
    color: #D2D2D2;
}
 
 
#menu a.down:hover b, 
#menu a.down:focus b, 


#menu a.down:active b {
    background-position: right -30px;
    color: #000;
    background: right -30px;
    cursor: pointer;
    background-color: #FF0000;
}


#menu li.top-level-li:hover > a {
    background-position: left -30px;
    white-space: nowrap;
    background: left-30px;
    background-color: #FF0000;
}

 CONTROLS HOVER FONT COLOUR 
#menu li.top-level-li:hover > a b {
    background-position: right -30px;
    color: #DFDFDF; 
    background: right-30px;
    background-color: #FF0000;
}

#menu li.top-level-li:hover > a.down b {
    background-position: right -30px;
    color: #DFDFDF;
    background: right -30px;
    background-color: #FF0000;
}

#menu li ul { 
    display: block;
    position: absolute;
    visibility: hidden;
    
    padding: 1px 1px 8px 1px;
    Left: 0;
}
  
#menu li li {border-bottom:1px solid #505060;}

#menu li li a {background:#fff;} LEAVE THIS ALONE!

#menu li li a:hover {
    background: #008080;
}
#menu li li:hover > a {
    background: #008080;
}

#menu li li a.fly { 
background-position: right top;
background: #fff right top;  
} LEAVE THIS ALONE!


#menu li li a.fly:hover {
    background-position: right top;
    background: #008080 right top;}
    
    
#menu li li:hover > a.fly {
    background-position: right top;
    background: #008080 right top;
}

#menu ul.drop-down {top:22px; opacity:0.85;} 
#menu li li ul {left:100%; margin-top:-23px; margin-left:-5px;}

#menu table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left;}
#menu table ul li a {padding-left:0; padd\ing-left:20px;}
#menu table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0;}
#menu table table ul {margin-top:-4px; marg\in-top:-7px;}



</style> 

<!--[if lte IE 7]>
<style type="text/css">
#menu ul {display:inline;}
</style>
<![endif]-->


<!-- BEGIN **** LOG IN **** SECTION -->

<link rel="stylesheet" href="css/login.css" type="text/css" media="screen" /> <!-- The main style sheet -->

    <!-- START MooSlide -->
    <!-- The CSS -->
      <link rel="stylesheet" href="css/mooslide.css" type="text/css" media="screen" />
    <!-- Mootools - the core -->
    [removed][removed]
    <!-- MooSlide (show/hide login form) -->
    [removed][removed]
    [removed]  [removed]

<!-- END **** LOG IN **** SECTION -->



</head>

#3 / Jul 27, 2010 5:59pm
louisep
27 posts

#4 / Jul 27, 2010 6:01pm

louisep

27 posts

<!-- OPENS MENU --> 


    
    <div id="info">

<div id="menu">
    <ul class="top-level">
        <li class="top-level-li"><a href="http://index.htmlclass=top-level-a"><b>RISAM.</b></a></li>
        
        <li class="top-level-li">
        <a href="http://about-us.html%22class=%22top-level-a" class="top-level-a down"><b>About Us.</b><!--[if gte IE 7]><!--></a>
        


        <li class="top-level-li"><a href="#url%22class=%22top-level-a" class="top-level-a down"><b>Memory.</b><!--[if gte IE 7]><!--></a><!--<![endif]-->

        <!--[if lte IE 6]><table><tr><td><![endif]-->
        
        
            <ul class="drop-down">
            
            
                
                
                <li><a href="#urlclass=fly">By Brand<!--[if gte IE 7]><!--></a><!--<![endif]-->
                <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <ul>
                    
                    
                    
                        <li><a href="#url">Brand 1</a></li>

                        <li><a href="#url">Brand 2</a></li>
                        <li><a href="#urlclass=fly">OCZ<!--[if gte IE 7]><!--></a><!--<![endif]-->
                        <!--[if lte IE 6]><table><tr><td><![endif]-->
                            
                            <ul>
                                <li><a href="#url">Local</a></li>
                                <li><a href="#url">Nearby</a></li>
                                <li><a href="#url">With instructor</a></li>

                                <li><a href="#url">Snow boarding</a></li>
                            </ul>
                        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                        </li>
                        
                    </ul>
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>


                
                <li><a href="#urlclass=fly">By device type<!--[if gte IE 7]><!--></a><!--<![endif]-->
                <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <ul>
                    
                        <li><a href="#url">Desktop</a></li>
                        <li><a href="#url">Laptop</a></li>
                        <li><a href="#url">Server</a></li>

                        <li><a href="#url">Ski Inn</a></li>
                    </ul>
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
                <li><a href="#urlclass=fly">By DDR Standard<!--[if gte IE 7]><!--></a><!--<![endif]-->
                <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <ul>
                        <li><a href="#url">DDR 1</a></li>

                        <li><a href="#url">DDR 2</a></li>
                        <li><a href="#url">DDR 3</a></li>
                    </ul>
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
            </ul>
        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
        </li>

        <li class="top-level-li"><a href="#urlclass=top-level-a"><b>News.</b></a></li>
    
        
        
        
            <li  class="top-level-li"><a href="#url%22class=%22top-level-a" class="top-level-a down"><b>Resources.</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
        <!--[if lte IE 6]><table><tr><td><![endif]-->
            <ul class="drop-down">
                <li><a href="#url">Installation Guide</a></li>
                <li><a href="#urlclass=fly">Resort Essential Information<!--[if gte IE 7]><!--></a><!--<![endif]-->
                <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <ul>

                        <li><a href="#url">Lift Passes</a></li>
                        <li><a href="#url">Insurance</a></li>
                        <li><a href="#urlclass=fly">Gear Rental<!--[if gte IE 7]><!--></a><!--<![endif]-->
                        <!--[if lte IE 6]><table><tr><td><![endif]-->
                            <ul>
                                <li><a href="#url">Boots</a></li>
                                <li><a href="#url">Skis</a></li>

                                <li><a href="#url">Ski Wear</a></li>
                                <li><a href="#url">Goggles</a></li>
                            </ul>
                        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                        </li>
                        <li><a href="#url">Ski Schools</a></li>
                        <li><a href="#url">Snow Report</a></li>

                    </ul>
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
                <li><a href="#urlclass=fly">Language<!--[if gte IE 7]><!--></a><!--<![endif]-->
                <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <ul>
                        <li><a href="#url">Austrian</a></li>
                        <li><a href="#url">German</a></li>

                        <li><a href="#url">French</a></li>
                        <li><a href="#url">English</a></li>
                    </ul>
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
                <li><a href="#url">Short Breaks</a></li>
            </ul>

        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
        </li>
        
        <li class="top-level-li"><a href="#url%22class=%22top-level-a" class="top-level-a down"><b>FAQ.</b><!--[if gte IE 7]><!--></a><!--<![endif]-->

        <!--[if lte IE 6]><table><tr><td><![endif]-->

#5 / Jul 27, 2010 6:04pm

louisep

27 posts

<!-- CLOSES MENU -->
    
      
    
    
    <h1>About Us</h1>

    
    
<div id="pagecontent">  <!-- Opens all of the pages content container -->
    
     
 

   

 
      
    
     
     
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."


</div>   <!-- Closes all of the pages content container -->



</div> <!-- Closes Contentholder -->



<div id="snippet"> <!-- opens snippet -->
    

    


</div>  <!-- closes snippet -->



<div id="footer"> 
 "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
    
 <div id="cards">
 
     images/cards.png</div> 
 

</div>



</div>     <!-- closes container --> 
</body>

</html>

#6 / Jul 27, 2010 6:07pm

Lisa Wess
20502 posts

Hi, Louise -

Have you gone through the tutorials over at train-ee.com? Mike even made the small business tutorial free. eescreencasts.com also have great learning resources in the form of videos for you. Those are still relevant to EE 2, with the main concern being to watch out where it says “weblog” and use “channel”.
#7 / Jul 27, 2010 6:08pm

louisep
27 posts

The only thing I’d like variables for are h1 titles and ‘paragraph 1’ divs. I also don’t understand the structure for linking to upload images.
#8 / Jul 27, 2010 7:58pm

Jamie Rumbelow
546 posts

Hi Louise,

If you’re having a specific problem, feel free to ask any questions, but the only way to familiarise yourself with ExpressionEngine is to dive in and try to create a basic site with it. Start off with building a simple blog, out of context of your project, so you can get used to the basic concepts. Then move onto your project.

There are plenty of free resources, tutorials and screencasts. Check out Ryan Irelan’s ExpressionEngine and EE Insider and use SearchEE to search through plenty of resources if you have any specific questions.
#9 / Jul 28, 2010 5:15am

Steven Grant
894 posts

Hey Louise,
Did you find any of the Train EE or EE Insider resources of use?

You mention a “one page site” above - is that your objective?
#10 / Jul 28, 2010 7:07am

louisep
27 posts

Hi Louise,

If you’re having a specific problem, feel free to ask any questions, but the only way to familiarise yourself with ExpressionEngine is to dive in and try to create a basic site with it. Start off with building a simple blog, out of context of your project, so you can get used to the basic concepts. Then move onto your project.

There are plenty of free resources, tutorials and screencasts. Check out Ryan Irelan’s ExpressionEngine and EE Insider and use SearchEE to search through plenty of resources if you have any specific questions.

Jamie, if I knew how to build a basic site I wouldn’t have created this thread to begin with.

But it’s cool as I’ve sent an email to EE requesting a refund in hope that they will make an exception for the reality that I’ve had EE for over 30 days.
#11 / Jul 28, 2010 7:12am

Steven Grant
894 posts

Louise, what videos did you look at?
#12 / Jul 28, 2010 8:29am

louisep
27 posts

Hi, Louise -

Have you gone through the tutorials over at train-ee.com? Mike even made the small business tutorial free. eescreencasts.com also have great learning resources in the form of videos for you. Those are still relevant to EE 2, with the main concern being to watch out where it says “weblog” and use “channel”.

I have looked at the tutorials and they are not free. I don’t wish to pay for video tutorials when by default they ought to be freely available.

Video tutorials- according to most users you’ll find, is probably the most effective way of cutting down on cms support enquiries.
#13 / Jul 28, 2010 8:53am

louisep
27 posts

Hey Louise,
Did you find any of the Train EE or EE Insider resources of use?

You mention a “one page site” above - is that your objective?

I’m not paying for screencasts, in particular as I don’t know if I’ll be any the wiser once watching them. I’ve already spent over $200 which I didn’t really have the means to be parting with, I don’t wish to lose any more money
#14 / Aug 12, 2010 11:52pm

sherpanaut
58 posts

Sign up for a blog at http://www.wordpress.com would be your best bet I would say.
#15 / Aug 13, 2010 3:46am

louisep
27 posts

Sign up for a blog at http://www.wordpress.com would be your best bet I would say.

Thanks- but that doesn’t resolve the issue of my hard earned money not being refunded.

Thread

louisep

louisep

louisep

louisep

louisep

Lisa Wess

louisep

Jamie Rumbelow

Steven Grant

louisep

Steven Grant

louisep

louisep

sherpanaut

louisep

Username

Password

Thread

Tutorial videos for 2.0?

ExpressionEngine News!

Username

Password

Email Address

Display Name

Password