Дизайн и схемаWeb-сайта презентация

Содержание

Главная страница Web-сайта это лицо сайта, обращенное ко всей Сети. Именно с главной страницы большинство пользователей начинают своё путешествие по сайту. Улучшая дизайн главной страницы вы повышаете всю ценность сайта. наиболее

Слайд 1Дизайн и схема Web-сайта

Слайд 2Главная страница Web-сайта
это лицо сайта, обращенное ко всей Сети. Именно с

главной страницы большинство пользователей начинают своё путешествие по сайту.
Улучшая дизайн главной страницы вы повышаете всю ценность сайта.
наиболее дорогое имущество в мире.
ее просматривают намного чаще, чем какие-либо другие страницы сайта.

Слайд 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/rabochaya-programma-na-2013-2014-uchebnyy-godudivitelnyy-mir-iskusstvakruzhok-dekorativno-prikladnogo-tvorchestva-rukodelnitsy"> <img src="/img/tmb/2/199048/47a5488692adbd61e68b912f4a458b36-800x.jpg" alt=""> <span class="desc"> <span>Рабочая программа на 2013-2014 учебный год.Удивительный мир искусстваКружок декоративно-прикладного творчества Рукодельницы</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 235</span> </span> </a> </div> <div class="wrapper"> <a href="/dizayn/istoriya-kryma-s-drevneyshih-vremyon-i-do-nashih-dney"> <img src="/img/tmb/1/79420/5af5f1af1de97db0c23a45b0a0144ee7-800x.jpg" alt=""> <span class="desc"> <span>История Крыма с древнейших времён и до наших дней</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 730</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/doslіdzhennya-zastosuvannya-zolotogo-peretinu-u-web-dizaynі"> <img src="/img/tmb/3/228387/f8507efda337a4413dc625f513d6d409-800x.jpg" alt=""> <span class="desc"> <span>Дослідження застосування золотого перетину у web-дизайні</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 379</span> </span> </a> </div> <div class="wrapper"> <a href="/dizayn/6-worst-mistakes-for-your-slides"> <img src="/img/tmb/3/220128/aaecac160ae5d67befb57bf7017e755a-800x.jpg" alt=""> <span class="desc"> <span>6 Worst Mistakes for Your Slides</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 235</span> </span> </a> </div> <div class="wrapper"> <a href="/dizayn/ministerstvo-obrazovaniya-i-nauki-rfgou-vpo-ugtu-upiimeni-pervogo-prezidenta-rossii-b-n-eltsinafakultet-gumanitarnogo-obrazovaniyakafedra-kulturologii-i-dizayna-analiticheskaya-rabota-na-temu-dizayn-kompyuternyh-igr-i-animatsionnyh-filmovs-tochki-zren"> <img src="/img/tmb/1/83450/8c683efc18ade9a42b8396f01d2bf4e0-800x.jpg" alt=""> <span class="desc"> <span>Министерство образования и науки РФГОУ ВПО УГТУ- УПИимени первого Президента России Б. Н. ЕльцинаФакультет гуманитарного образованияКафедра культурологии и дизайна Аналитическая работа на тему: Дизайн ком</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 225</span> </span> </a> </div> <div class="wrapper"> <a href="/dizayn/mikrovolnovye-pechi"> <img src="/img/tmb/2/124190/28430087f3aba8c0cb1ea51f38e47e43-800x.jpg" alt=""> <span class="desc"> <span>Микроволновые печи</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 354</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>