Отчет по эксплуатационной практике

ign="justify">     }

     * html #selector {

       \height: 140px; /* значение для IE5 и IE6 в режиме quirks mode */

       he\ight: 100px; /* значение IE6 в стандартном режиме*/

       \width: 140px;  /* значение IE5 и IE6 в режиме quirks mode */

       w\idth: 100px;  /* значение IE6 в стандартном  режиме*/

     }

     В первом наборе правил, мы применяем ширину и высоту в качестве обычных значений, для соответствующих стандартам браузеров. Затем, во втором наборе правил, мы просчитываем неправильную боксовую модель в IE5 и IE6, в режиме quirks mode, путем корректировки значений высоты и ширины, включая дополнительные отступы и ширину рамки.

 

Установка min-width/max-width и min-height/max-height

     IE поддерживает свой собственный,  проприетарный атрибут expression (выражение), который позволяет нам использовать JavaScript-выражения для управления свойствами (X)HTML-документа, такими как max/min-width и max/min-height . Например, для того, чтобы указать значение width с помощью атрибута expression, нам нужно написать следующее:

     div {

       width: expression(333 + "px");

     }

     Существует  два минуса в использовании атрибута expression. Во-первых, поскольку выражения, по сути являются JavaScript-ом, они не будут работать с отключенным JavaScript-ом в браузере пользователя. Во-вторых, использование CSS-выражений для свойств min/max, очень ресурсоемко и может отрицательно повлиять на производительность браузера. Однако не стоит забывать, что свойства max/min-widths/heights  являются важным инструментом в работе веб-дизайнера. Так что, принимая во внимание эти факторы, смотрите далее некоторые полезные CSS-выражения, включающие полную функциональность min/max в IE6.

 

Относительное позиционирование

     Использование position: relative в своей работе, возможно, самый простой способ внести путаницу в IE6. Современные браузеры, без проблем  отображают вложенные элементы, позиционированные относительно, но в IE6, зачастую появляются проблемы с чуть более сложной раскладкой. К счастью, есть довольно простое решение – установка hasLayout, путем добавления zoom:1; каждому, относительно позиционированному, элементу:

     .selector {

       position: relative;

     }

     * html .selector {

       zoom: 1;

     }

 

Вывод:

   Во  время прохождения эксплуатационной практики, которую я проходит в  Учреждения Российской академии наук Институте проблем химико-энергетических технологий Сибирского отделения РАН, я познакомился со структурой и деятельностью предприятия. При создании сайта были получены навыки в области разработки и поисковой оптимизации сайтов. Познакомился с HTML, CSS, JavaScript, PHP. Мною были изучены принципы устранения ошибок многоплатформенности Интернет-сайтов.

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

 

    Список использованной литературы и источников:

1. Джон Вандюк, Мэтт Вестгейт «CMS Drupal: руководство по разработке системы управления сайтом», 400 стр., с ил.; ISBN 978-5-8459-1356-2, ISBN 978-1-5905-9755-2
2. Колисниченко Денис Николаевич «Joomla! 1.5. Руководство пользователя». — М.: «Диалектика», 2009. — С. 224. — ISBN 978-5-8459-1509-2
3. Дэн Рамел «Joomla! Самоучитель = Beginning Joomla! From Novice to Professional». — Санкт-Петербург: «БХВ-Петербург, 2008. — С. 448. — ISBN 978-5-9775-0285-6
4. Хаген Граф «Создание веб-сайтов с помощью Joomla! 1.5 = Building Websites with Joomla! 1.5». — М.: «Вильямс», 2009. — С. 304. — ISBN 978-5-8459-1506-1
5. Зак Гринт, Крис Ньюман «MySQL. Карманный справочник = MySQL Phrasebook». — М.: «Вильямс», 2006. — С. 224. — ISBN 0-672-32839-9
6. Joomla! Документация для разработчика http://help.joomla.org/content/section/12/125/
7. Вопросы и ответы по Joomla на русском

http://joomlaportal.ru/content/blogsection/3/53/

8. Официальный сайт Joomla! http://www.joomla.org/
9. SEO Joomla - CMS для создания, оптимизации и продвижения сайтов http://www.seo-joomla.net/
10. Бесплатные шаблоны для Joomla! 1.5 http://design4free.org/
11. Форумы CMS Joomla! http://joomla-support.ru/
12. Расширения Joomla. Компоненты, мудули, плагины http://www.joomla-extensions.ru/
13. Форум русской поддержки Joomla! CMS http://joomlaforum.ru/
14. Сайт разработчиков компонента Joom!Fish http://www.joomfish.net/
15. Использование PNG в IE6 и в современных браузерах http://handynotes.ru/2007/10/png-ie6.html
16. Полупрозрачные PNG в IE6 http://webauditor.wordpress.com/2009/07/14
17. Шрифты для Фотошопа http://www.photoshop-master.ru/adds.php?rub=17
18. Официальная страница Drupal CMS http://drupal.org/
19. Рецепты создания сайтов на Drupal http://drupalcookbook.ru/

 

Приложения

     iepngfix.htc

     <public:component>

     <public:attach event="onpropertychange" onevent="doFix()" />

     <script type="text/javascript">

     // IE5.5+ PNG Alpha Fix v1.0RC4

     // (c) 2004-2005 Angus Turnbull http://www.twinhelix.com

     // This is licensed under the CC-GNU LGPL, version 2.1 or later.

     // For details, see: http://creativecommons.org/licenses/LGPL/2.1/

     // This must be a path to a blank image. That's all the configuration you need.

     if (typeof blankImg == 'undefined') var blankImg = 'clear.gif';

     var f = 'DXImageTransform.Microsoft.AlphaImageLoader';

     function filt(s, m){

      if (filters[f]) {

       filters[f].enabled = s ? true : false;

       if (s) with (filters[f]) { src = s; sizingMethod = m }

      }

      else if (s) style.filter = 'progid:'+f+'(src="'+s+'",sizingMethod="'+m+'")';

     }

     function doFix(){

      // Assume IE7 is OK.

      if (!/MSIE (5\.5|6\.)/.test(navigator.userAgent) ||

       (event && !/(background|src)/.test(event.propertyName))) return;

      var bgImg = currentStyle.backgroundImage || style.backgroundImage;

      if (tagName == 'IMG') {

       if ((/\.png$/i).test(src))  {

        if (currentStyle.width == 'auto' && currentStyle.height == 'auto')

         style.width = offsetWidth + 'px';

        filt(src, 'scale');

        src = blankImg;

       }

       else if (src.indexOf(blankImg) < 0) filt();

      }

      else if (bgImg && bgImg != 'none') {

       if (bgImg.match(/^url[("']+(.*\.png)[)"']+$/i))  {

        var s = RegExp.$1;

        if (currentStyle.width == 'auto' && currentStyle.height == 'auto')

         style.width = offsetWidth + 'px';

        style.backgroundImage = 'none';

        filt(s, 'crop');

        // IE link fix.

        for (var n = 0; n < childNodes.length; n++)

         if (childNodes[n].style) childNodes[n].style.position = 'relative';

       }

       else filt();

      }

     }

     doFix();

     </script>

     </public:component>