Графика для ВЕБ – особенности и практика подготовки

14 Jun

2011 11:00 AM (CST)

This class ran for 64 minutes

VIEW RECORDING

System & Device Check

About the class

This webinar is hosted in Russian

Этот вебинар будет полезен не только начинающим ВЕБ мастерам, но и всем "рядовым" пользователям ПК и участникам социальных сетей.
Продолжительность обучения - до 60 мин. В него будет включены темы:

* Форматы графических файлов для ВЕБ,
* Особенности сжатия в каждом из форматов,
* Программы для оптимизации изображений,
* Оптимизация в Adobe Photoshop (тренинг).

В этот раз, будет более динамичный вебинар, с включением видеоурока с наглядным тренингом по оптимизации графики.
Темы подробнее:
Особенности подготовки графики для размещения в Интернет.

Сжатие и форматы сжатия изображений.
Формат GIF

Разновидности формата и его особенности.
Формат JPEG

Особенности и когда его нужно применять.
Формат PNG

Как грамотно применять формат PNG и его разновидности.
Векторные форматы графики

Flash и другие виды масштабируемой графики.
Как сохранить для ВЕБ из Adobe Photoshop

Работа в диалоге "Сохранение для ВЕБ и устройств"

About the Host

Sergei Dubrov

ST. PETERSBURG, Russian Federation

Преподаю ВЕБ дизайн для начинающих. Горжусь успехами моих учеников тут: http://videotutor.ru/kursy/

Discussion thread

POST

{#if $T!=null}
    {#foreach $T as Post}
        <div class="dash threadBorder" id="postid">
            <a name="dv_{$T.Post.ClassPost.PostID}"></a>
            <div class="list-of-comments clearfix" >
                <div class="thumb">
                        <img src={$T.Post.ClassPost.UserImage} alt='{$T.Post.ClassPost.Name}' border="0" />
                </div>
                <div class="thumb-details">
                    <p class="post-details">
                            <span>{$T.Post.ClassPost.Name}</span>
                        wrote on {ToJavaScriptDate($T.Post.ClassPost.CommentTime)}
                    </p>
                        <p class="shortPost"> <span class="js-markup">{$T.Post.ClassPost.PostShortCommentText}</span>{#if $T.Post.ClassPost.PostViewMore === true}…<a href="#" class="seefullpost"> <strong>See More</strong></a>{#/if}</p>
                        <p class="fullPost"> <span class="js-markup">{$T.Post.ClassPost.CommentText}</span></p>
                    <a href="#" class="reply bbtn"><span class="r">Reply</span></a>
                {#if presenter()===true}
                    <a href="#" rel="{$T.Post.ClassPost.PostID}" class="deletePost"><span>Delete</span></a>
                {#else}
                    {#if $T.Post.ClassPost.UserId > 0 }
                        {#if $T.Post.ClassPost.WzqID == $T.Post.ClassPost.UserId }
                            <a href="#" rel="{$T.Post.ClassPost.PostID}" class="deletePost"><span>Delete</span></a>
                        {#/if}
                    {#/if}
                {#/if}
                </div>
                <div class="rplybox">
                    <textarea  placeholder=" Your reply here..."/>
                    <a href="#" rel="1|{$T.Post.ClassPost.PostID}|{$T.Post.ReplyCount}" class="primary-btn primary-btn-color js-Comment" id="btnReply">REPLY</a>
                    <a href="#"  rel="0" class="primary-btn primary-btn-color left10 cancel-reply-btn" >CANCEL</a>
                </div>
            </div>   
            <div class="{$T.Post.ReplyCount == 0 ? 'replyThread' : 'replyThread '}"> 
                {#if $T.Post.ReplyCount > 0 }
                        {#if $T.Post.ReplyCount > 5 }
                        <span class="rcount">Showing last <span class="rcount-no"> 5 </span> of <span class="rcount-total">{$T.Post.ReplyCount}</span> replies:</span>
                        {#/if}
                        {#if $T.Post.ReplyCount == 1 }
                            <span class="rcount"> <span class="rcount-no">{$T.Post.ReplyCount} reply:</span></span>
                        {#/if}

{#if $T.Post.ReplyCount > 1 && $T.Post.ReplyCount <= 5 }
                            <span class="rcount"> <span class="rcount-total">{$T.Post.ReplyCount} replies:</span></span>
                        {#/if}
                {#/if}
                      {#foreach $T.Post.ClassComments as Comment}            
                      <div class="list-of-comments clearfix rlypart" >                           
                        <div class="thumb">
                            <img src= {$T.Comment.UserImage}   alt='{$T.Comment.Name}' border="0" />
                        </div>
                         
                        <div class="thumb-details">
                            <p class="post-details">
                                    <span>{$T.Comment.Name}</span>
                                 wrote on {ToJavaScriptDate($T.Comment.CommentTime)}
                            </p>
                             <p class="shortPost"><span class="js-markup">{$T.Comment.ShortCommentText}</span>{#if $T.Comment.CommentViewMore === true}…<a href="#" class="seefullpost"><strong> See More</strong></a>{#/if}</p> 
                             <p class="fullPost"><span class="js-markup">{$T.Comment.CommentText}</span></p>
                             {#if presenter()===true} 
                                <a href="javascript:void(0);" rel="{$T.Comment.CommentID}" class="deleteComment"><span>Delete</span></a>
                             {#else}
                                {#if $T.Comment.UserId > 0 }
                                    {#if $T.Comment.WzqID == 0 }
                                        <a href="#" rel="{$T.Comment.CommentID}" class="deleteComment"><span>Delete</span></a>
                                    {#/if}
                                {#/if}
                            {#/if}
                        </div>   
                      </div>                          
                      {#/for}
                    {#if $T.Post.ReplyCount > 5 }
                          {#if $T.Post.ReplyCount - 5 < 5 }
                                <a href="#" rel="{$T.Post.ClassPost.PostID}" class="secondary-btn full-width secondary-btn-color top20" id="MoreComment" >Show next  {$T.Post.ReplyCount - 5 } reply </a> 
                           {#else}
                                <a href="#" rel="{$T.Post.ClassPost.PostID}" class="secondary-btn full-width secondary-btn-color top20" id="MoreComment" >Show next  5 replies </a>
                           {#/if}
                     {#/if}
            </div>
        </div>
    {#/for}
{#/if}