Добавил:
t.me Инфо для ГУАП студентов от меня: https://kafaka.notion.site/99e6d9b70ca74f7baef3daea17839e5a Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Z9411_КафкаРС_ОснПроф_ПР2.docx
Скачиваний:
1
Добавлен:
24.10.2023
Размер:
2 Мб
Скачать
☆
  1. Листинг программного кода

Программный код файла First_page.html (первая страница сайта):

<!DOCTYPE HTML>

<html>

<head>

    <title>Современная элементная база вычислительной техники</title>

    <meta charset="utf-8">

    <link rel="stylesheet" href="Style_1.css">

</head>

<body>

    <h1>Современная элементная база вычислительной техники</h1>  

    <hr>    

    <h2 style="color:blue">Современная классификация ЭВМ</h2>

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

    <table>

        <thead>

            <th colspan="2">Электронная вычислительная техника</th>

        </thead>

        <tbody>

            <tr>

                <td>Аналоговая (АВМ)</td>

                <td>Цифровая (ЭВМ)</td>

            </tr>

            <tr>

                <td>Обработка информации в ЭВМ представляется соответствующими значениями аналоговых величин: тока, напряжения, угла поворота какого-то маханиями и т.п.</td>

                <td>Информация в ЭВМ кодируется двоичными кодами чисел</td>

            </tr>

            <tr>

                <td><ul>

                    <li>Приемлемое быстродействие;</li>

                    <li>не очень высокая точность вычислений (0.001-0.01);</li>

                    <li>используются в основном в проектных и научно-исследовательских учреждениях в составе различных стендов по отработке сложных образцов техники;</li>

                    <li>по своему назначению - специализированные вычислительные машины</li>

                </ul></td>

                <td><ul>

                    <li>Высокое быстродействие;</li>

                    <li>высокая точность вычислений;</li>

                    <li>применение:

                        <ul>

                            <li>для автоматизации вычислений;</li>

                            <li>использование их в системах управления;</li>

                            <li>для решения задач искусственного интеллекта</li>

                        </ul>

                    </li>

                </ul></td>

            </tr>

        </tbody>

    </table>

    <p>В настоящее время цифровая электронная вычислительная техника является наиболее широко используемой в профессиональной и повседневной деятельности.</p>

    <p>По назначению выделяют следующие виды компьютеров:</p>

    <ol>

        <li><b>Универсальные</b> – предназначены для решения различных задач, типы которых не оговариваются. Эти ЭВМ характеризуются:

            <ul>

                <li>разнообразием форм обрабатываемых данных (числовых, символьных и т. д.) при большом диапазоне их изменения и высокой точности представления;</li>

                <li>большой емкостью внутренней памяти;</li>

                <li>развитой системой организации ввода-вывода информации, обеспечивающей подключение разнообразных устройств ввода-вывода;</li>

            </ul>

        </li>

        <li><b>Проблемно-ориентированные</b> – служат для решения более узкого круга задач, связанных, как правило, с управлением технологическими объектами, регистрацией, накоплением и обработкой небольших объемов данных, выполнением расчетов по несложным правилам. Они обладают ограниченным набором аппаратных и программных средств;</li>

        <li><b>Специализированные</b> – применяются для решения очень узкого круга задач. Это позволяет специализировать их структуру, снизить стоимость и сложность при сохранении высокой производительности и надежности. К этому классу ЭВМ относятся компьютеры, управляющие работой устройств ввода-вывода и внешней памятью в современных компьютерах. Такие устройства называются адаптерами, или контроллерами.</li>

    </ol>

    <p>Типовая конфигурация ПК типа IBM PC включает (базовый комплект):</p>

    <ul>

        <li>системный блок;</li>

        <li>дисплей;</li>

        <li>клавиатуру.</li>

    </ul>

    <p>К базовому комплекту обычно добавляют принтер. Возможности базового комплекта расширяются, если в его состав также включить внешние устройства</p>

    <p>Примерная логическая схема ПК как совокупность основных составляющих его элементов представлена на рис. 1, а примерная физическая схема ПК – на рис. 2.</p>

    <figure class="fig">

        <img src="1.png" width="400">

        <figcaption>Рисунок 1 - Логическая схема ПК</figcaption>

    </figure>

    <br>

    <figure class="fig">

        <img src="2.png" width="500">

        <figcaption>Рисунок 2 - Физическая схема ПК</figcaption>

    </figure>

    <div class="city">

        <p>Из какого вы города? </p>

        <select name="user_city">

            <optgroup label="Россия">

              <option value="1">Москва</option>

              <option value="2">Санкт-Петербург</option>

              <option value="3">Новосибирск</option>

            </optgroup>

            <optgroup label="Украина">

              <option value="4">Киев</option>

              <option value="5">Харьков</option>

              <option value="6">Львов</option>

            </optgroup>

              <optgroup label="Беларусь">

              <option value="7">Минск</option>

              <option value="8">Бобруйск</option>

              <option value="9">Гомель</option>

            </optgroup>

          </select>

    </div>

    <br>

    <footer>

    <a class="button" href="Second_page.html">Переход на вторую страницу.</a>

    </footer>

