Web-сайт «Процессоры Intel и их характеристики.
История развития.
Выбор логической структуры процессора»
Intel 8086 (июнь 1978 г) Процессоры производились по технологии — 3 мкм, и содержали 29 000транзисторов, размещаемых в кристалле размером 5,5×5,5 мм. В зависимости от модификации процессоров линейки, тактовая частота изменялась от 5 до 10 МГц, производительность — от 330 до 750 тыс. операций в секунду, разрядность шины данных составляла 16 бит, разрядность шины адреса — 20 бит, адресуемая… Читать ещё >
Web-сайт «Процессоры Intel и их характеристики. История развития. Выбор логической структуры процессора» (реферат, курсовая, диплом, контрольная)
ОГЛАВЛЕНИЕ ВВЕДЕНИЕ
1.Логическая структура сайта
2.Физическая структура сайта
3.Шаблон оформления страницы
4.Листинг исходного кода страниц
4.1Исходный текст шаблона главной HTML-страницы (верстка с использованием фреймов)
4.1.1Код страницы, загружаемой во фрейм «head»
4.1.2Код страницы, загружаемой во фрейм «menu»
4.1.3Код страницы, загружаемой во фрейм «content»
4.1.4Код страницы, загружаемой во фрейм «podval»
4.2Код страницы, сверстанной с использованием таблицы
4.3Код страницы, сверстанной с использованием блоков
4.4Фрагмент кода, содержащий карту сайта
4.5Скрипты, использованные на сайте
4.6Каскадные таблицы стилей (CSS)
5.Порядок разработки сайта
6.Программное обеспечение, использованное при работе над сайтом
7.Тестирование сайта ЗАКЛЮЧЕНИЕ СПИСОК ЛИТЕРАТУРЫ Приложение, А сайт страница шаблон код ВВЕДЕНИЕ Интернет-технологии в настоящее время являются самой быстро развивающейся областью информатики. Большинство людей в цивилизованном мире имеют доступ к ресурсам сети Интернет. В начале 90-х годов Интернет задумывался как средство общения и передачи информации. Сейчас Интернет представляет собой хранилище огромного объема информации по любой тематике. Большая часть этой информации находится в свободном доступе и хранится в виде web-страниц, которые и образуют web-сайты, следовательно, чтобы добавить свои данные в Сеть, необходимо иметь представление о способах создания и обслуживания HTML-документов.
Путешествуя по интернету, можно найти много очень хорошо выполненных сайтов, которые быстро загружаются, привлекательны на вид, имеют четко разграниченную по разделам информацию и удобные функции навигации. Такие сайты просто приглашают вас посетить их, расслабиться, задержаться на некоторое время, развлечься и узнать что-то новое.
Если вы задерживаетесь на каком-либо сайте на длительное время и даже не осознаете этого, то, по всей видимости, такой сайт очень хорошо продуман. Вернитесь обратно и попробуйте осмыслить полную картину. Можете ли вы увидеть структуру, организацию? Легко ли воспринимается информация? Понимание движения информационных потоков — это первый шаг в создании функционального, удобного в работе сайта. Если вы поймете, как работает эта концепция, и примените ее при создании собственного сайта, то вы уже тем самым опередите большинство других разработчиков.
Цель моей работы состоит в том, чтобы самостоятельно спроектировать и реализовать Web-сайт на тему «Процессоры Intel и их характеристики. История развития. Выбор логической структуры процессора».
Задачи:
ознакомиться с современными Интернет-технологиями и, по возможности, использовать их в своей разработке;
изучить основные понятия и программный инструментарий, применяемый для разработки и создания Web-сайтов;
выявить и учесть методы и способы представления на Web-страницах различных видов информации (текстов и изображений);
ознакомиться с основными правилами и рекомендациями по разработке и созданию Web-сайтов и неукоснительно следовать им в своей практике;
определиться со структурой Web-страниц;
представить пошаговую стратегию разработки web-сайта.
1. Логическая структура сайта Логическая структура сайта представлена таким образом, что с любой страницы сайта можно попасть на любую другую страницу сайта «в 2 клика». Навигация осуществляется при помощи верхнего и бокового меню. В верхнем меню располагаются ссылки на главную страницу сайта, на карту сайта, на глоссарий, а также на страницу со сведениями об авторе; содержание этого меню одинаково для всех страниц сайта. В боковом меню расположены ссылки на информативные разделы сайта; содержание этого меню изменяется в зависимости от того, в каком разделе находится посетитель. Для быстрой навигации можно воспользоваться картой сайта. С каждой страницы сайта есть возможность связаться с автором сайта, написав письмо. Для этого пользователю достаточно иметь подключение к сети Интернет и щелкнуть по ссылке с электронным адресом автора сайта, расположенной внизу каждой страницы. Данная ссылка является ссылкой для автоматического открытия почтовой службы пользователя.
Наглядное представление логической структуры сайта представлено на рисунке 1.
Рисунок 1 — Логическая структура сайта
2. Физическая структура сайта Сайт представляет собой папку «Курсовая», в которой находится 5 папок и 1 html-документ, ведущий на главную страницу. В первой папке хранятся html-документы, сделанные с использованием фреймов, а также страницы, которые и представляют собой фреймы. Во второй папке находятся html-документы, посвященные истории микропроцессоров. В третьей папке находятся страницы на тему «Выбор логической структуры». В четвертой папке хранятся картинки. В пятой папке располагается каскадная таблица стилей (CSS).
Таблица 1 — Физическая структура сайта
Директория | Имя файла | Описание | Раз-р ф-ла, КБ | |
/Курсовая | index.html | Главная страница сайта (страница сделана с использованием фреймов) | ||
/Курсовая/ frames | karta-frames.html | Карта сайта (страница сделана с использованием фреймов) | ||
/Курсовая/ frames | glossariy-frames.html | Глоссарий (страница сделана с использованием фреймов) | ||
/Курсовая/ frames | resume-frames.html | Сведения об авторе (страница сделана с использованием фреймов) | ||
/Курсовая/ frames | head.html | Шапка сайта для страниц, сделанных с использованием фреймов | ||
/Курсовая/ frames | menu.html | Боковое меню для страниц, сделанных с использованием фреймов | ||
/Курсовая/ frames | podval.html | Подвал для страниц, сделанных с использованием фреймов | ||
/Курсовая/ frames | content.html | Контент главной страницы. | ||
/Курсовая/ frames | karta.html | Контент страницы с картой сайта | ||
/Курсовая/ frames | glossariy.html | Контент глоссария | ||
/Курсовая/ frames | resume.html | Контент страницы со сведениями об авторе | ||
/Курсовая/ history | CompanyHist.html | История компании Intel | ||
/Курсовая/ history | ProcHist.html | История развития микропроцессоров | ||
/Курсовая/ history | Page1.html | Микропроцессоры, выпущенные в период с 1971 г по 1979г | ||
/Курсовая/ history | Page2.html | Микропроцессоры, выпущенные в период с 1980 г по 1989г | ||
Директория | Имя файла | Описание | Раз-р ф-ла, КБ | |
/Курсовая/ history | Page3.html | Микропроцессоры, выпущенные в период с 1990 г по 1995г | ||
/Курсовая/ history | Page4.html | Микропроцессоры, выпущенные в период с 1995 г по 1998г | ||
/Курсовая/ history | Page5.html | Микропроцессоры, выпущенные в 1999г | ||
/Курсовая/ history | Page6.html | Микропроцессоры, выпущенные в 2000г | ||
/Курсовая/ history | Page7.html | Микропроцессоры, выпущенные в 2001г | ||
/Курсовая/ history | Page8.html | Микропроцессоры, выпущенные в 2002г | ||
/Курсовая/ history | Page9.html | Микропроцессоры, выпущенные в 2003г | ||
/Курсовая/ history | Page10.html | Микропроцессоры, выпущенные в 2004г | ||
/Курсовая/ history | Page11.html | Микропроцессоры, выпущенные в 2005г | ||
/Курсовая/ history | Page12.html | Микропроцессоры, выпущенные в 2006 г (часть 1) | ||
/Курсовая/ history | Page13.html | Микропроцессоры, выпущенные в 2006 г (часть 2) | ||
/Курсовая/ history | Page14.html | Микропроцессоры, выпущенные в 2007 г (часть 1) | ||
/Курсовая/ history | Page15.html | Микропроцессоры, выпущенные в 2007 г (часть 2) | ||
/Курсовая/ history | Page16.html | Микропроцессоры, выпущенные в 2008 г (часть 1) | ||
/Курсовая/ history | Page17.html | Микропроцессоры, выпущенные в 2008 г (часть 2) | ||
/Курсовая/ history | Page18.html | Микропроцессоры, выпущенные в 2009г | ||
/Курсовая/ history | Page19.html | Микропроцессоры, выпущенные в 2010 г (часть 1) | ||
/Курсовая/ history | Page20.html | Микропроцессоры, выпущенные в 2010 г (часть 2) | ||
/Курсовая/ history | Page21.html | Микропроцессоры, выпущенные в 2011г | ||
/Курсовая/ logika | Vvedenie.html | Выбор логической структуры процессора / введение | ||
Директория | Имя файла | Описание | Раз-р ф-ла, КБ | |
/Курсовая/ logika | LogStr.html | Логическая структура | ||
/Курсовая/ logika | Vybor.html | Выбор структуры | ||
/Курсовая/ styles | main.css | Таблица стилей | ||
/Курсовая/ Images | fon.jpg | Фоновая картинка | ||
/Курсовая/ Images | fon3.jpg fon4.jpg | Фоновые картинки для фреймов | ||
/Курсовая/ Images | favicon.ico | Иконка сайта | ||
/Курсовая/ Images | karta.png | Карта сайта | ||
/Курсовая/ Images | Me.jpg | Фото со страницы об авторе | ||
/Курсовая/ Images | logo.gif | Анимированный логотип сайта | ||
/Курсовая/ Images | Boss.jpg Imidj.jpg | Картинки со страницы «История компании» | ||
/Курсовая/ Images | 2up.png | Картинка стрелки для кнопки «Вверх страницы» | ||
/Курсовая/ Photo_proc | *.jpg | В этой папке находятся фотографии процессоров (168 штук), поименованные в соответствие с названием процессора и ядром. Размер каждой картинки не превышает 20 килобайт. | ||
3. Шаблон оформления страницы Все страницы условно делятся на 4 блока (рис 2). Верхний блок, «шапка», содержит логотип сайта и верхнее меню. Левый — панель навигации по сайту; также левый блок, при прокрутке страницы, становится кнопкой «Наверх». В правом блоке находится информационное наполнение страницы. В нижнем блоке располагается ссылка на электронную почту для связи с автором.
При создании сайта была использована динамическая («резиновая») верстка, т. е. при изменении масштаба меняется только размер шрифта.
Сайт выполнен в едином цветовом стиле. Основными цветами при создании сайта являлись оттенки синего, белый и черный. Для создания эффекта мутно-белого стекла в верхнем меню, боковом меню и подвале использовался белый цвет разного уровня прозрачности. Для создания бликов использовались линейные и радиальные градиенты.
Рисунок 2 — Шаблон страницы Параметры всей страницы:
Фоновая картинка: ./images/fon.jpg;
Цвет фона: #0071С5;
Шрифт: Verdana;
Размер шрифта: 12pt;
Цвет текста: # 0;
Параметры верхнего блока:
Фоновая картинка: ./images/fon.jpg;(для фреймов) Ширина: 100%;
Высота: 20%;
Параметры левого блока:
Фоновая картинка: ./images/fon3.jpg;(для фреймов) Цвет текста: #FFFFFF;
Ширина: 23%;
Стиль шрифта: жирный;
Параметры правого блока:
Фоновая картинка: ./images/fon3.jpg;(для фреймов) Ширина: 77%;
Параметры нижнего блока:
Ширина: 100%;
Высота: 50px;
4. Листинг исходного кода страниц
4.1 Исходный текст шаблона главной HTML-страницы (верстка с использованием фреймов)
4.1.1 Код страницы, загружаемой во фрейм «head»
ГлавнаяКарта сайтаГлоссарийОб авторе
4.1.2 Код страницы, загружаемой во фрейм «menu»