Задание 3.
Загрузите поисковую систему Яндекс. Задайте различные структуры запроса информации. Занесите полученные данные в таблицу 3.
Таблица 3.
Слова,
входящие в запрос
|
Структура запроса
|
Количество
найденных
страниц
|
Адрес первой найденной ссылки
|
Информационные
технологии
|
Информационные
технологии
|
|
|
“Информационные
технологии”
|
|
|
Информационные
& технологии
|
|
|
Инф* технологии
|
|
|
Задание 4.
С помощью поисковой системы Google найдите информацию о великих композиторах и занесите ее в таблицу 2.
Таблица 2.
Великие композиторы
|
ФИО
|
Годы жизни
|
Произведение
|
Людвиг ван Бетховен
|
|
|
Иоганн Себастьян Бах
|
|
|
Вольфганг Амадей Моцарт
|
|
|
Джузеппе Верди
|
|
|
Пётр Ильич Чайковский
|
|
|
Содержание отчета
Результаты выполненных работ.
Описание действий и выводы по заданию 3.
Ответы на контрольные вопросы.
Контрольные вопросы
Что понимают под поисковой системой?
Перечислите популярные казахстанские поисковые сайты.
Что такое ссылка и как определить, является ли элемент страницы ссылкой?
4. Что такое поисковый инструмент?
5. Что такое Электронное правительство?
6. Что такое ЭЦП?
Лабораторная работа № 9.
Тема: Получение данных с сервера. Работа с системами управления содержимым сайта WordPress, Joomla. Разработка дизайна сайта с помощью многофункционального графического редактора Photoshop и языка разметки CSS. Использование разработанной ранее базы данных MySQL для работы сайта.
Цель: получить практические навыки создания веб-сайтов с использованием HTML, CSS и графических пакетов.
Современный веб-дизайн-это не только дизайн и создание внешнего вида сайта в графической форме, но и создание его макета с использованием HTML и CSS. Готовый шаблон дизайна должен соответствовать определенным стандартам и правильно обрабатываться всеми распространенными браузерами. Поэтому не рекомендуется разрабатывать дизайн, основанный исключительно на технологии Flash. Несмотря на широкие возможности, он слишком «тяжелый», имеет уязвимости и просто не появляется, если в браузере пользователя нет специального плагина.
Языки разметки Веб-страниц постоянно совершенствуются и развиваются, и тот же HTML5 теперь позволяет внедрять на сайте функции, которые раньше можно было получить только с помощью Flash. Можно с уверенностью сказать, что освоить основы веб-дизайна может любой желающий, для этого достаточно приложить немного усилий, загадать желание и уделить свое время.
Одна из целей, которую ставит перед собой специалист-конструктор сайтов, - сделать его удобным не только для пользователей, но и для поисковых систем. Прежде всего, это касается структуры и навигации.
Даже в случае простого корпоративного визитного сайта удобство использования сайта играет важную роль. Если посетителю сложно найти информацию даже о контактах, то вряд ли он воспользуется услугами такой компании. Людям не нравятся нежелательные действия, и этот факт следует учитывать.
Язык разметки HTML
Язык разметки гипертекста документа (HTML) предназначен для создания гипертекстовых документов в среде WEB. HTML-документы можно просматривать через различные типы веб-браузеров. Для чтения HTML-документа требуется только веб-браузер, который интерпретирует HTML-теги и отображает документ на экране в форме, предоставленной автором.
Синтаксис HTML прост и понятен, но это не значит, что процесс обучения будет плавным и без ошибок. Когда вы совершаете ошибку, вы получаете информацию о том, чего нельзя делать в будущем, эта информация особенно ценна. Так накапливаются знания и опыт.
Чтобы выучить HTML, вам понадобится текстовый редактор Блокнота. Он позволяет вводить код веб-страницы вручную. Код интерпретируется с помощью программного обеспечения для просмотра веб-страниц, то есть Internet Explorer, Opera, Chrome и других браузеров.
Пример HTML-кода
<голова>
Домашняя страница
<тело>
Привет, мир!
...< / body> - этот блок содержит видимую часть веб-страницы.
В браузере мы Привет мир! мы видим слово"".
HTML 5 имеет мощный инструмент для отображения структурированной информации в таблицах. Для этой цели предусмотрены десятки структурных тегов. Простейшая таблица состоит из элемента , содержащего один или несколько элементов , и | .
<граница таблицы= "1">
выписка о лицевом счете < /caption>
|
< th>Луна
Баланс < /th>
|
январь |
500 грн |
< / таблица>
Если вы хотите отобразить описание таблицы, вы можете поместить ее в элемент , который находится сразу после открываемого тега . Далее строки таблицы располагаются последовательно, обозначаются тегом . Каждая строка содержит ячейки или | , таким образом образуя столбцы таблицы.
элементы | помечают ячейки, содержащие заголовки столбцов или строк. По умолчанию браузеры отображают их содержимое жирным шрифтом и средой. тег | предназначен для всех других ячеек, содержащих данные. не обязательно иметь заголовки | , но таблица должна содержать одну строку, содержащую хотя бы одну ячейку.
Понятие CSS
CSS (Cascading Style Sheets-Каскадные Таблицы Стилей) - официальный язык для описания внешнего вида документа, написанного с помощью языка разметки HTML.
Каскадные Таблицы Стилей стали популярными в конце 1996 года. Несмотря на относительно долгий срок службы этой технологии, ее практическое применение для веб-дизайна было ограничено управлением шрифтами и цветами. Это ограничение связано с отсутствием поддержки взаимодействия для таблиц стилей в браузерах. Поскольку не все браузеры обрабатывали инструкции CSS одинаково, дизайнеры не могли в полной мере воспользоваться реальными преимуществами таблиц стилей. Теперь, когда поддержка языка CSS реализована намного лучше, вы можете воспользоваться многими ценными функциями языка.
Размещение графики на Web-странице
Тег позволяет вставлять видео в документ. Это видео появится в месте расположения тэга документа. Данный тэг одноэлементный.
В Web графика распространяется по правилам в 3 форматах: GIF, JPG, PNG. WAGON при выполнении следующего упражнения. Пусть графический файл GIF хранится в рабочем каталоге KURS.
Тег содержит множество атрибутов, к которым можно загрузить дополнительные работы, как показано ниже. Они происходят в любом месте тэга после кода IMG.
SRC-самый обязательный параметр. Отображает адрес (URL) файла с изображением.
HEIDHT и WIDHT – определяют высоту и длину изображения соответственно. Если данные размеры отличаются от фактических, изображение масштабируется (иногда теряет заметное качество).
HSPACE и VSPACE – они определяют, сколько отступов находится изображение по горизонтали и вертикали от объектов документа.
Пример1.
Этот текст виден с правой стороны изображения и находится на расстоянии 10 пикселей от изображения.
Пример2.
Использование рисунка в виде гиперссылки.
< / A>
Фоновая графика
Фоновое видео-это графический файл с небольшой прямоугольной плашкой. Во время просмотра в браузере эта плашка повторяется несколько раз, заполняя окно, и она не зависит от формы окна.
Фоновая графика представлена тэгом .
Подготовка таблиц
Таблицы являются важной частью HTML-документа. Это прямоугольные решетки, состоящие из вертикальных столбцов и горизонтальных рядов. Пересечение строк и столбцов называется ячейкой. Ячейка может содержать текст, графику или другую таблицу.
Таблица состоит из трех основных частей:
* от имени таблицы
* из заголовка столбцов
* из ячеек
Таблица заполняется по строкам (слева направо по строке и переходу к следующей строке). Каждая ячейка должна быть заполнена.
Теги украшения стола
Описание Формата Тэг
Table опубликовать таблицу
Tr | текст тэг, показывающий строку
Td текст | тэг, показывающий столбец
Атрибуты тэга
Описание Формата Атрибута
BORDER < TABLE BORDER =1> устанавливает забор вокруг стола
WIDHT < TABLE WIDHT=60%> дает ширину таблицы в процентах или пикселях в зависимости от ширины листа
Bgcolor < TABLE BGCOLOR =”#RRGGBB”> дает цвет фона таблицы
Атрибуты тэгов | и |
Описание Формата Атрибута
Align назначает горизонтальное выравнивание (RIGHT, LEFT, CENTER)
Valign < tr VALIGN=TOP> назначает вертикальное выравнивание (TOP, MIDDLE, BOTTOM, BASELINE)
Bgcolor дает цвет фона
< TD>Сабак< / TD> 5 A< / TD> | 5 B< / TD> | 5 B |
1 | русский язык< / TD > | Адебиет< / TD> | история |
Например:
Баннер, имя сервера
Вернуться на стартовую страницу, часто посещаемые ресурсы, поиск...
Содержание сервера, адрес, телефон
Основная часть листа
Наиболее важные ресурсы, то есть они должны выделяться
Вернуться на стартовую страницу, часто посещаемые ресурсы, поиск...
Авторские права, адрес, телефон....
Задание 1
1.измените первую страницу в соответствии с полученными знаниями. Страница должна состоять как минимум из 4 блоков, граница блоков не должна быть видна. Пустые ячейки должны быть выделены размером 3-30 пикселей. верхняя и нижняя части должны быть выполнены как отдельные таблицы, чтобы они были нарисованы и находились на других поверхностях.
2.измените цвет фона и цвет ячейки по своему усмотрению.
3.Поставьте ссылку на 1-ю страницу.
4.в виде комментария на стартовой странице укажите начало каждой части и какой блок (правый,левый, второй сверху и т.д.).
Контрольные вопросы
1. теги для создания таблиц
2. Как происходит размещение графики?
3.создание ссылок в ячейках.
Достарыңызбен бөлісу: |