Создание электронного учебника на языке программирования HTML по содержанию "Автомобильный справочник"

Методы разработки электронного учебника. Ознакомление с материалом по теме программы и изучение основных тегов языка гипертекстовой разметки HTML. Изучение тегов для создания гиперссылок, расположения рисунка на странице, определения фона страницы.

Рубрика Программирование, компьютеры и кибернетика
Вид отчет по практике
Язык русский
Дата добавления 12.06.2012
Размер файла 42,7 K

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

Размещено на http://www.allbest.ru/

Введение

В период с 01.09 по 23.11.2011 года я проходил практику в ПК "Программист". Мой руководитель Жуасов В.Т, программист.

Программисты обслуживает компьютерные системы, используемые для обработки данных, получаемых в ходе экспериментов на реакторе ИБР- 2. Эти системы включают в себя: промышленные ЭВМ, применяемые для получения экспериментальных данных с датчиков ИБР-2-рабочие станции под управлением операционной системы Windows ХР, - сетевое оборудование, обеспечивающее транспортировку данных между отдельными вычислительными машинами, -вспомогательное оборудование: принтеры, источники бесперебойного питания. разработка электронный учебник

Сотрудники группы решают задачи, связанные с обеспечением работоспособности, как самих вышеперечисленных компьютерных систем, так и необходимого программного обеспечения.

В процессе прохождения практики по индивидуальному заданию руководителя я занимался написанием программы 1С:Предприятия 8.2, являющихся пользователями компьютерных систем. Задача моей программы - обеспечение возможности удобного добавления, изменения и удаления информации о пользователях компьютерных систем ПК "Программист" в базе данных. В качестве языка программирования был выбран язык программирования 1С 8.2. Это обеспечило платформенную независимость программы. Хотя на сегодняшний день известно, на каком компьютере и под управлением какой операционной системы выполняется программа, это обеспечивает свободу выбора платформы и системы в будущем. Для доступа к базе данных используется конструирование управляемого интерфейса. Его преимущество в том, что он позволяет программировать отчеты и обновления базы данных независимо от конкретной реализации базы данных. В качестве основы работы программы используется популярная технология «клиент-сервер», при этом в качестве программы-клиента используется браузер. Это обеспечивает возможность использования программы на большинстве компьютеров ПК "Программист". В базе данных пользователей ПК "Программист" могут содержаться конфиденциальные данные, такие как системные пароли, используемые пользователями для авторизации при работе. Поэтому для обеспечения безопасности используется технология SSL, обеспечивающая шифрование передаваемых по сети данных. Так же во время прохождения практики я в составе группы, а так же по индивидуальному заданию участвовал в ремонте, наладке и модернизации составных частей вычислительной сети. Период моей практики совпал с периодом создания нескольких дополнительных подсетей. Эти сети были выделены из состава общей сети в самостоятельные подсети для обеспечения удобства управления этими сетями и повышения общей безопасности компьютерных систем, входящих в эти сети. Все это повлекло необходимость модернизации программного обеспечения на большой части рабочих станций и нескольких промышленных компьютерах, и я принимала участие в этой модернизации.

1. Общая характеристика предприятия

1.1 Основные направления деятельности предприятия

Фирма ПК«Программист» имеет статус 1С: франчайзи. Фирма работают на рынке автоматизации и учета с 1996 г.

Основные цели:

• Организация компьютерных курсов, ликвидация компьютерной безграмотности среди широкого слоя населения, подготовка специалистов по разным специалиализациям информационной технологии (Курсы: базовая компьютерная подготовка, программирование на языках: С ++, Delphi, 1 С и др.).

• Помощь в выборе программного продукта

• Продажа, установка, настройка, разработка, внедрение, сопровождение программных продуктов автоматизации управления и учета на предприятии.

• Консультации

Для использования последних достижений науки и техники «Программист» стали официальным партнером МГТУ им. Баумана и ЗАО «1С» г. Москва. В настоящее время «Программист» имеет статус ЦСО (Центр сертифицированного обучения).

Особую ценность представляют наши специалисты. В нашей фирме работают сертифицированные фирмой «1С» специалисты, которые постоянно совершенствуют свои знания и навыки. Они помогут решить все поставленные перед вами задачи по автоматизации управления и учета на вашем предприятии.

Фирма «Программист» обучила компьютерным курсам более 12000 человек, установила и внедрила Программы автоматизации учета и управления «1С: Предприятие» на более чем 600 организациях.

1С:Франчайзинг

1С:франчайзи «Программист» работает под единой маркой «1С:ФРАНЧАЙЗИ», имеет в своем составе аттестованных фирмой «1С» специалистов, что гарантирует высокое качество выполнения типового набора услуг, начиная от простой инсталляции и элементарной настройки прикладной конфигурации до интеграции программы с другими пакетами, обучения пользователей и постановки учета на предприятии в полном, объеме.

Авторизованный учебный центр

С 2005 года фирма «Программист» является Авторизованным учебным центром фирмы «1С» (сертификат №703009052), с сентября 2007 года Центром сертифицированного обучения фирмы «1С» (сертификат № CS 004712).

«Программист» имеет статус официального партнера Центра компьютерного обучения при МГТУ им. Н.Э. Баумана.

Учебный центр проводит следующие курсы обучения пользователей:

• Базовая компьютерная подготовка

• Графика и дизайн ( Corel DRAW , Photoshop )

• Теория дизайна

• WEB - мастер

• Ремонт и модернизация ПК

