Партнерка на США и Канаду по недвижимости, выплаты в крипто

  • 30% recurring commission
  • Выплаты в USDT
  • Вывод каждую неделю
  • Комиссия до 5 лет за каждого referral

Российский государственный педагогический университет им.

Институт Информационных Технологий

Кафедра Информационных Коммуникационных Технологий

Создание электронного ресурса средствами Dreamweaver

(История науки: Никлаус Вирт, человек и учёный)

Выполнил: студент 3-го курса

Института информационных

технологий Илья Борисович

Варфоломеев

Руководитель: к. т.н., доцент

Санкт-Петербург 2005

Содержание:

Аннотация…………………………………………………………..3

Структурная схема проекта………………………………………..4

Перечень содержательных материалов…………………………...5

Перечень основных ресурсов ……………………………………..6

Перечень работ и их временная оценка…………………………..7

Описание шаблонов кадров……………………………………….11

Основные экраны приложения……………………………………14

Заключение…………………………………………………………15

Аннотация

Основная идея этого проекта –создать сайт средствами Dreamweaver, посвящённый известному профессору Никлаусу Вирту. Цель работы – создание информационного ресурса, являющегося частью информационной поддержки курса «История информатики». В ходе работы решались следующие задачи:

1)  планирование содержания сайта

2)  разработка структуры сайта

3)  анализ и выбор инструментальных средств создания сайта

4)  разработка технологии создания сайта

5)  реализация

6)  редактирование сайта

Созданный сайт содержит 7 разделов. Первый раздел «Никлаус Вирт — патриарх надежного программирования» знакомит с его биографией, его проектами, содержит информацию, о том, каких наград был удостоен Никлаус Вирт.

В разделе «Паскаль» помещена информация о рождении Паскаля, об особенностях этого языка, его разновидностях, стандартах, о его приемниках, о противостоянии Си и Паскаля.

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

На сайте содержится информация о назначении и особенностях языков Модула и Модула-2, об их сходствах и различиях в разделе «Модула».

Из других разделов сайта можно почерпнуть знания об отношении Никлауса Вирта к культуре разработки программного обеспечения о швейцарских компьютерах Lilith и Ceres и многое другое.

Сайт предназначен для студентов института информационных технологий РГПУ им. , изучающих дисциплину «История информатики». А также для всех интересующихся историей информатики и вычислительной техники. Сайт можно использовать в качестве дополнительного материала при подготовке к занятиям.


Структурная схема проекта

1. Никлаус Вирт — патриарх надежного программирования

Таблица 1. Проекты Никлауса Вирта

Таблица 2. Награды Никлауса Вирта

2. Никлаус Вирт о культуре разработки ПО

3. Швейцарские компьютеры

4. "Желания потребителей значат больше, чем их нужды", или Ода Паскалю

5. Паскаль

6. Судьба Оберона

7. Модула 

8. Упрямец Никлаус Вирт уходит

9. На главную


Перечень содержательных материалов

1) Журнал "Мир ПК", #03, 2004 год // Издательство "Открытые системы"

2) Журнал "Мир ПК", #04/2001// Издательство "Открытые системы"

3) Журнал "Мир ПК", #01/1998// Издательство "Открытые системы"

4) Журнал "Мир ПК", #10/2005// Издательство "Открытые системы"

5) Компьютерное Обозрение,  #28, 21 июля 1999

6) Компьютерная газета


Перечень основных ресурсов

1) ** – сайт «Русского журнала».

Русский журнал – это ежедневное сетевое издание о культуре, политике, обществе. Выходит в Интернете с 14 июля 1997 года.

2) www. ***** - сайт издательства «Открытые системы».

Издательство «Открытые системы» выпускает 16 различных наименований изданий, которые выходят ежемесячным тиражом более 900 тысяч экземпляров и ежегодным тиражом более 10 миллионов экземпляров. «Открытые системы» были основаны в феврале 1993 года.

3) home. *****

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

4) sapr. ***** – сайт кафедры «Системы автоматизации проектирования в строительстве» Московского государственного строительного университета.

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


Перечень работ и их временная оценка

Создание сайта началось с определения его структуры и цветовой гаммы. Страница сайта состоит из трёх фреймов. Их реализация описана ниже в «описании шаблонов кадров». Там же представлена реализация панели навигации (меню).

Вставка текста на страницу средствами Dreamweaver реализована следующим образом:

·  скопировать в буфер текст, который нужно поместить на страничку.

·  выбрать ячейку (вторую сверху, справа).

·  в пункте меню Edit указать Paste (вставить).

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

Настройка стиля: в закладке Type, затем параметры:

·  шрифт

·  размер шрифта

·  "вес" шрифта

·  цвет шрифта

Чтобы изменить выравнивание текста, в пункте block выбираем нужный нам параметр, например - Text Align = Justify.

Создание таблиц:

Допустим, необходимо создать пустую таблицу 3х3. Для этого в меню выбираем вставка →таблица

Rows – количество строк

Columns – количество столбцов

Чтобы выделить несколько ячеек таблицы, необходимо «кликнуть» внутрь одной из них и в строке состояния нажать на кнопку с надписью <TR> (см. рисунок)

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

Чтобы выделить несколько ячеек не являющимися ячейками одной строки или столбца. Необходимо нажать на кнопку CTRL и «кликнуть» по нужным нам ячейкам.

Ячейки можно объединять, закрашивать в нужный цвет, удалять.

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

Выделить нужные ячейки (с CTRL). Затем нажать на кнопку, указанную на картинке.

Теперь можно закрасить ячейки.

Выделяем, выбираем цвет. Получаем нужный результат.

Готовые ячейки можно копировать и вставлять в любое место. Например, вот так:

·  выделяем нужный ряд или колонку

·  копируем ее в буфер (CTRL+Insert)

·  вставляем ее (Shift + Insert)

То, что вы скопировали, будет вставлено выше (если это строка) или левее (если это столбец) текущей ячейки.

На каждой страничке используются каскадные стили, которые располагаются в файле style. css:

Блок, отвечающий за содержание целой страницы

Body

НЕ нашли? Не то? Что вы ищете?

{

background:#F1D2C0;

font-family: Georgia;

font-size: 16px;

font-style: normal;

color: #191970;

}

Класс menu

a. menu

{

font-family: Arial;

font-size:12px;

color: SADDLEBROWN;

font-weight: bold;

border:#BC9418 1px solid;

background: #FDF5E6;

text-decoration: none;

}

a. menu:hover

{

font-family:Arial, Helvetica, sans-serif;

color: SADDLEBROWN;

font-size:12px;

font-weight:bold;

border:#BC9418 1px solid;

background:#F8CF72;

width:200;

text-decoration:none;

}

Класс m

a. m

{

font-size: 16px;

font-style: normal;

color:#747474;

text-decoration:none;

}

a. m:hover

{

font-size: 16px;

font-style: normal;

color: SADDLEBROWN;

text-decoration: none;

}

Класс, отвечающий за полосу прокрутки

.scroll

{

scrollbar-3d-light-color: black;

scrollbar-arrow-color: SADDLEBROWN;

scrollbar-base-color: black;

scrollbar-dark-shadow-color: black;

scrollbar-face-color: #EABDA2;

scrollbar-highlight-color: SADDLEBROWN;

scrollbar-shadow-color: SADDLEBROWN;

scrollbar-track-color: #F3C6A7;

}

Описание шаблонов кадров

Страница состоит из трёх фреймов: верхнего - topFrame; нижнего - bottomFrame; и основного фрейма - mainFrame.

<frameset rows="80,*,20" cols="*" frameborder="none" border="0" border="outset" framespacing="0">

<frame src="top. html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame">

<frame src="center. html" name="mainFrame" id="mainFrame" title="mainFrame">

<frame src="bottom. html" noresize="noresize" scrolling="No" name="bottomFrame" id="bottomFrame" title="mainFrame">

</frameset>

В верхнем фрейме расположена заглавная надпись:

Заголовок реализован при помощи свойства position:absolute

<h1 style="position:absolute;left:105px;top:23px;color:#C0AEA3;font-family:verdana">Никлаус Вирт - человек и учёный</h1>

<h1 style="position:absolute;left:100px; top:22px;color:SADDLEBROWN;font-family:verdana">Никлаус Вирт - человек и учёный</h1>

В нижнем – гиперссылка с информацией о том, кто разработал данный сайт.

В главном же фрейме находятся все основные сведения о Вирте и панель навигации (меню), которая появляется при наведении на значок с надписью «меню» курсора мыши.


Панель навигации реализована следующим образом:

<head>

…………

<script>

function posit()

{

plate2.style. top=document. body. scrollTop+15

}

</script>

</head>

<body class="scroll">

<body class="main" onscroll="posit()" onLoad="plate2.style. visibility='visible';">

<div id="plate2" class="te" onMouseOver="menu. style. display='block'" onMouseOut="menu. style. display='none'">

<div class="fil"><img src="menu1435465.jpg" border="0" style="width:80px;"></div>

<div style="width:200px; display:none; margin-top:-25px; " id="menu">

<a class="menu" href="NV. html">НВ — патриарх надежного программирования </a><br/>

<a class="menu" href="po. html">НВ о культуре разработки ПО</a><br/>

<a class="menu" href="comps. html">Швейцарские компьютеры </a><br/>

<a class="menu" href="oda. html">Ода Паскалю</a><br/>

<a class="menu" href="pascal. html">Паскаль </a><br/>

<a class="menu" href="oberon. html">Судьба Оберона </a><br/>

<a class="menu" href="modula. html">Модула </a><br/>

<a class="menu" href="uhod. html">Упрямец НВ уходит </a><br/>

</div>

</div>

</div>

……….

</body>

Основные экраны приложения

Главная страница сайта

Раздел «Никлаус Вирт – патриарх надёжного программирования»


Заключение

Сайт «Никлаус Вирт - человек и учёный» создан с помощью редактора Dreamweaver версии 8.0 компании Macromedia.

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

·  Возможность создания сайта в режиме кода, в визуальном режиме и в режиме, когда мы сразу видим и код, и дизайн страницы

·  Автоматический вывод вариантов при написании кода.

Однако Dreamweaver имеет свои недостатки:

·  Автоматическое прописывание в коде страницы ненужных строк и, как следствие, большой объем страниц

·  Несоответствие стандартов может привести к непринятию русского шрифта

·  Хотя Dreamweaver и позволяет создавать замечательные сайты в визуальном режиме, знание HTML все же необходимо. Кроме того, не помешало бы знание и некоторых иных современных технологий, как, например, JavaScript, Flash и т. д.