</body>

</html>

Программный код файла Second_page.html (вторая страница сайта):

<!DOCTYPE HTML>

<html>

<head>

    <title>Что такое элементная база и где она применяется</title>

    <meta charset="utf-8">

    <style>

        #content{

            border-radius: 40px;

            border:2px double black;

            margin-left: 5%;

            margin-right: 50%;

        }

    </style>

    <link rel="stylesheet" href="Style_1.css">

</head>

<body>

    <h1>Что такое элементная база и где она применяется</h1>  

    <h2>Содержание</h2>

    <ul id="content">

        <li><a href="#micro">Что такое микроэлектроника</a></li>

        <ul>

            <li><a href="#pokoleniye1">Поколения ЭВМ и элементная база</a></li>

            <li><a href="#pokoleniye2">Второе поколение ЭВМ 1955 – 1970 гг</a></li>

            <li><a href="#pokoleniye3">Третье поколение ЭВМ 1965 – 1980 гг</a></li>

            <li><a href="#pokoleniye4">Четвертое поколение ЭВМ 1980 – настоящее время</a></li>

        </ul>

        <li><a href="#elembaza">Элементная база бытовой электроники</a></li>

    </ul>

    <p>Элементная база – это компоненты, из которых состоят абсолютно все электронные приборы и устройства. Чтобы грамотно спланировать прибор, необходимо знать технические характеристики, а также как использовать те или иные электронные компоненты. Если на этом этапе допустить ошибку, весь прибор будет неработоспособен, так как содержит в себе ошибку.</p>

    <br>

    <p>Знание современной крайне обширной базы элементов, а также методов их изготовления, особенности строение и эксплуатации нужны самым различным специалистам в области электрики и электроники. В данной статье будет подробно рассмотрена структура современной элементной базы, которая существует на данный момент, а также что должен знать современный электронщики и специалист по «железу». В качестве дополнения, статья содержит в себе два ролика и одну скачиваемую статью в формате PDF.</p>

    <figure class="fig">

        <img src="https://electroinfo.net/wp-content/uploads/2020/05/componentes.jpg" width="400">

        <figcaption>Компоненты электроники</figcaption>

    </figure>

    <h2 id="micro">Что такое микроэлектроника</h2>

    <p>Электроника прошла несколько этапов развития, за время которых сменилось несколько поколений элементной базы: дискретная электроника электровакуумных приборов, дискретная электроника полупроводниковых приборов, интегральная электроника микросхем (микроэлектроника), интегральная электроника функциональных микроэлектронных устройств (функциональная микроэлектроника).</p>

    <p style="border: 4px double black; background: #fc3; padding: 10px">Элементная база электроники развивается непрерывно возрастающими темпами. Каждое из приведенных поколений, появившись в определенный момент времени, продолжает совершенствоваться в наиболее оправданных направлениях. Развитие изделий электроники от поколения к поколению идет в направлении их функционального усложнения, повышения надежности и срока службы, уменьшения габаритных размеров, массы, стоимости и потребляемой энергии, упрощения технологии и улучшения параметров электронной аппаратуры.</p>

    <p>Современный этап развития электроники характеризуется широким применением интегральных микросхем (ИМС). Это связано со значительным усложнением требований и задач, решаемых электронной аппаратурой, что привело к росту числа элементов в ней. Число элементов постоянно увеличивается. Разрабатываемые сейчас сложные системы содержат десятки миллионов элементов. В этих условиях исключительно важное значение приобретают проблемы повышения надежности аппаратуры и ее элементов, микроминиатюризация электронных компонентов и комплексной миниатюризации аппаратуры. Все эти проблемы успешно решает микроэлектроника.</p>

    <h3>Элементная база  радиолюбителя</h3>

    <p>Интересный исторический факт: когда еще не было электрических паяльников, то выручала обычная пятикопеечная монета. Ее определенным образом затачивали и приклепывали к железной проволоке с деревянной ручкой. Будучи нагретой в пламени спиртовки монета вполне справлялась с функцией паяльника. Сейчас, конечно, такой совет кажется просто нелепым, но ведь было же!</p>

    <p>При современной элементной базе, которая постоянно пополняется новыми микросхемами и транзисторами, таким «паяльником» просто нечего делать, ведь в некоторых случаях при ремонте электронной техники приходится пользоваться микроскопом. Таким образом, элементная база определяет не только конструкцию электронных устройств, а еще и то, какими инструментами эти устройства будут собираться или ремонтироваться.</p>

    <p>Достаточно просто и наглядно развитие элементной базы можно проследить на различных поколениях ЭВМ, по современной терминологии компьютеров. Вот уже почти сорок лет развивающийся рынок персональных компьютеров как локомотив тащит за собой кремниевые технологии, что вызывает появление все новых и новых электронных компонентов.</p>

    <div class="container">

    <table>

        <thead>

            <th>ПОКОЛЕНИЯ ЭВМ</th>

            <th>ЭЛЕМЕНТНАЯ БАЗА</th>

            <th>ОСНОВНЫЕ ХАРАКТЕРИСТИКИ</th>

        </thead>

        <tbody>

            <tr>

                <td>I поколение</td>

                <td>Лампы<img src="http://pngimg.com/uploads/lamp/lamp_PNG3707.png"></td>

                <td><ul>

                    <li>Большие размеры;</li>

                    <li>10-ки тысяч ламп;</li>

                    <li>небольшая производительность;</li>

                    <li>большое потребление энергии;</li>

                    <li>дорогие в обслуживании</li>

                </ul></td>

            </tr>

            <tr>

                <td>II поколение</td>

                <td>Транзисторы<img src="https://img2.freepng.ru/20180424/rue/kisspng-bipolar-junction-transistor-2n3906-to-92-2n2222-transistor-5adfc492c40902.205464471524614290803.jpg"></td>

                <td><ul>

                    <li>Использование магнитных лент для хранения информации;</li>

                    <li>средние размеры;</li>

                    <li>программная несовместимость для разных ЭВМ</li>

                </ul></td>

            </tr>

            <tr>

                <td>III поколение</td>

                <td>Микросхемы (интегральные схемы)<img src="https://w7.pngwing.com/pngs/955/353/png-transparent-integrated-circuit-central-processing-unit-ico-icon-chip-electronics-text-rectangle.png"></td>

                <td><ul>

                    <li>Небольшие размеры;</li>

                    <li>программы управления ЭВМ;</li>

                    <li>многозадачность;</li>

                    <li>повышенная производительность;</li>

                    <li>единая архитектура</li>

                </ul></td>

            </tr>

            <tr>

                <td>IV поколение</td>

                <td>Кристаллы (большие и сверхбольшие интегральные схемы)<img src="https://e7.pngegg.com/pngimages/389/900/png-clipart-integrated-circuits-chips-computer-electronics-data-information-chip-die-ipad-thumbnail.png"></td>

                <td><ul>

                    <li>Маленькие и очень маленькие размеры;</li>

                    <li>появление ПК;</li>

                    <li>высокая и сверхвысокая производительность;</li>

                    <li>низкое потребление энергии;</li>

                    <li>небольшая стоимость;</li>

                    <li>обширное ПО</li>

                </ul></td>

            </tr>

        </tbody>

    </table>

    </div>

    <h2 id="pokoleniye1">Поколения ЭВМ и элементная база</h2>

    <p>Первое поколение ЭВМ было построено на электронных лампах. Так в Великобритании в 1943 году была создана ЭВМ Colossus. Правда, она была узкоспециализированная, ее назначение состояло в расшифровке немецких кодов путем перебора разных вариантов. Устройство содержало 2000 ламп, при этом скорость работы составляла 500 знаков в секунду.</p>

    <p>Первым универсальным ламповым компьютером считается ENIAC, созданный в 1946 году в США по заказу военных. Размеры этой ЭВМ очень впечатляют: 25 м в длину и почти 6 м в высоту. Машина содержала 17000 электронных ламп и выполняла в секунду около 300 операций умножения, что намного больше, чем у релейной машины Mark 1. Потребляемая мощность была около 150 КВт. С помощью расчетов на ЭВМ ENIAC была доказана теоретическая возможность создания водородной бомбы.</p>

    <p>В Советском Союзе в период с 1948…1952 год также проводились разработки ламповых ЭВМ, как и в США, использовавшихся в основном военными. Одной из лучших ламповых ЭВМ советского производства следует признать машины серии БЭСМ (большая электронная счетная машина). Всего было выпущено шесть моделей БЭСМ-1 … БЭСМ-2 (ламповые) БЭСМ-3 … БЭСМ-6 уже на транзисторах. На момент создания каждая модель этой серии была лучшей в мире в классе универсальных ЭВМ.</p>

    <br>

    <h2 id="pokoleniye2">Второе поколение ЭВМ 1955 – 1970 гг</h2>

    <p>Элементной базой второго поколения были транзисторы и полупроводниковые диоды. По сравнению с ламповыми, транзисторные ЭВМ были менее габаритны, потребляемая мощность также была намного ниже. Быстродействие ЭВМ второго поколения достигало до полумиллиона операций в секунду, появились внешние запоминающие устройства на магнитных носителях – магнитные ленты и магнитные барабаны, были созданы алгоритмические языки и операционные системы.</p>

    <figure class="fig">

        <img src="https://electroinfo.net/wp-content/uploads/2020/05/unnamed-4.jpg" width="400">

        <figcaption>Второе поколение ЭВМ</figcaption>

    </figure>

    <br>

    <h2 id="pokoleniye3">Третье поколение ЭВМ 1965 – 1980 гг</h2>

    <p>Для третьего поколения в качестве элементной базы использовались микросхемы малой и средней степени интеграции – в одном корпусе содержалось до нескольких десятков полупроводниковых элементов. Прежде всего это были микросхемы серий К155, К133. Быстродействие таких ЭВМ достигало 1 млн. операций в секунду, появились монохромные алфавитно – цифровые видеотерминалы (у машин второго поколения использовались телетайпы и специальные пишущие машинки).</p>

    <p>Дальнейшее развитие элементной базы привело к созданию микросхем большой (БИС) и сверхбольшой (СБИС) степени интеграции. В одном корпусе таких микросхем содержится несколько сотен элементов. Эти микросхемы в СССР были представлены серией К580.</p>

    <figure class="fig">

        <img src="https://electroinfo.net/wp-content/uploads/2020/05/img429-1024x754.jpg" width="400">

        <figcaption>Третье поколение ЭВМ</figcaption>

    </figure>

    <br>

    <h2 id="pokoleniye4">Четвертое поколение ЭВМ 1980 – настоящее время</h2>

    <p>Это поколение появилось на свет благодаря созданию фирмой Intel в 1971 году микропроцессора, что было явлением просто революционным. Чип Intel 4004 при размерах кристалла 3,2*4,2 мм, содержал 2300 транзисторов и имел тактовую частоту 108 КГц. Его вычислительная мощность была эквивалентна ЭВМ ENIAC. На базе этого устройства был создан новый тип компьютера микро – ЭВМ. Первые персональные компьютеры (ПК) были выпущены в 1976 году фирмой Apple, но в 1980 году фирма IBM перехватила инициативу, создав свой ПК IBM PC, архитектура которого стала международным стандартом профессиональных ПК. Современные процессоры второго поколения Core i7 фирмы Intel содержат свыше миллиарда транзисторных структур.</p>

    <br>

    <h2 id="elembaza">Элементная база бытовой электроники</h2>

    <p>Как уже было сказано выше, локомотивом развития элементной базы электроники стал быстро растущий, развивающийся рынок ПК. Благодаря этому современная бытовая техника напоминает специализированный компьютер. Телевизоры, домашние кинотеатры, проигрыватели DVD дисков имеют такие эксплуатационные параметры, которые лет двадцать назад просто невозможно было представить.</p>

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

    <p>В промышленности также любое современное устройство управления техпроцессом, даже не очень сложное построено на основе микроконтроллеров и, как правило, имеет интерфейс для подключения к ПК. Такой интерфейс имеют, например, электронные счетчики электроэнергии, что позволяет использовать их в системах автоматического учета.</p>

    <figure class="fig">

        <img src="https://electroinfo.net/wp-content/uploads/2020/05/a42edaa2e9-1024x765.jpg" width="400">

        <figcaption>Современный ПК</figcaption>

    </figure>

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

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

    <br>

    <footer>

    <a class="button" href="First_page.html">Переход на первую страницу.</a>

    </footer>