• Бухгалтерский учет

• 1С: Бухгалтерия 7.7

• 1С:Бухгалтерия 8.1

• Введение в конфигурирование (базовые объекты 1с:предприятия)

• 1С: Торговля и склад 7.7

• 1С: Управление торговлей 8.1

• Основы разработки баз данных с использованием Microsoft Access

• Программирование Delphi 7.0 (БД, Технология BDE и ADO )

• Программирование на Delphi для СУБД MS SQL Server . Auto CAD , Allplan

Autodesk VIZ 4

• Администрирование сетей 200/2003 . Основы 3 D Studio Max 5.1

1.4 Программное обеспечение предприятия

Антивирус Касперского, ОС,

Windows ХР Office, Microsoft Office, 1С: 8.1. 1С:8.2.

Основы 3 D Studio Max 5.1

Антивирус Microsoft Forefront Client Security.

Антивирус Касперского 2009 - это принципиально новый подход к защите информации. Главное в приложении - это ограничение прав доступа программ к ресурсам системы. Это позволяет предотвратить совершение нежелательных действий подозрительными или опасными программами. Значительно расширены методика проведения документов, настройка рабочего стола, командного интерфейса, использование функциональных опции и др.

1.5 Оснащенность техническими средствами

Настольные ПК,

Мониторы,

• Сканер,

• Лазерный принтер,

• Струйный принтер,

• Факсимильный аппарат,

• UPS,

• Сетевые фильтры,

• Модем ADSL,

• Телефонный коммутатор,

• Сетевой коммутатор.

1.6 Инструкция по техники безопасности и охрана труда

Инструкция по технике безопасности при работе на компьютере Общие требования безопасности

Настоящая инструкция распространяется на персонал, эксплуатирующий средства вычислительной техники и периферийное оборудование. Инструкция содержит общие указания по безопасному применению электрооборудования в учреждении. Требования настоящей инструкции являются обязательными, отступления от нее не допускаются. К самостоятельной эксплуатации электроаппаратуры допускается только специально обученный персонал не моложе 18 лет, пригодный по состоянию здоровья и квалификации к выполнению указанных работ.

Требования безопасности перед началом работы.

Перед началом работы следует убедиться в исправности электропроводки, выключателей, штепсельных розеток, при помощи которых оборудование включается в сеть, наличии заземления компьютера, его работоспособности, Требования безопасности во время работы

Для снижения или предотвращения влияния опасных и вредных факторов необходимо соблюдать санитарные правила и нормы, гигиенические требования к видео дисплейным терминалам, персональным электронно-вычислительным машинам и организации работы (Утверждено Постановлением Госкомсанэпиднадзора России от 14 июля 1996 г. N 14 СанПиН 2.2.2.542-96), и Приложение 1,2

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

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

Запрещается под напряжением очищать от пыли и загрязнения электрооборудование.

Запрещается проверять работоспособность электрооборудования в неприспособленных для эксплуатации помещениях с токопроводящими полами, сырых, не позволяющих заземлить доступные металлические части.

Недопустимо под напряжением проводить ремонт средств вычислительной техники и периферийного оборудования. Ремонт электроаппаратуры производится только специалистами-техниками с соблюдением необходимых технических требований.

Во избежание поражения электрическим током, при пользовании электроприборами нельзя касаться одновременно каких-либо трубопроводов, батарей отопления, металлических конструкций , соединенных с землей.

При пользовании электроэнергией в сырых помещениях соблюдать особую осторожность.

Требования безопасности в аварийных ситуациях

При обнаружении неисправности немедленно обесточить электрооборудование, оповестить администрацию. Продолжение работы возможно только после устранения неисправности.

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

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

Необходимо немедленно начать производить искусственное дыхание, наиболее эффективным из которых является метод рот в рот или рот в нос, а также наружный массаж сердца.

Искусственное дыхание пораженному электрическим током производится вплоть до прибытия врача.

На рабочем месте запрещается иметь огнеопасные вещества. В помещениях запрещается:

а) зажигать огонь;

б) включать электрооборудование, если в помещении пахнет газом;

в) курить;

г) сушить что-либо на отопительных приборах;

д) закрывать вентиляционные отверстия в электроаппаратуре Источниками воспламенения являются:

а) искра при разряде статического электричества

б) искры от электрооборудования

в) искры от удара и трения

г) открытое пламя

При возникновении пожароопасной ситуации или пожара персонал должен немедленно принять необходимые меры для его ликвидации, одновременно оповестить о пожаре администрацию. Помещения с электрооборудованием должны быть оснащены огнетушителями типа ОУ-2 или ОУБ-3. Требования безопасности по окончании работы. После окончания работы необходимо обесточить все средства вычислительной техники и периферийное оборудование. В случае непрерывного производственного процесса необходимо оставить включенными только необходимое оборудование.

2. Специальная часть

2.1 Постановка задачи

Постановка задачи - это создание электронного учебника на языке программирования HTML по содержанию «Автомобильный справочник». Программа должна иметь удобный интерфейс, содержать теоретический материал, осуществлять контроль.

2.2 Анализ задачи

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

2.3 Разработка алгоритма программы

Для создания программы использованы следующие теги:

В примере для заголовка используются теги <H1></h1>.

Существует шесть уровней заголовков, которые обозначаются Н1...Н6. Заголовок уровня 1 самый крупный, а уровень 6 обеспечивает самый маленький заголовок. Для заголовков можно использовать атрибут, задающий выравнивание влево.

Одним из самых важных элементов языка, обеспечивающий создание гиперссылок является:<А></а>

Чаще всего используется такой шаблон:

Произвольный текст <А href-'Адрес ссылки">текст для щелчка</а> Или такой:<А href-'Адрес ссылки"> <IMG src-'Ссылка на рисунок"></а>

Форматирование текста Текст - единственный объект Web-страницы, который не требует специального определения. Иными словами, произвольные символы интерпретируются по умолчанию как текстовые данные. Но для форматирования текста существует большое количество элементов. <Р></р>

Элемент абзаца (paragraph) - один из самых полезных. Он позволяет использовать только начальный тег, так как следующий элемент Р обозначает конец предыдущего и начало следующего абзаца. Конечный тег удобно использовать в тех случаях, когда по смыслу необходимо обозначить конец абзаца. Вместе с элементом Р можно использовать атрибут выравнивания align.<BR>

Элемент, обеспечивающий принудительный переход на новую строку. Он имеет только стартовый тег. В месте его размещения строка заканчивается, а оставшийся текст печатается с новой строки <PRE></pre>

Элемент для обозначения текста, отформатированного заранее (Preformatted). Подразумевается, что текст будет выведен в том виде, в каком он был подготовлен пользователем. Например, учитываются символы конца строки, появившееся при наборе текста в редакторе. Во всех других случаях браузер игнорирует эти символы. Этот элемент удобно использовать для демонстрации листингов программ или для вывода текстовых документов, переформатирование которых может привести к искажению их смысла <CENTER></center>

Элемент используется для центрирования текста, а точнее, любого содержимого. Не является общеупотребительным <В></Ь>

Выделение текста полужирным шрифтом. Очень популярный элемент. Использование полужирного шрифта - прием, позаимствованный из текстовых редакторов.<BIG></big>

Увеличенный размер шрифта<8МА1_1_></8та11>

Уменьшенный размер шрифта<1></>

Выделение текста курсивом

Они могут пригодиться только для того, чтобы единообразно выделить одинаковые по назначению (или смыслу) фрагменты текста, находящиеся в разных частях документа или даже на разных страницах <TT></tt>

Элемент, обозначающий текст телетайпа. Его особенность заключается в использовании моноширинного шрифта <U></u>

Подчеркнутое начертание текста.

Для элемента FONT можно использовать атрибут цвета: со1ог="цвет"

Атрибут face (вид) не входит в спецификацию HTML 3.2., но у меня не поднимается рука исключить его из рассмотрения, настолько он естественен и полезен. Он позволяет задавать тип шрифта: face-'Название шрифта"

2.4. Выбор среды программирования, характеристика Web-страницы могут существовать в любом формате, но в качестве стандарта принят Hyper Text Markup Language - язык разметки гипертекстов, предназначенный для создания форматированного текста, насыщенного изображениями, звуком, анимацией, видеоклипами и гипертекстовыми ссылками на другие документы, разбросанные как по всему Web-пространству, так и находящиеся на этом же сервере или являющиеся составной частью этого же Веб-проекта.

Можно работать на Web без знания языка HTML, поскольку тексты HTML могут создаваться разными специальными редакторами и конвертерами. Но писать непосредственно на HTML нетрудно. Возможно, это даже легче, чем изучать HTML-редактор или конвертер, которые часто ограничены в своих возможностях, содержат ошибки или проводят плохой HTML код, который не работает на разных платформах.

Язык HTML существует в нескольких вариантах и продолжает развиваться, но конструкции HTML скорее всего будут использоваться и в дальнейшем. Изучая HTML и познавая его глубже, создавая документ в начале изучения HTML и расширяя его насколько это возможно, мы имеем возможность создавать Web-страницы, которые могут быть просмотрены многими браузерами Web, как сейчас, так и в будущем. Это не исключает возможности использования других методов, например, метод расширенных возможностей, который предоставляется Netscape Navigator, Internet Explorer или некоторыми другими программами.

Работа по HTML - это способ усвоить особенности создания документов в стандартизированном языке, используя расширения, только если это действительно необходимо.

HTML был ратифицирован World Wide Web Consortium. Он поддерживается несколькими широко распространенными браузерами, и, возможно, станет основанием почти всего программного обеспечения, которое имеет отношение к Web. Структура HTML документа

Поскольку HTML-документы записываются в ASCII-формате, то для ее создания может, использован любой текстовый редактор.

Обычно HTML-документ - это файл с расширением .html или .htm, в котором текст размечен HTML-тегами (англ. tag - специальные встроенные указания). Средствами HTML задаются синтаксис и размещение тегов, в соответствии с которыми браузер отображает содержимое Веб-документа. Текст самих тегов Веб-браузером не отображается.

Все теги начинаются символом '<' и заканчиваются символом '>'. Обычно имеется пара тегов - стартовый (открывающий) и завершающий (закрывающий) тег (похоже на открывающиеся и закрывающиеся скобки в математике), между которыми помещается размечаемая информация:

Здесь стартовым тегом является тег <Р>, а завершающим - </Р>. Завершающий тег отличатся от стартового лишь тем, что у него перед текстом в скобках <> стоит символ '/' (слэш).

Браузер, читающий HTML-документ, отображает его в окне, используя структуру HTML-тегов. В каждом HTML-документе должны присутствовать три главных части:

<HTML> и </HTML>. Пара этих тегов сообщает программе просмотра (браузеру) что между ними заключен документ в формате HTML, причем первым тегом в документе должен быть тег <HTML> (в самом начале документа), а последним - </HTML> (в самом конце документа).

<HEAD> и </HEAD>. Между этими тегами располагается информация о документе (название, ключевые слова для поиска, описание и т.д.). Однако наиболее важным является название документа, которое мы видим в верхней строке окна браузера и в списках "Избранное (BookMark)". Специальные программы-спайдеры поисковых систем используют название документа для построения своих баз данных. Для того чтобы дать название своему HTML-документу текст помещается между тегами <TITLE> и </TITLE>.

Третьей главной частью документа является его тело. Оно следует сразу за заголовком и находится между тегами <BODY> и </BODY>. Первый из них должен стоять сразу после тега </HEAD>, а второй - перед тегом </HTML>. Тело HTML-документа - это место, куда автор помещает информацию, отформатированную средствами HTML.

В разделе BODY все символы табуляции и конца строк браузером игнорируются и никак не влияют на отображение страницы. Поэтому перевод строки в исходном тексте HTML-документа не приведет к началу новой строки в отображаемом обозревателем тексте при отсутствии специальных тегов. Это правило очень важно помнить и не забывать ставить разделяющие строки теги, иначе у текста не будет абзацев, и он станет нечитаемым.

Для начала новой строки используется тег <BR> (сокр. от англ. break - прервать). Этот тег приводит к отображению браузером дальнейшего текста с начала следующей строки. Закрывающий для него тег не используется. Он удобен, если требуется с какого-то места писать с новой строки без начала нового абзаца, например, в стихотворении. Повторное его использование позволяет вставить одну или несколько пустых строк, отодвинув следующий фрагмент страницы вниз.

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

<Р> (англ. paragraph - абзац). Этот тег, кроме начала новой строки, вставляет одну пустую строку. Но многократное повторение <Р>, в отличие от <BR>, не приведет к появлению нескольких пустых строк, останется все та же одна пустая строка.

Внутри скобок тега кроме его названия могут размещаться также атрибуты (англ. atributes - атрибуты). Они отделяются от названия и между собой пробелами (одним или несколькими), а пишутся в виде имя_атрибута="значение". Если значение не содержит пробелов, то кавычки могут быть опущены, но так делать не рекомендуется. Тег <Р> может содержать атрибут ALIGN, определяющий выравнивание абзаца. По умолчанию абзац выравнен влево ALIGN-'left". Возможны также выравнивания вправо ALIGN-'right" и по центру ALIGN-'center". При использовании атрибутов, после форматируемого текста следует использовать закрывающий тег </Р>. Если его нет, то новый тег <Р> означает закрытие предыдущего, соответственно вложенные <Р> невозможны. Выравнить текст по центру возможно также тегом <CENTER>.

Теперь мы можем поместить на нашу Web-страницу некоторый текст с различным выравниванием:

Кроме использования этих тегов, для разрыва строк возможно использование символов конца строк и табуляций в самом HTML- документе. Для этих целей существует тег <PRE>. Весь текст, помещенный между тегами <PRE> и </PRE> будет выводиться без изменений, то есть со всеми концами строк и табуляциями.

В HTML-документе, кроме текста, могут содержаться горизонтальные разделительные линии. Они, как и текст, не требуют никаких внешних файлов. Тег <HR> выведет горизонтальную линию единичной толщины вдоль всей ширины страницы. Горизонтальная разделительная линия всегда приводит к разрыву строки, но пустых строк между линией и текстом не появляется. Тег <HR> может содержать несколько атрибутов. <HR SHADE> и <HR> дают контурную линию с трехмерным эффектом углубления. <HR NOSHADE> дает сплошную черную линию. Линия может не простираться во всю ширину страницы, а составлять лишь некоторую часть. Атрибут WIDTH задает ширину линии, в процентах от ширины всей страницы или в пикселях. Например, 50% - половина ширины страницы, 400 - ширина в 400 пикселей. Атрибут ALIGN может принимать значения, аналогичные его значениям для тега <Р>, но выравнивание по умолчанию - по центру. Атрибут SIZE задает толщину линии в пикселях от 1 до 175; по умолчанию 1, но если <HR SHADE>, (линия - контурная), то добавляется толщина, необходимая для трехмерного эффекта углубления.

Линии, наряду с абзацами, позволяют выделить логические фрагменты текста. Но большое количество горизонтальных линий неприятно для посетителя вашей Веб-страницы, поэтому после каждого абзаца их ставить не следует. Они больше подходят для выделения целых разделов.

В то же время, HTML - достаточно простой формат, и обычные пользователи могут работать с HTML- документами без каких- либо специализированных приложений. HTML - это открытый стандарт, к тому же он прост настолько, что и сразу же начать создание Web- страниц.

Как уже говорилось, HTML основан на языке SGML, точнее, является его приложением, и поэтому унаследовал у SGML некоторые структурные единицы и базовые конструкции. Одной из таки* единиц является элементы.

Элементы HTML - это базовый структурный блок HTML- документа, который размечается с помощью специальных разметочных операторов, называемых тэгами. HTML-элемент почти всегда состоит из:

Открывающего тега, в котором располагается название и атрибуты элемента;

Элементы, образованные по этой схеме, называют элементами- контейнерами. Исключением является одиночные, или пустые, элементы, которые представлены только одним, открывающим, тегом. Теги - это не элементы. Теги служат для разметки элемента, который содержит кроме самих тегов, какое-то содержимое. Элементы делят Web- страницу на структурные части: таблицы, заголовки, абзацы и так далее.

