Сайт. Разделы. HTML. CSS. JS. SSH. CMS. И другие страшные вещи : )
О чем будем говорить Структура сайта Типы страниц Разделы сайта HTML CSS Java. Script FTP, SSH CMS системы
Что вообще такое «сайт» ? • Некое количество HTML страниц • Скрипты, которые генерируют страницы • Сервисные файлы (см введение)
Структура сайта • • • Разделы сайта 3 -х уровневая (не всегда достижимо) Логичная Без дублирования контента! Понятная пользователю
Типовые страницы • • Главная страница (морда) Каталог товаров Карточка товара Список статей (списки сортировки) Страница статьи (обзора, новости) Авторизация Корзина
Разделы сайта (типовые) • • О компании Услуги (решения, каталог товаров) Контакты Вакансии Портфолио Статьи (обзоры) Новости Видео
HTML • • • Язык разметки сайта Это не язык программирования Hyper Text Markup Language Оптимизатор работает с HTML страницы чаще всего генерят php скрипты (или asp)
HTML. Тэги • •
Meta keywords и description H 1 -H 6 <strong> <i> <div> <table> <ul> <li> </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="CSS • Специальный файл (ы) для стилей • Cascade Style Sheets • Позволяет прописывать" src="https://present5.com/presentation/3ae68ebcca6791b6183ddc2a74a7a779/image-9.jpg" alt="CSS • Специальный файл (ы) для стилей • Cascade Style Sheets • Позволяет прописывать" />
CSS • Специальный файл (ы) для стилей • Cascade Style Sheets • Позволяет прописывать стили, которые служат для оформления сайта и описания внешнего вида страниц сайта • Задает цвета, шрифтовое оформление страниц сайта • Нужен чтобы не засорять код </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Java Script • Язык программирования • Нужен для создания интерактивных элементов (меню, реакция на" src="https://present5.com/presentation/3ae68ebcca6791b6183ddc2a74a7a779/image-10.jpg" alt="Java Script • Язык программирования • Нужен для создания интерактивных элементов (меню, реакция на" />
Java Script • Язык программирования • Нужен для создания интерактивных элементов (меню, реакция на события на странице) • Все счетчики пишутся на JS • При помощи JS можно закрывать «лишний» код для поисковых систем </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="SSH • Доступ, который позволяет быстро копировать файлы • Нужен для переноса крупных сайтов" src="https://present5.com/presentation/3ae68ebcca6791b6183ddc2a74a7a779/image-11.jpg" alt="SSH • Доступ, который позволяет быстро копировать файлы • Нужен для переноса крупных сайтов" />
SSH • Доступ, который позволяет быстро копировать файлы • Нужен для переноса крупных сайтов • Сильно экономит трафик • Шифрует данные при передаче • Оптимизатору нужен редко! </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="CMS • • Система управления контентом Проще говоря, админка сайта Есть сотни CMS Оптимизатор" src="https://present5.com/presentation/3ae68ebcca6791b6183ddc2a74a7a779/image-12.jpg" alt="CMS • • Система управления контентом Проще говоря, админка сайта Есть сотни CMS Оптимизатор" />
CMS • • Система управления контентом Проще говоря, админка сайта Есть сотни CMS Оптимизатор работает с CMS для внесения изменений на сайт, не требующих программирования </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="CMS и SEO • Редактирование мета-тэгов • Редактирование контента • Размещение счетчиков и кодов" src="https://present5.com/presentation/3ae68ebcca6791b6183ddc2a74a7a779/image-13.jpg" alt="CMS и SEO • Редактирование мета-тэгов • Редактирование контента • Размещение счетчиков и кодов" />
CMS и SEO • Редактирование мета-тэгов • Редактирование контента • Размещение счетчиков и кодов верификации (не у всех ЦМС) • Работа с HTML-кодом (не в текстовом редакторе) </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Какие CMS выбрать? • • • Net. Cat Joomla Drupal Битрикс (не очень гибкая" src="https://present5.com/presentation/3ae68ebcca6791b6183ddc2a74a7a779/image-14.jpg" alt="Какие CMS выбрать? • • • Net. Cat Joomla Drupal Битрикс (не очень гибкая" />
Какие CMS выбрать? • • • Net. Cat Joomla Drupal Битрикс (не очень гибкая система) Самописные CMS (бывают неплохими) </p>
</div>
<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="" src="" alt="" />
</p>
</div>
</div>
<div id="inputform">
<script>$("#inputform").load("https://present5.com/wp-content/plugins/report-content/inc/report-form-aj.php");
</script>
</div>
</p>
<!--end entry-content-->
</div>
</article><!-- .post -->
</section><!-- #content -->
<div class="three columns">
<div class="widget-entry">
</div>
</div>
</div>
</div>
<!-- #content-wrapper -->
<footer id="footer" style="padding: 5px 0 5px;">
<div class="container">
<div class="columns twelve">
<!--noindex-->
<!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<img src='//counter.yadro.ru/hit?t26.10;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='"+" ' "+
"border='0' width='1' height='1'><\/a>")
//--></script><!--/LiveInternet-->
<a href="https://slidetodoc.com/" alt="Наш международный проект SlideToDoc.com!" target="_blank"><img src="https://present5.com/SlideToDoc.png"></a> <script>
$(window).load(function() {
var owl = document.getElementsByClassName('owl-carousel owl-theme owl-loaded owl-drag')[0];
document.getElementById("owlheader").insertBefore(owl, null);
$('#owlheader').css('display', 'inline-block');
});
</script>
<script type="text/javascript">
var yaParams = {'typepage': '1000_top_300k',
'author': '1000_top_300k'
};
</script>
<!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(32395810, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/32395810" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->
<!--/noindex-->
<nav id="top-nav">
<ul id="menu-top" class="top-menu clearfix">
</ul> </nav>
</div>
</div><!--.container-->
</footer>
<script type='text/javascript'>
/* <![CDATA[ */
var wpcf7 = {"apiSettings":{"root":"https:\/\/present5.com\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"}};
/* ]]> */
</script>
<script type='text/javascript' src='https://present5.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.1.4'></script>
<script type='text/javascript' src='https://present5.com/wp-content/themes/sampression-lite/lib/js/jquery.shuffle.js?ver=4.9.26'></script>
<script type='text/javascript' src='https://present5.com/wp-content/themes/sampression-lite/lib/js/scripts.js?ver=1.13'></script>
<script type='text/javascript' src='https://present5.com/wp-content/themes/sampression-lite/lib/js/shuffle.js?ver=4.9.26'></script>
<!--[if lt IE 9]>
<script type='text/javascript' src='https://present5.com/wp-content/themes/sampression-lite/lib/js/selectivizr.js?ver=1.0.2'></script>
<![endif]-->
<script type='text/javascript' src='https://present5.com/wp-content/themes/sampression-lite/lib/js/notify.js?ver=1770488888'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var my_ajax_object = {"ajax_url":"https:\/\/present5.com\/wp-admin\/admin-ajax.php","nonce":"33a1179831"};
/* ]]> */
</script>
<script type='text/javascript' src='https://present5.com/wp-content/themes/sampression-lite/lib/js/filer.js?ver=1770488888'></script>
</body>
</html> 
Скачать презентацию Сайт Разделы HTML CSS JS SSH CMS И