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 |
Главная страница сайта (страница сделана с использованием фреймов) |
1 |
|
/Курсовая/ frames |
karta-frames.html |
Карта сайта (страница сделана с использованием фреймов) |
1 |
|
/Курсовая/ frames |
glossariy-frames.html |
Глоссарий (страница сделана с использованием фреймов) |
1 |
|
/Курсовая/ frames |
resume-frames.html |
Сведения об авторе (страница сделана с использованием фреймов) |
1 |
|
/Курсовая/ frames |
head.html |
Шапка сайта для страниц, сделанных с использованием фреймов |
2 |
|
/Курсовая/ frames |
menu.html |
Боковое меню для страниц, сделанных с использованием фреймов |
2 |
|
/Курсовая/ frames |
podval.html |
Подвал для страниц, сделанных с использованием фреймов |
1 |
|
/Курсовая/ frames |
content.html |
Контент главной страницы. |
4 |
|
/Курсовая/ frames |
karta.html |
Контент страницы с картой сайта |
5 |
|
/Курсовая/ frames |
glossariy.html |
Контент глоссария |
44 |
|
/Курсовая/ frames |
resume.html |
Контент страницы со сведениями об авторе |
3 |
|
/Курсовая/ history |
CompanyHist.html |
История компании Intel |
19 |
|
/Курсовая/ history |
ProcHist.html |
История развития микропроцессоров |
8 |
|
/Курсовая/ history |
Page1.html |
Микропроцессоры, выпущенные в период с 1971г по 1979г |
24 |
|
/Курсовая/ history |
Page2.html |
Микропроцессоры, выпущенные в период с 1980г по 1989г |
33 |
|
Директория |
Имя файла |
Описание |
Раз-р ф-ла, КБ |
|
/Курсовая/ history |
Page3.html |
Микропроцессоры, выпущенные в период с 1990г по 1995г |
39 |
|
Другие файлы:
История развития персональных компьютеров История развития процессоров INTEL. Процессоры INTEL ATOM Современные процессоры ПК Одноядерные и двухъядерные процессоры Intel Работа и устройство процессоров |