Дизайн и схема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/foto-iz-shkolnogo-alboma-prozvenel-zvonok-veselyy-on-pozval-rebyat-vseh-v-klass-skazhem-druzhno-zdravstvuy-shkola-i-seychas-urok-u-nas"> <img src="/img/tmb/3/202177/c6fc730b95e60daee956462ab37a6128-800x.jpg" alt=""> <span class="desc"> <span>Фото из школьного альбома Прозвенел звонок веселый, Он позвал ребят всех в класс…. Скажем дружно: Здравствуй, школа!, И сейчас урок у нас.</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 236</span> </span> </a> </div> <div class="wrapper"> <a href="/dizayn/kogda-kachestvo-sochetaetsya-s-dizaynom"> <img src="/img/tmb/1/9684/0b2f33cf2db77a87199f5eac6ec2e070-800x.jpg" alt=""> <span class="desc"> <span>Когда качество сочетается с дизайном</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 266</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/ux-tools-tips-and-tricks"> <img src="/img/tmb/1/67208/cb491206c189c77b627667e8a374afb0-800x.jpg" alt=""> <span class="desc"> <span>UX Tools, Tips, and Tricks</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 218</span> </span> </a> </div> <div class="wrapper"> <a href="/dizayn/top-5-testing-tools-for-responsive-design"> <img src="/img/tmb/1/35228/502df562ac52566da115dad9ca856733-800x.jpg" alt=""> <span class="desc"> <span>TOP 5 Testing tools for Responsive Design</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 264</span> </span> </a> </div> <div class="wrapper"> <a href="/dizayn/25585-otkrytka-k-9-maya"> <img src="/img/tmb/1/25585/149fe8c8acf7786782f6538e7d49f202-800x.jpg" alt=""> <span class="desc"> <span>Открытка к 9 МАЯ</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 371</span> </span> </a> </div> <div class="wrapper"> <a href="/dizayn/271903-opredelenie-soderzhaniya-nitratovv-korneplodah-ovoshchey"> <img src="/img/tmb/3/271903/e96ef687d3946fb0942fd477565a559c-800x.jpg" alt=""> <span class="desc"> <span>Определение содержания нитратов в корнеплодах овощей</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 237</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>