Слайд 3Десять правил по дизайну
главной страницы Web-сайта
I. Назначение сайта должно быть
ясным: объясните, кто вы, и чем занимаетесь.
Создайте слоган для сайта из одного предложения, который в нескольких словах описывает назначение сайта.
Оформляйте тег
так, чтобы он хорошо смотрелся на поисковых серверах и в списке закладок. Текст в теге <title> начинайте с названия сайта, после чего пишите краткое описание сайта.<br>Объедините всю информацию о вашем сайте в одном, хорошо видимом разделе.<br> </div>
<div class="image">
<a href="/img/tmb/3/297053/5ae35fadb9436b9e5bf37a72129edc19-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Десять правил по дизайну главной страницы Web-сайта I. Назначение сайта должно быть ясным: объясните, кто вы, и чем занимаетесь.Создайте слоган для сайта из одного предложения, который в нескольких словах описывает назначение сайта. Оформляйте тег так, чтобы он хорошо смотрелся на поисковых серверах и в списке закладок. Текст в теге начинайте с названия сайта, после чего пишите краткое описание сайта.Объедините всю информацию о вашем сайте в одном, хорошо видимом разделе."><img src="/img/tmb/3/297053/5ae35fadb9436b9e5bf37a72129edc19-800x.jpg" title="Десять правил по дизайну главной страницы Web-сайта I. Назначение сайта должно быть ясным: объясните, кто вы," alt=""></a>
</div>
<hr>
</div>
<div class="descrip" id="slide4">
<h2><a href="/img/tmb/3/297053/54b399ccd2cb0203c193744331595fcf-800x.jpg" target="_blank">Слайд 4</a>Десять правил по дизайну
главной страницы Web-сайта<br> II. Помогите пользователю найти то,</h2>
<div class="text">
что он ищет.<br><br>Выделите наиболее главные темы сайта.<br> Ваша главная страница должна четко показывать, с чего посетителю следует начать, чтобы выполнить те главные основные задачи, ради которых он пришел на ваш сайт.<br>Не забудьте форму поиска.<br> Поиск - важная составная часть любого крупного сайта. Когда пользователи хотят что-либо найти, они, обычно, просматривают главную страницу в поисках "той маленькой формы, где я могу набрать запрос". Поле ввода в форме поиска следует делать шириной как минимум в 25 символов, чтобы оно могло без труда вместить длинные словосочетания.<br> </div>
<div class="image">
<a href="/img/tmb/3/297053/54b399ccd2cb0203c193744331595fcf-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Десять правил по дизайну главной страницы Web-сайта II. Помогите пользователю найти то, что он ищет.Выделите наиболее главные темы сайта. Ваша главная страница должна четко показывать, с чего посетителю следует начать, чтобы выполнить те главные основные задачи, ради которых он пришел на ваш сайт.Не забудьте форму поиска. Поиск - важная составная часть любого крупного сайта. Когда пользователи хотят что-либо найти, они, обычно, просматривают главную страницу в поисках "той маленькой формы, где я могу набрать запрос". Поле ввода в форме поиска следует делать шириной как минимум в 25 символов, чтобы оно могло без труда вместить длинные словосочетания."><img src="/img/tmb/3/297053/54b399ccd2cb0203c193744331595fcf-800x.jpg" title="Десять правил по дизайну главной страницы Web-сайта II. Помогите пользователю найти то, что он ищет.Выделите наиболее" alt=""></a>
</div>
<hr>
</div>
<div class="descrip" id="slide5">
<h2><a href="/img/tmb/3/297053/30c342448b9a3b87c7f78cb2a3a00c53-800x.jpg" target="_blank">Слайд 5</a>Десять правил по дизайну
главной страницы Web-сайта<br> III. Покажите, что есть на</h2>
<div class="text">
сайте.<br>Представьте примеры реальных материалов вашего сайта.<br> На главной странице не просто расскажите, что за материалы находятся на сайте, а покажите их. Один пример переплюнет сотни абстрактных объяснений. <br>Начинайте названия ссылок с наиболее важного ключевого слова.<br> Ссылки - это призыв к действию, и если каждая ваша ссылка начинается со значимого слова, вы помогаете пользователю выделить данную ссылку из ряда других, так как она будет отвечать его интересам и запросам в данный момент.<br>Упростите доступ к архиву новостей и обновлений.<br> </div>
<div class="image">
<a href="/img/tmb/3/297053/30c342448b9a3b87c7f78cb2a3a00c53-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Десять правил по дизайну главной страницы Web-сайта III. Покажите, что есть на сайте.Представьте примеры реальных материалов вашего сайта. На главной странице не просто расскажите, что за материалы находятся на сайте, а покажите их. Один пример переплюнет сотни абстрактных объяснений. Начинайте названия ссылок с наиболее важного ключевого слова. Ссылки - это призыв к действию, и если каждая ваша ссылка начинается со значимого слова, вы помогаете пользователю выделить данную ссылку из ряда других, так как она будет отвечать его интересам и запросам в данный момент.Упростите доступ к архиву новостей и обновлений."><img src="/img/tmb/3/297053/30c342448b9a3b87c7f78cb2a3a00c53-800x.jpg" title="Десять правил по дизайну главной страницы Web-сайта III. Покажите, что есть на сайте.Представьте примеры реальных материалов" alt=""></a>
</div>
<hr>
</div>
<div class="descrip" id="slide6">
<h2><a href="/img/tmb/3/297053/defcbb2a122df6f8da99bb5c0acf59bb-800x.jpg" target="_blank">Слайд 6</a>Десять правил по дизайну
главной страницы Web-сайта<br> IV. Используйте графический дизайн для</h2>
<div class="text">
улучшения интерактивности, а не просто для красоты.<br><br>Не перестарайтесь с оформлением критичес-ких элементов страницы (например, навигации).<br> Ошибка. Важные элементы главной страницы требуют каких-то особых иллюстраций, изысканных рамочек и кричащих цветов.<br> Помните, что посетители сайта нередко не обращают внимание на графику, считая ее рекламным баннерам, и сосредотачивают свое внимание на тех частях домашней страницы, которые, по их мнению, выглядят имеющими отношение к делу.<br>Используйте значимую графику.<br> Главная страница не просто должна быть украшена фотографиями из<br> фототек. Изображения являются мощным средством коммуникации лишь в тех случаях, когда они показывают то, что интересует посетителей. Если изображения оказываются фривольными или совершенно не относящимися к делу, это принесет только вред. <br> Например, в большинстве случаев любой кампании на своем сайте лучше всего использовать изображения реальных людей, которые пользуются их продукцией, чем фотографии фотомоделей.<br> </div>
<div class="image">
<a href="/img/tmb/3/297053/defcbb2a122df6f8da99bb5c0acf59bb-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Десять правил по дизайну главной страницы Web-сайта IV. Используйте графический дизайн для улучшения интерактивности, а не просто для красоты.Не перестарайтесь с оформлением критичес-ких элементов страницы (например, навигации). Ошибка. Важные элементы главной страницы требуют каких-то особых иллюстраций, изысканных рамочек и кричащих цветов. Помните, что посетители сайта нередко не обращают внимание на графику, считая ее рекламным баннерам, и сосредотачивают свое внимание на тех частях домашней страницы, которые, по их мнению, выглядят имеющими отношение к делу.Используйте значимую графику. Главная страница не просто должна быть украшена фотографиями из фототек. Изображения являются мощным средством коммуникации лишь в тех случаях, когда они показывают то, что интересует посетителей. Если изображения оказываются фривольными или совершенно не относящимися к делу, это принесет только вред. Например, в большинстве случаев любой кампании на своем сайте лучше всего использовать изображения реальных людей, которые пользуются их продукцией, чем фотографии фотомоделей."><img src="/img/tmb/3/297053/defcbb2a122df6f8da99bb5c0acf59bb-800x.jpg" title="Десять правил по дизайну главной страницы Web-сайта IV. Используйте графический дизайн для улучшения интерактивности, а не" alt=""></a>
</div>
<hr>
</div>
<div class="descrip" id="slide7">
<h2><a href="/img/tmb/3/297053/730b0c05e9f4351bfcc59762be071731-800x.jpg" target="_blank">Слайд 7</a>Каркас Web-страницы<br></h2>
<div class="text">
</div>
<div class="image">
<a href="/img/tmb/3/297053/730b0c05e9f4351bfcc59762be071731-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Каркас Web-страницы"><img src="/img/tmb/3/297053/730b0c05e9f4351bfcc59762be071731-800x.jpg" title="Каркас Web-страницы" alt=""></a>
</div>
<hr>
</div>
<div class="descrip" id="slide8">
<h2><a href="/img/tmb/3/297053/6f7c3df5663371c895b309bbeb9a5307-800x.jpg" target="_blank">Слайд 8</a>Задание<br>1. Запустить программу и</h2>
<div class="text">
открыть в нем файл D:\Ученик*(*=1-8)\Каркас Web-страницы.txt.<br>2. Сохранить файл под именем index.html в папке \web, расположенной в личной папке ученика.<br>3. Просмотреть этот файл в окно браузера нажав на клавиатуре клавишу {F9} или кнопку на панели инструментов редактора WebCoder.<br><p><br> </div>
<div class="image">
<a href="/img/tmb/3/297053/6f7c3df5663371c895b309bbeb9a5307-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Задание1. Запустить программу и открыть в нем файл D:\Ученик*(*=1-8)\Каркас Web-страницы.txt.2. Сохранить файл под именем index.html в папке \web, расположенной в личной папке ученика.3. Просмотреть этот файл в окно браузера нажав на клавиатуре клавишу {F9} или кнопку на панели инструментов редактора WebCoder."><img src="/img/tmb/3/297053/6f7c3df5663371c895b309bbeb9a5307-800x.jpg" title="Задание1. Запустить программу и открыть в нем файл D:\Ученик*(*=1-8)\Каркас Web-страницы.txt.2. Сохранить файл под именем index.html" alt=""></a>
</div>
<hr>
</div>
</div>
<div class="custom" >
<!-- Yandex.RTB R-A-468740-8 -->
<div id="yandex_rtb_R-A-468740-8"></div>
<script type="text/javascript">
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-468740-8",
renderTo: "yandex_rtb_R-A-468740-8",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script></div>
<div class="url" id="download"><a href="/dizayn/dizayn-i-shemaweb-sayta/download">Скачать презентацию</a></div>
</div>
<div class="right">
<div class="banners">
<div class="custom" >
<!-- Yandex.RTB R-A-468740-2 -->
<div id="yandex_rtb_R-A-468740-2"></div>
<script>window.yaContextCb.push(()=>{
Ya.Context.AdvManager.render({
renderTo: 'yandex_rtb_R-A-468740-2',
blockId: 'R-A-468740-2'
})
})</script></div>
</div>
<div class="list related">
<h2>Похожие презентации</h2>
<div class="wrapper">
<a href="/dizayn/how-design-thinking-helped-one-company">
<img src="/img/tmb/4/300876/0a9d4ecf66798dfce0286f721db60a28-800x.jpg" alt="">
<span class="desc">
<span>How Design Thinking Helped One Company</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 323</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/dizayn/prichiny-avariy-na-gazoprovodah-evropeyskih-stran">
<img src="/img/tmb/3/233568/33c93f65d4f7e069f69774d97fc2ab36-800x.jpg" alt="">
<span class="desc">
<span>Причины аварий на газопроводах Европейских стран</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 478</span>
</span>
</a>
</div>
<div class="custom" >
<!-- Yandex.RTB R-A-468740-13 -->
<script>window.yaContextCb.push(()=>{
Ya.Context.AdvManager.render({
type: 'fullscreen',
blockId: 'R-A-468740-13'
})
})</script></div>
<div class="wrapper">
<a href="/dizayn/richard-stacks">
<img src="/img/tmb/2/153993/e44d938d42ca112ca52092fc93ba99fa-800x.jpg" alt="">
<span class="desc">
<span>Richard Stacks</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 412</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/dizayn/sotsialnoe-znachenie-dizayna-i-arhitektury-kak-sredy-zhizni-cheloveka">
<img src="/img/tmb/1/8031/b6f1b2cd8799cc72350c4341d6ce6b2d-800x.jpg" alt="">
<span class="desc">
<span>Социальное значение дизайна и архитектуры как среды жизни человека</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 467</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/dizayn/ekonomicheskie-i-finansovye-osnovy-upravleniya-sovremennoy-shkoloy">
<img src="/img/tmb/1/58095/add3fc6c3e37ce82fa7f707491173cb2-800x.jpg" alt="">
<span class="desc">
<span>Экономические и финансовые основы управления современной школой</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 335</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/dizayn/dizayn-posudy">
<img src="/img/tmb/1/76744/237c44b6f47e846e5999fd08b291e0d3-800x.jpg" alt="">
<span class="desc">
<span>Дизайн посуды</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 749</span>
</span>
</a>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
<div class="container bottom">
<div>
<div class="call_back">
<h4><i class="fas fa-bullhorn"></i>Обратная связь</h4>
<p>Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:</p>
<p>Email: <a href="#" class="js_hidden_email" data-address="thepresentation" data-domain="ya.ru">Нажмите что бы посмотреть</a> </p> </div>
<div class="links">
</div>
<div class="whatis">
<h4><i class="fa fa-info text-red"></i>Что такое ThePresentation.ru?</h4>
<p>Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.</p>
<hr />
<p><a href="/privacy">Для правообладателей</a></p> <a href="https://metrika.yandex.ru/stat/?id=54509641&from=informer" target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/54509641/3_1_FFFFFFFF_EFEFEFFF_0_pageviews" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="54509641" data-lang="ru" /></a>
<!--LiveInternet counter-->
<script type="text/javascript">
document.write('<a href="//www.liveinternet.ru/click" '+
'target="_blank"><img src="//counter.yadro.ru/hit?t16.2;r'+
escape(document.referrer)+((typeof(screen)=='undefined')?'':
';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+
';h'+escape(document.title.substring(0,150))+';'+Math.random()+
'" alt="" title="LiveInternet: показано число просмотров за 24'+
' часа, посетителей за 24 часа и за сегодня" '+
'border="0" width="88" height="31"><\/a>')
</script>
<!--/LiveInternet-->
</div>
<div class="clear"></div>
</div>
</div>
<script src="/templates/presentation/js/script.js?0ed36ea232886ff4063bbdd9e2c5b9c0"></script>
</body>
</html>