</body>

</html>

Программный код файла Style_1.css:

table {

    color:black;

    border-radius: 1%;

    border: 2px double;

}

th {

    background: #fc0;

    padding: 5px;

    border: 1px solid grey;

}

td {

    background: rgb(255, 244, 235);

    padding: 5px;

    border: 1px solid grey;

}

td img{

    height: 10mm;

}

.container{

    height: 250px;

    overflow-y: scroll;

}

.fig {

    text-align: center;

    font-style: italic;

    margin-top: 0;

    margin-bottom: 5px;

}

.button {

    border: 2px solid #e34761;

    background: #f3dbdf;

    font-size: 20px;

    padding: 5px 20px;

}

.city {

    border: 4px double black;

    background: rgb(126, 246, 255);

    padding: 10px 20px 30px 50px;

    margin-right: 70%;

}

#micro, [href="#micro"] {

    color:red;

    font-weight:bold;

}

#pokoleniye1, [href="#pokoleniye1"] {

    color:orange;

    font-weight:bold;

}

#pokoleniye2, [href="#pokoleniye2"] {

    color:rgb(158, 158, 0);

    font-weight:bold;

}

#pokoleniye3, [href="#pokoleniye3"] {

    color:green;

    font-weight:bold;

}

#pokoleniye4, [href="#pokoleniye4"] {

    color: blue;

    font-weight:bold;

}

#elembaza, [href="#elembaza"]{

    color: blueviolet;

    font-weight:bold;

}

  1. Страницы сайта «Современная элементная база вычислительной техники»

Внешний вид первой страницы сайта: