Web-программирование

Автор: Пользователь скрыл имя, 15 Октября 2011 в 21:06, курсовая работа

Описание работы

Листинг кодов страниц сайта- курсовой работы. HTML, Java и PHP

Содержание

1. Главная страница 3
1. Главная страница 3
2. Меню 5
3. Ползущая строка 7
2. Каталог 8
1. Каталог 8
2. Страница товара 11
3. Оформление заказа 12
4. Обработка заказа 23
3. FAQ, Способы оплаты и доставки, вакансии, тест, отправка и обработка заявки 26
1. FAQ 26
2. Способы оплаты и доставки 28
3. Вакансии 31
4. Тест 33
5. Отправка заявки 42
6. Обработка заявки 45

Скачать полностью (1.08 Мб) Сколько стоит заказать работу?

Работа содержит 1 файл

Министерство образования и науки Российской Федерации.doc

— 1.57 Мб (Скачать)

Министерство образования и науки Российской Федерации
Федеральное агентство по образованию
Саратовский государственный технический университет

Курсовая работа по дисциплине
«Информатика»
на тему:
«Web-программирование»

Выполнил:
студент ФЭМ УПИ-11
Бородин Д.И.
Проверил:
доцент кафедры ПВС
Пластун И.Л.

Саратов,2011

Содержание

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

Главная страница 3
Меню 5
Ползущая строка 7

Каталог 8

Каталог 8
Страница товара 11
Оформление заказа 12
Обработка заказа 23

FAQ, Способы оплаты и доставки, вакансии, тест, отправка и обработка заявки 26

FAQ 26
Способы оплаты и доставки 28
Вакансии 31
Тест 33
Отправка заявки 42
Обработка заявки 45

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

Рис. 1.1

<html> //Начало HTML-документа

<head> //Начало заголовка HTML-документа

<title>Авиамодели в Саратове</title> //Название HTML-документа, отображаемое в шапке браузера

</head> // конец заголовка HTML-документа

<frameset rows="110,*,35" border=0 frameborder=no> //Задание разметки фреймовой структуры HTML-документа, строки высотой в 110, все остальные и последние 35 пикселей, без границ

<frame src="menu.html" scrolling=no noresize> //Первый фрейм, источник файл menu.html с запретом изменения размера и прокрутки

<frame src="main.html" name="main"> //Фрейм под названием main

</frameset> //Конец разметки фреймовой структуры HTML-документа

</html> //Конец HTML-документа

Меню

Рис. 1.2

<HTML>

<HEAD> <TITLE>Авимодели в Саратове </TITLE></HEAD>

<BODY BGCOLOR="3366FF"> //Начало тела HTML-документа с цветным фоном (цвет «Синий Клейна»)

<A HREF="job.html" target="main"> <IMG SRC="main/job.jpg" ALT="Вакансии и предложения работы" BORDER=0 ALIGN=RIGHT></A> //Гиперссылка(на файл job.html с загрузкой последнего во фрейм main) в виде изображения(файл job.jpg в папке main) со всплывающей подсказкой, без рамки, с выравниванием справа

<CENTER> //выравнивание по центру

<IMG SRC="main/menu.jpg" USEMAP="menu.html#menu" border=0> //изображение, соотносящееся с картой menu в документе menu.html

<MAP NAME="menu"> //карта с названием menu

<AREA SHAPE=RECT COORDS=102,24,237,77 ALT="Главная" HREF="main.html" TARGET="main" TITLE="Главная страница сайта"> //область карты в форме прямоугольника(102;24 координаты верхнего левого угла, 237;77 координаты нижнего правого угла) со всплывающей подсказкой и ссылкой, загружаемую во фрейм main и названием «Главная страница сайта»

</MAP> //закрытие тега <map>

</CENTER> //прекращение выравнивания по центру

</BODY> //конец тела html-документа

</HTML>

Ползущая строка

Рис. 1.3

<HTML>

<HEAD><TITLE>Авимодели в Саратове</TITLE></HEAD>

<MARQUEE HIGHT=10 BGCOLOR="3366FF" DIRECTION=RIGHT LOOP=INFINITE ALIGN=MIDDLE BEHAVIOR=SCROLL SCROLLAMOUNT=5>Продажа авиамоделей в Саратове!!! Доставка!!! Имеются вакантные места!!!</MARQUEE> //бегущая строка высотой 10 пикс., с фоном цветным, бегущая в правую сторону, с бесконечным числом «прокруток» строки, выравниванием текста по середине области строки, циклической прокруткой, скоростью перемещения 5 пикс./сек.

