- •Государственное бюджетное образовательное учреждение среднего профессионального образования московской области воскресенский индустириальный техникум
- •П рактическая работа №1
- •П рактическая работа №2
- •П рактическая работа №3
- •П рактическая работа №4
- •Числовые константы
- •П рактическая работа №6
- •П рактическая работа №8
- •П рактическая работа №11
- •Практическая работа № 12
- •П рактическая работа №13
- •П рактическая работа №14
- •П рактическая работа №15
- •П рактическая работа №16
- •Оформление заказа
- •Доставка заказа
- •П рактическая работа №17
Доставка заказа
После отправки заказа с покупателем связывается продавец и уточняет место и время, в которое следует доставить заказ. Доставка осуществляется либо собственной курьерской службой, либо компанией, предоставляющей услуги доставки, либо по почте — посылкой или бандеролью. Также набирает обороты такой вид доставки, как самовывоз от продавца.
Электронные товары, такие как программное обеспечение или ключи к ним, тексты, статьи, фотографии, коды доступа и пополнения счетов, могут доставляться электронными каналами — электронной почтой, доступом к файлу по FTP, доступом в защищенную область сайта и так далее. Однако, в этом случае следует быть осторожным, поскольку доказать неполучение товара электронным способом существенно сложнее, чем в случае физической доставки.
Современные интернет-магазины часто выгружают свои товарные предложения в системы сравнения и подбора товаров (обычно при крупных порталах и поисковых системах), что позволяет привлечь дополнительный поток покупателей.
Вывод:_____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________
П рактическая работа №16
Тема: «Средства создания и сопровождения сайта»
Цель работы: получить практические навыки создания и сопровождения сайта.
Оборудование: ПК
Ход работы:
Сайт – это совокупность гипертекстовых страниц (чаще имеющая древовидную структуру) для представления предприятий, фирм или частных лиц и т.п. Сайт может осуществлять коммерцию (Интернет-магазины), поставлять информационные услуги (сайты для поиска информации, библиотеки, списки рассылок и т.п.). Гипертекстовые страницы, которые составляют сайт, записываются на специальном языке HTML (Hyper Text Markup Language). Средства HTML служат для указания браузеру, в каком виде выводить на экран текст и графику, а также позволяют записывать на страницах гиперссылки. Страницы сайта – это файлы с расширением htm (html). Главная страница сайта обычно имеет название index.htm.Особенность сайтов в том, что их редко просматривают по порядку. Благодаря гипертекстовым переходам пользователь может переходить со страницы на страницу по контексту (по смыслу, по необходимости получить только ту информацию, которая относится к интересующей теме).Гиперссылка – это чувствительная область на экране. При щелчке мыши по такой области происходит гипертекстовый переход – браузер загружает другую страницу (она может быть расположена на каком угодно сервере мировой сети). Чувствительной областью может быть фрагмент текста (обычно выделяется цветом и подчеркиванием), картинка или фрагмент картинки. При попадании курсора на область гиперссылки он меняет свой вид на указующий палец. Перемещение по сайту должно быть организовано понятно и удобно для пользователя, при этом приемы навигации на правильных сайтах едины для всех страниц.
Один из вариантов структуры сайта:
Команды языка HTML
Команды языка HTML называются тегами и заключаются в угловые скобки. Как правило, теги парные. Первый тег открывает описание команды, второй, отличающийся от первого наличием косой черты «/» перед ключевым словом (именем тега), закрывает его.
Каждый тег желательно начинать с новой строки, при этом соблюдая структуру «лесенки» - открывающий тег должен находится на том же уровне, что и закрывающий, перед вложенными тегами есть отступ.
Структура html-программы:
<HTML>
головная часть программы
тело программы
</HTML>
В головной части программы описываются общие правила отображения HTML-документа и содержится вспомогательная информация о документе и авторе.
Пример 1:
<HEAD> <META http-equiv="Content-Type" content="text/html; charset=windows-1251"> <TITLE>Интеллектуальный клуб НГГУ</TITLE> </HEAD> |
тег головной части непарный тег META задает браузеру информацию о кодировке Между тегами TITLE располагается текст, который отображается в заголовке окна браузера |
Для написания текста используются следующие теги:
<H1>…</H1> - заголовок 1 уровня, если 1 заменить на другой номер, будет заголовок более низкого уровня.
<HR> - горизонтальная линия
<P>…</P> - абзац
<BR> - принудительный разрыв абзаца, заставляет браузер продолжить вывод текста абзаца с новой строки без добавления пустой строки между строками текста.
Открывающие теги могут иметь атрибуты, т.е. дополнительную информацию о свойствах отображаемого на экране элемента. Атрибуты записываются внутри угловых скобок после названия тега.
Например, тег, рисующий горизонтальную линию может содержать атрибут size, меняющий толщину линии. <HR size=5>
Для цветового оформления текста используются следующие теги и атрибуты:
Цвет фона и цвет шрифта для всего документа задается с помощью атрибутов bgcolor и text тега BODY. Например: <BODY bgcolor=white text=black > - задает черный текст на белом фоне.
Цвет фона задается только один раз, а цвет шрифта можно менять с помощью команды <FONT> … </FONT> и атрибута color.
Теги оформления отдельных слов текста:
<STRONG>…</STRONG> - полужирное написание
<BIG>…</BIG> - увеличение текста
<SMALL>… </SMALL> - уменьшение текста
Выравнивание текста:
<CENTER>…</CENTER> - выравнивает все элементы внутри по центру
Выравнивание можно применять к разным абзацам с помощью атрибута align тега <P>:
- align=left – выравнивание по левому краю
- align=right – выравнивание по правому краю
- align=center – выравнивание по центру
- align=justify – выравнивание по ширине
Добавление ссылок на другие файлы.
<A href=имя файла>текст ссылки</A>
Имя файла пишется в укороченной форме – только название файла и его разрешение, если файлы на которые ссылаются находятся в том же каталоге, что и файл из которого делают ссылку.
Текст ссылки – это те слова на странице, которые будут выделены в качестве гиперссылки.
Цвета оформления гиперссылок задаются по умолчанию, но можно задать явно с помощью атрибутов тега BODY: link – задает цвет неотработанных ссылок (пользователь еще не кликал по ним), alink – задает цвет активных ссылок (пользователь кликнул и идет загрузка документа, должен быть ярче, чем цвет неотработанной ссылки), vlink – задает цвет отработанных гиперссылок (пользователь уже ходил по этим ссылкам, цвет обычно спокойнее и незаметнее чем остальные).
Сопровождение Интернет-сайтов
Прежде всего, стоит заметить, что существует важная характеристика любого сайта – доступность, актуальность и всесторонность информации, размещённой на нём.
Сопровождение сайта, его администрирование и любая дальнейшая поддержка Интернет-сайтов заключается в том, что производится регулярное и стабильное обновление самого сайта плюс техническая поддержка работоспособности сайта. Плюс разработка добавочных программных модулей, а также, в тех случаях, когда это уже необходимо – изменение и обновление уже имеющихся, плюс замена текстов, контактной информации и графических решений.
Стоит обратить внимание на то, что сопровождение сайта - это целый ряд услуг, направленных на комплексное продвижение и обновление сайта, ведь эта процедура не менее ответственная, чем и его разработка. Однажды обратившись ресурсу, который удовлетворит его интерес, пользователь, даже не задумываясь, вернётся на него снова и снова, а также обязательно поставит в закладки.
Поддержка сайтов
Позаботиться о бесперебойной работе сайта можно заранее – правильно выбрав компанию, которая предоставит услуги хостинга, ещё пока не началось продвижение сайтов. Нередко бывает, что обладатель сайта даже не понимает, почему периодически сайт медленно загружается или вовсе становится недоступным.
И ногда стоит провести квалифицированную оценку используемого хостинга, в случае отрицательной оценки отказаться от его услуг и выбрать новый. Для осуществления перехода, то есть перемещения сайта на другой хостинг, тоже требуется консультация специалиста. Кроме этого, существуют и другие технические процессы в продвижении сайтов в Песках, хотя и не столь трудные, но объёмные, например, от настройки электронной почты, чистки логов и установки спам-фильтров до создания домена третьего уровня, чтобы создать филиал или подразделение.
Невозможно представить сайт, заполненный одними картинками, без разнообразных текстов по теме сайта. Ведь, правильно подобранный контент играет основную роль в его развитии – сайт без информации ничего не стоит и продвижения сайта не получится. Но с другой стороны смысловое наполнение текстов тоже играет большую роль, ведь не найдя среди множества текстов нужную информацию, посетитель просто развернётся и уйдёт искать дальше на просторах Интернета то, что ему нужно.
Здесь можно выделить два основных момента: своевременность и качество.
Во-первых, если на сайте не обновляется вовремя информация, например, на улице светит уже весеннее солнце, а на сайте висит на главной странице поздравление от Деда Мороза, то такой сайт никогда не внушит доверия.
Во-вторых, для реальной работы текстов требуется качественно их подготовить для размещения на сайте – отредактировать, откорректировать и адаптировать индивидуально для каждого сайта, как того требуют нормы экранной типографии. Нередко требуется доработать и графические материалы, например, изменить формат или размер изображения. Всё это возможно сделать, когда проходит сопровождение сайта.
Практическое задание.
Подготовить и разместить на сайте WEB-страницу.
Вывод:_____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________