Выводы по практике

Во время практики ознакомился с функционированием производства и мероприятиями проводимых по охране труда и технике безопасности. Также занимался разработкой проекта и сбором материалов для курсового проекта. За время прохождения практики изучил и освоил отладку, эксплуатацию и разработку программного обеспечения в условиях производства. А также общее ознакомление с производственным процессом и обработкой информации на предприятии, изучение новых программ, с имеющимися на производстве техническими средствами и средствами программированиями, ознакомился с монтажом локальных сетей, сборкой компьютера.

Список литературы

1. HTML 4.0: А. Матросов, А. Сергеев, М. Чаунин -- Санкт-Петербург, БХВ-Петербург, 2008 г.- 672 с.

2. HTML и XHTML. Подробное руководство: Чак Муссиано и Билл Кеннеди -- Москва, Символ-Плюс, 2008 г.- 752 с.

3. Полный справочник по HTML, CSS и JavaScript: Лазаро Исси Коэн, Джозеф Исси Коэн -- Москва, ЭКОМ Паблишерз, 2007 г.- 1168 с.

4. Самоучитель HTML и CSS. Современные технологии: Ростислав Чебыкин -- Москва, БХВ-Петербург, 2008 г.- 624 с.

Приложение (Листинг программы)

<html><head><title>Группа 4140 Саиткиреев Мейрлан - Описание, характеристики и фотографий</title>

<meta name="robots" content="ALL">

<meta name="keywords" content="Mercedes, 300 SL Gullwing, описание, характеристики, фотографий, купить">

<meta http-equiv=Content-Type content="text/html; charset=windows-1251">

<meta name="description" content="Автомобили Mercedes 300 SL Gullwing - описание, характеристики и фотографий.">

<!-- Mercedes 300 SL Gullwing -->

<style type="text/css">

