Дизайн и схема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/dizayninterera-1"> <img src="/img/tmb/3/287433/5dc2c5140d8fabe47d41386136552a46-800x.jpg" alt=""> <span class="desc"> <span>Дизайнинтерьера</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 302</span> </span> </a> </div> <div class="wrapper"> <a href="/dizayn/arhitektura-i-dizayn-xx-veka-moderncharlz-renni-makintosh"> <img src="/img/tmb/1/85150/9ad893ab0c5df40eefd164b11dcf3ff7-800x.jpg" alt=""> <span class="desc"> <span>Архитектура и дизайн XX века МодернЧарлз Ренни Макинтош</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 321</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/zhivye-izgorodi"> <img src="/img/tmb/1/30649/b19c44bc45d41c7715727b6ecffc7d52-800x.jpg" alt=""> <span class="desc"> <span>Живые изгороди</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 422</span> </span> </a> </div> <div class="wrapper"> <a href="/dizayn/konkurs-na-luchshiy-opyt-deyatelnosti-upravlyayushchego-soveta-vystupleniya-uchastnikov-finala-zadachi-soderzhanie-forma"> <img src="/img/tmb/4/306593/89e9b933acb78779df92a4124718078f-800x.jpg" alt=""> <span class="desc"> <span>Конкурс на лучший опыт деятельности управляющего совета. Выступления участников финала: задачи, содержание, форма.</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 301</span> </span> </a> </div> <div class="wrapper"> <a href="/dizayn/19885-fotoproekt-detki-v-sadike"> <img src="/img/tmb/1/19885/beaf2b6224a3d0ec8d8d5b182f8bd6f0-800x.jpg" alt=""> <span class="desc"> <span>Фотопроект Детки в садике</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 305</span> </span> </a> </div> <div class="wrapper"> <a href="/dizayn/191722-provedennya-reєstratsії-osіb-yakі-viyavili-bazhannya-proyti-zovnіshnє-nezalezhne-otsіnyuvannya-v-2012-rotsі"> <img src="/img/tmb/2/191722/f68e75285b7f80047cc0097d7091e2fc-800x.jpg" alt=""> <span class="desc"> <span>Проведення реєстрації осіб, які виявили бажання пройти зовнішнє незалежне оцінювання в 2012 році</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 349</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>