</BODY>

</HTML>

Каталог

Рис. 2.1 (верхняя часть каталога)

Рис. 2.2 (нижняя часть каталога)

<HTML>

<HEAD><TITLE>Авимодели в Саратове-Каталог</TITLE></HEAD>

<BODY LINK="FFFFFF" VLINK="ECECEC" ALINK="C0C0C0"> //тело с настройками цвета ссылок, нажатых ссылок и ранее нажатых ссылок

<A name="begin"></A> //метка с названием begin

<A HREF= #end target="main"> <IMG SRC="main/end.jpg" ALT="В начало каталога..." BORDER=0 Clear=all></A> //изображение ссылка на метку end и очисткой полей слева и справа от картинки

<br> //перенос на новую строку

<TABLE BORDER=1 BGCOLOR="1E90FF"> //таблица с рамкой толщиной 1 пикс. и цветным фоном.

<TR> //начало строки таблицы

<TD ROWSPAN=2><A HREF="0001.html" target="main"> <IMG SRC="mini_images/0001.jpg" ALT="Перейти к описанию продукта" BORDER=0></A></TD> //ячейка таблицы, объединяющая 2 ячеки по вертикали, с картинкой-ссылкой

<TD>A-RTF001 Alpha jet ducted fan</TD> // ячейка таблицы с текстом

<TD>A-RTF002 500 Class Brushless Cessna-182</TD>

</TR> //конец строки таблицы

<TR>

<TD><A HREF="0001.html" target="main">Подробнее... </A></TD> //ячейка с гипертекстовой ссылкой

<TD><A HREF="0002.html" target="main">Подробнее... </A></TD>

</TR>

… аналогичным образом заполняются остальные 20 строк…

</TABLE> //конец таблицы

<A name="end"></A> //метка end

<br>

</CENTER>

</BODY>

</HTML>

Страница товара

Рис. 2.3 (верхняя часть)

Рис. 2.4 (нижняя часть)

<HTML>

<HEAD><TITLE>Авимодели в Саратове</TITLE> </HEAD>

<BODY>

<P ALIGN=left> //новый абзац с выравниванием слева

<H1><u>SU-27 с бесколлекторными моторами, полный комплект</u></H1> //большой заголовок, подчеркнутый

<font face="Comic Sans MS"> //форматирование текста, изменение шрифта

<BR>Самая известная авиамодель пилотажной группы "Русские Витязи" с двумя бесколлекторными импеллерами.

…

<BR><h2>Модель предназначена для опытных пилотов.</h2> //заголовок меньшего размера

<BR>Характеристики:

</font> //закрытие тэга <font>

<ul> //ненумерованный список

<li>выполнение фигур высшего пилотажа. //элемент списка

…

</ul> //закрытие тэга <ul>

</P> //конец абзаца

Оформление заказа

Рис. 2.5 (верхняя часть страницы)

Рис. 2.6 (нижняя часть страницы)

<html>

<head><title>Отправка заказа</title>

var goods = new Array(); //создание массива goods

goods = [

["A-RTF001","Alpha jet ducted fan","Alpha jet ducted fan",7000],

…

["A-RTF022","Радиоуправляемый самолет WING DRAGON 3","Радиоуправляемый самолет WING DRAGON 3",5300]

]; //заполнение массива goods

var count = goods.length; //переменная count, равная числу элементов массива goods

var orders = new Array(); //новый массив orders

for( var i = 0; i < count; i++ ) orders[i] = 0; //цикл, заполняющий массив count (для i от 0 до i , до тех пор, пока i<count, элемент orders[i]=0)

var param = getCookie( "basket" ); //создание cookie «basket»

for( var i = 0; i < count; i++ ) {

pos = param.indexOf( ',' ); //переменная pos равная позиции «,»-1

if( pos == -1 ) break; //если pos=-1 то цикл прерывается

orders[i] = parseInt( param.substring ( -1, pos ) ); orders[i]= подстрока param (от -1 до pos-1) в десятичной системе счисления

param = param.substring ( pos+1 );

}

window.onload = function() {

var table = createTable(goods);

document.getElementById("shop").appendChild(table);

} // установка обработчика на событие "содержимое окна загрузилось"

function updateTable()

{

var totalGoods = 0;

var totalCosts = 0;

var basket = "";

for ( var i = 0; i < count; i++ ) {

Информация о работе Web-программирование