a {text-decoration: none; font-size: 10pt; color: #800000 ;}

a:hover {text-decoration: underline; font-size: 10pt; color: #808080 ;}

b.ntex { font-size: 12pt; color: #DC6703;}

font { font-family: Arial, Tahoma, Helvetica; font-size: 8pt; color: black;}

font.fr { font-family: Arial, Tahoma, Helvetica; font-size: 8pt; color: #DE1606;}

font.txt { font-family: Arial,Tahoma, Helvetica; font-size: 9pt; color: black;}

H1 { font-family: Arial, Tahoma, Helvetica; font-size: 27pt; color: black;}

H2 { font-family: Arial, Tahoma, Helvetica; font-size: 18pt; color: black;}

font.etxt { font-family: Arial, Tahoma, Helvetica; font-size: 10pt; color: black; font-weight: bold }

font.black{ font-family: Arial, Tahoma, Helvetica; font-size: 10pt; color: black;}

font.red { font-family: Arial, Tahoma, Helvetica; font-size: 9pt; color: red;}

font.yellow { font-family: Arial, Tahoma, Helvetica; font-size: 7pt; color: #ffffff }

font.title1 { font-family: Arial, Tahoma, Helvetica; font-size: 26pt; color: black;}

hr {color: #6969690 ;} <!-- Оформление горизонтальной линии -->

</style>

</head>

<body bgcolor=#A0522D text=191970 leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>

<center>&nbsp;&nbsp;&nbsp;&nbsp;

<CENTER>

<head>

<title>Анимация</title>

</head>

<body>

<object width="280" height="100" align="center">

<param name="movie"

value="http://dump.nnov.ru/flash/blackcat.swf">

<param name="quality" value="high">

<param name="bgcolor" value="#A0522D">

<embed src="http://dump.nnov.ru/flash/blackcat.swf"

quality="high"

bgcolor="#A0522D "

width="280"

height="100"

align="center"

type="application/x-shockwave-flash"

pluginspage="http://www.macromedia.com/go

/getflashplayer">

</object>

</body> <!-- Купить -->

<table border=0 cellpadding=0 cellspacing=0 width=780>

<tr valign=top>

<td background=files/print.jpg width=26 height=31></td>

<td background=files/moda.jpg width=739 height=31 align=center></td>

<td background=files/copy.jpg width=15 height=31></td>

</tr>

</table>

<table bgcolor=black border=0 cellpadding=0 cellspacing=0 width=780>

<tr valign=top>

<td background=files/image.jpg width=15 height=5></td>

<td background=files/point.jpg width=746 align=center>

<!-- Mercedes -->

<H1><strong>Группа-4140</strong> <strong>Саиткиреев</strong> <strong>Мейрлан</strong></H1>

</td><!-- http://www.flickr.com/photos/28759052@N04 -->

<td background=files/column.jpg width=19 height=5></td>

</tr>

</table>

<table bgcolor=black border=0 cellpadding=0 cellspacing=0 width=780>

<tr valign=top><!-- http://www.flickr.com/photos/28759052@N04 -->

<td background=files/cube.jpg width=16 height=28></td>

<td background=files/next.jpg width=746 height=28 align=center></td>

<td background=files/project.jpg width=28 height=28></td>

</tr>

</table>

<!------------------------------------------------- ----------------------------------------------------------->

<table border=0 cellpadding=0 cellspacing=0 width=780>

<tr valign=top>

<td background=files/print.jpg width=26 height=31></td>

<td background=files/moda.jpg width=739 height=31 align=center></td>

<td background=files/copy.jpg width=15 height=31></td>

</tr>

</table>

<table bgcolor=black border=0 cellpadding=0 cellspacing=0 width=780>

<tr valign=top><!-- http://webtemplate.narod.ru/desant_2003_B42.doc -->

<td background=files/image.jpg width=15 height=5></td>

<td background=files/point.jpg width=746 align=center>

<!-- Описание и характеристики -->

<font class=txt><center>

<H2><strong>Mercedez</strong> <strong>300 SL Gullwing</strong> - <strong>Описание</strong>, <strong>характеристики</strong>, <strong>фотографий</strong></H2>

</p><p align=justify>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Здесь я представляю фотографию изящного Mercedes 300 SL Gullwing с дверями типа "крыло чайки".

</p><p align=center>

<img src=files/mb_1.jpg alt='Mercedes' border=0>

</p><p align=justify><!-- http://blogs.mail.ru/mail/cardclub/ -->

<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

Мерседес-Бенц 300 SL

<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

В производстве: с 1954 по 1957 гг

<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

Произведено единиц: 1400

<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

Двигатель: 6-цилиндровый, в ряд

<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

Объём: 2996 куб. см

<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

Мощность: 158 кВт

<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

Макс. Скорость: до 250 км/ч

<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Эпоха «Gullwing » началась в 1952 году, когда гоночные автомобили Мерседес-Бенц W 194 стали записывать на свой счёт победу за победой. В 1953 году последовала новая более дорогая версия, имевшая мотор с инжекторной подачей топлива, что давало дополнительные 29 кВт мощности, доводя номинальную мощность до 158 кВт. Дизайн ведущего моста в блоке с коробкой передач обеспечивал выгодное распределение веса и лучшую динамику всего автомобиля. Из-за острых углов спереди к нему приклеился псевдоним «Хобель» (или «рубанок», нем). Эта уникальная модель никогда не выезжала на гоночную трассу, потому что все мощности компании были отвлечены на начало её участия в Формуле 1, запланированное на 1954 год, но тем не менее, этот автомобиль является очень важной вехой на пути к производству спортивных автомобилей 300 SL. И, между прочим, можно также провести параллель между этим прототипом с его конструкцией ведущего моста в блоке с коробкой передач и Мерседес-Бенц SLS AMG.

<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Мерседес-Бенц 300 SL (W 198) модели Gullwing имеет совершенно очевидную связь с гоночными автомобилями, потому что инженерам понадобился всего лишь один с половиной год для того, чтобы создать новый дизайн на базе гоночного спортивного автомобиля W 194. Это был первый действительно спортивный автомобиль, разработанный и созданный Мерседес-Бенц после Второй мировой войны. Проект дизайна начали делать в сентябре 1953 года, в ответ на запрос от Максимилиана Хофмана (Maximilian Hoffman), импортёра автомобилей Мерседес-Бенц в США. 300 SL впервые был представлен публике в Нью-Йорке на Международной выставке спортивных автомобилей в феврале 1954 года.

<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Следы того, что автомобиль остаётся верен традиции спортивных гоночных автомобилей, видны невооружённым глазом -- начиная от ультра-лёгкой, состоящей из тонких трубочек, решётки, заканчивая всеми очертаниями корпуса и дверями “gullwing”, увековеченными в распространённом англоязычном названии автомобиля. Правда, решение использовать такую необычную форму прохода, более характерную для гоночных автомобилей, не задумывалось как уловка для привлечения общественного внимания. Двери, прикреплённые к крыше автомобиля, были чисто структурным требованием, так как решётка, перенесённая с гоночных SL не позволяла использовать привычный способ навешивания дверей. Вместо карбюраторного двигателя с 6-ю цилиндрами в ряд объёмом три литра и номинальной мощностью 129 кВт модели M 194, W 198 имела 158 кВт двигатель от M 198 с автоматической прямой инжекцией. Это был первый автомобиль, выпущенный Мерседес-Бенц, имевший двигатель с впрыском бензина, который давал на 29кВт больше мощности, чем карбюраторные гоночные версии мотора.Двигатель был установлен под углом, что давало автомобилю практически плоскую переднюю часть с выдающимися аэродинамическими характеристиками. Постоянный фокус на лёгкости конструкции дал несколько чрезвычайно впечатляющих рабочих характеристик, например, максимальную скорость до 250 км/ч в соответствии с передаточным числом заднего моста. Конструкция рамы была в основном такой же, как и у 300 модели седана (W 186), только настройки подвески в большей мере соответствовали качествам спортивного автомобиля.Появление спортткаров способствовало разработке более элегантного и динамичного, по сравнению с гоночными спортивными автомобилями, внешнего вида машин. Качества визуального проектирования и некоторые уступки по отношению к комфортности для пассажира не снизили, однако, качество работы автомобиля. 300 SL должным образом продолжил мотоспортивные традиции своего тёзки, заняв высшие места на многих соревнованиях, включая, например, победу в своём классе на гонке Милле Милья в 1955 году. И в том же году Оливер Гендебьен (Olivier Gendebien) и Пьер Штрассе (Pierre Stasse) привели Мерседес-Бенц 300 S к победе в ралли Льеж -- Рим -- Льеж.Этот автомобиль также сделал чемпионами трёх водителей из Европы и Америки: Вернер Энгель (Werner Engel) выиграл Европейский чемпионат туристических автомобилей в 1955 году, а Вальтер Шок (Walter Schock) в 1956 году. В США Пол Ошеа (Paul O'Shea) дважды, в 1955 и 1956 гг, выигрывал Американский чемпионат среди спортивных машин по категории D, приходя к финишу далеко впереди всех.Около 1400 экземпляров Мерседес-Бенц 300 SL были построены в немецком городе Зиндельфинген с августа 1954 по Май 1957, включая 29 автомобилей с корпусом из лёгких сплавов, а также один экспериментальный автомобиль с пластиковым корпусом. <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;В 1955 году, компания построила две закрытые версии гоночного спортивного автомобиля Мерседес-Бенц 300 SLR (W 196 R). Они были специально разработаны для гонок на длинные дистанции, и предоставляли водителю более комфортабельные, по сравнению с открытым автомобилем условия.

Машина походила на 300 SL, но с отборными технологиями Формулы 1 под капотом. Эти автомобили не попали в руки покупателей, и лишь один удачливый человек получил возможность наслаждаться свойствами Мерседес-Бенц 300 SLR, и это был их дизайнер, Рудольф Уленхаут (Rudolf Uhlenhaut). Во время отмены в 1955 году шестых Панамериканских гонок, которые должны были стать первыми для нового закрытого автомобиля и из-за того, что компания «Даймлен-Бенц» покинула гонки в конце того сезона, Уленхауту было позволено использовать этот автомобиль во время деловых поездок -- и он пользовался своей привилегией на протяжении долгого времени. Поэтому, этот автомобиль получил ещё одно название - «машина Уленхаута».Многие поклонники 300 SL догадывались, что Мерседес-Бенц представит новый С 111 в качестве аперитива к следующему поколению супер-спорткаров со звездой на капоте на Международной автомобильной выставке во Франкфурте-на-Майне в 1969 году. Бесподобный экспериментальный автомобиль был быстрым как молния клинообразным автомобилем с дверями «gullwing», приводимым в движение футуристически выглядевшим ротативным двигателем (двигателем Ванкеля).

<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

Значительно возросли надежды на серийное производство улучшенной версии автомобиля, C 111-II, который был торжественно представлен всего лишь через 6 месяцев на Автомобильной выставке в Женеве, вызывая лихорадочный восторг в сообществе автолюбителей. Однако автомобилю с «генами» супер-спорткара и роторно-лопастным двигателем на 257 кВт так и суждено было остаться лишь предпродажным проектом. Аргументами против серийного производства были довольно низкая эффективность двигателя и более жёсткие ограничения на выхлопные газы.Подобная реакция была на Мерседес-Бенц C 112 в 1991 году.

Эта бесподобная разработка спортивной машины имела 6-литровый 12-и цилиндровый двигатель дающий 300 кВт мощности. В С 112 угадывались некоторые из технических инноваций, которые должны были в течение следующих нескольких лет хлынуть на рынки в в виде серийных автомобилей Мерседес-Бенц, например, контроллер активности человека и контроллер расстояния DISTRONIC. Модель C 112 подверглась влиянию спортивного гоночного автомобиля Мерседес-Бенц C 11, на котором Жан-Луи Шлессер (Jean-Louis Schlesser) выиграл для Мерседес-Бенц Мировой чемпионат среди спортивных автомобилей в группе С.

<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=http://www.mercedes-benz.kz><img src=files/emblem.png></a>

<body><strong>Оффициальный диллер</strong> <strong>Mercedes</strong>.

</p><p align=justify></font><font class=txt>

&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/1.jpg alt="Купить" title="Mercedes" border=0>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/2.jpg alt="Mercedes" title="Mercedes" border=0>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/3.jpg alt="Mercedes" title="Mercedes" border=0>

<br>

&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/4.jpg alt="Купить" title="Mercedes" border=0>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/5.jpg alt="Mercedes" title="Mercedes" border=0>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/6.jpg alt="Mercedes" title="Mercedes" border=0>

<br>

&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/7.jpg alt="Купить" title="Mercedes" border=0>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/8.jpg alt="Mercedes" title="Mercedes" border=0>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/9.jpg alt="Mercedes" title="Mercedes" border=0>

<br>

&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/10.jpg alt="Купить" title="Mercedes" border=0>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/11.jpg alt="Mercedes" title="Mercedes" border=0>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/12.jpg alt="Mercedes" title="Mercedes" border=0>

<br>

&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/14.jpg alt="Купить" title="Mercedes" border=0>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/15.jpg alt="Mercedes" title="Mercedes" border=0>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/16.jpg alt="Mercedes" title="Mercedes" border=0>

<br>

&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/18.jpg alt="Купить" title="Mercedes" border=0>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/19.jpg alt="Mercedes" title="Mercedes" border=0>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/20.jpg alt="Mercedes" title="Mercedes" border=0>

<br>

&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/21.jpg alt="Купить" title="Mercedes" border=0>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/22.jpg alt="Mercedes" title="Mercedes" border=0>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/23.jpg alt="Mercedes" title="Mercedes" border=0>

<br>

&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/24.jpg alt="Купить" title="Mercedes" border=0>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/25.jpg alt="Mercedes" title="Mercedes" border=0>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/26.jpg alt="Mercedes" title="Mercedes" border=0>

<br>

&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/27.jpg alt="Купить" title="Mercedes" border=0>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/28.jpg alt="Mercedes" title="Mercedes" border=0>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src=files/29.jpg alt="Mercedes" title="Mercedes" border=0>

<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<head>

<body>

Сайт

<a href="http://www.mercedes-benz.kz">

оффициальных диллеров Mercedes в Казахстане

</a>

<body>

</td>

<td background=files/column.jpg width=19 height=5></td>

</tr><!-- http://webtemplate.narod.ru/desant_2003_B42.doc -->

</table>

<table bgcolor=black border=0 cellpadding=0 cellspacing=0 width=780>

<tr valign=top>

<td background=files/image.jpg width=15 height=5></td>

<td background=files/point.jpg width=746 align=center>

<!-- Галерея фотографий -->

<font class=txt><p align=justify>

<H2><strong>Mercedes</strong> - <strong>300 SL Gullwing</strong>, <strong>Описание</strong>,

<strong>характеристики</strong>, <strong>фотографий</strong></H2>

<hr>

<p align=justify></font>

&nbsp;&nbsp;<a href=http://www.kolesa.kz/ title="Авто">Автомобильный портал</a>

&nbsp;&nbsp;<a href=http://www.320kbit.net>Музыкальный портал</a>

&nbsp;&nbsp;<a href="http://auto.lafa.kz/" title="Авто">Для тех кто рулит</a>

&nbsp;&nbsp;<a href="http://www.infogis.kz/" title="Infogis">Городская информационная система</a>

&nbsp;&nbsp;<a href=http://auto-aktobe.kz/ title="Авто в Актобе">Авто в Актобе</a>

<br>&nbsp;&nbsp;&nbsp;&nbsp;

</td>

<td background=files/column.jpg width=19 height=5></td>

</tr><!--

<table bgcolor=black border=0 cellpadding=0 cellspacing=0 width=780>

<tr valign=top><!-- http://blogs.mail.ru/mail/cardclub/ -->

<td background=files/image.jpg width=15 height=5></td>

<td background=files/point.jpg width=746 align=center>

<font class=txt><p align=justify>

</td>

<td background=files/column.jpg width=19 height=5></td>

</tr>

</table>

<table bgcolor=black border=0 cellpadding=0 cellspacing=0 width=780>

<tr valign=top>

<td background=files/cube.jpg width=16 height=28></td>

<td background=files/next.jpg width=746 height=28 align=center></td>

<td background=files/project.jpg width=28 height=28></td>

</tr>

</table>

<p>&nbsp;&nbsp;&nbsp;&nbsp;</p>

<p>&nbsp;&nbsp;&nbsp;&nbsp;</p>

</body>

</html>

Размещено на Allbest.ru


Подобные документы

  • Объектно-ориентированное программирование. Особенности использования формата CHM, его преимущества. Создание электронного учебника на тему "Язык программирования C++" с помощью компиляции html-страниц. Правильное сочетание тегов, структура документа.

    курсовая работа [1,0 M], добавлен 27.10.2012

  • Электронный учебник как средство самообразования. Основные этапы проектирования электронного учебника. Методика использования электронных учебников. Язык гипертекстовой разметки HTML. Структура электронного учебника по дисциплине "Численные методы".

    дипломная работа [4,9 M], добавлен 02.05.2012

  • Электронный учебник как средство самообразования. Основные принципы самообразования. Этапы проектирования электронного учебника, построение интерфейса системы. Язык гипертекстовой разметки HTML. Структура электронного учебника по "Численным методам".

    дипломная работа [5,9 M], добавлен 15.03.2012

  • Изучение тегов для создания списков и таблиц в HTML, основных атрибутов тегов. Практические навыки создания списков и таблиц в HTML-документах. Нумерованные, маркированные и вложенные списки, список определений. Выравнивание данных в ячейках таблицы.

    контрольная работа [322,1 K], добавлен 09.08.2014

  • Специальные разметочные указатели (теги) языка HTML. Основные правила написания тегов. Структура HTML-файлов. Внесение изменений и способы обновления Web-сайта. Необходимые атрибуты для создания на Web-странице бегущей строки и вставки рисунков.

    презентация [439,3 K], добавлен 29.01.2014

  • Создание электронного учебника, написанного на языке гипертекстовой разметки HTML. Характеристика программного обеспечения ЭВМ, необходимого для создания и эксплуатации информационной системы. Алгоритм функционирования системы, отладка программы.

    курсовая работа [1,0 M], добавлен 22.12.2012

  • Характеристика принципов создания html-страниц и связывания их ссылками так, чтобы можно было произвольным образом переходить от одной страницы к другой. Применение тегов форматирования текста и заголовка окна. Этапы создания html-страницы с таблицей.

    контрольная работа [16,0 K], добавлен 19.06.2014

  • Основные теги и атрибуты языка HTML. Создание web-сайта, который должен представлять собой несколько связанных между собой страниц. Рассмотрение различных значений атрибутов и тегов на страницах и в других документах. Экранные формы разработанных страниц.

    лабораторная работа [1,2 M], добавлен 16.04.2014

  • Создание сайта при помощи HTML и CSS. Язык гипертекстовой разметки HTML и таблица стилей CSS. Основные понятия об этих языках, этапы и алгоритмы программного обеспечения. Добавление стилей в документ. Свойства элементов, принцип построения Web-страницы.

    курсовая работа [2,9 M], добавлен 12.01.2016

  • Структурные элементы электронного учебника. Основные этапы разработки электронного учебника. Варианты структуры электронного образовательного издания. Подготовка электронного издания к эксплуатации. Методическое обеспечение электронного учебника.

    презентация [506,5 K], добавлен 28.12.2014

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.