Создание и форматирование таблиц в Web-документе с помощью программы SharePoint 2007



Дата29.06.2019
Размер1.48 Mb.
#112642
ТипПрактическая работа

Практическая работа № 15.


Тема: Создание и форматирование таблиц в Web-документе с помощью программы SharePoint 2007.

Ц

  1. Симонович С.В. Информатика. Базовый курс, стр. 530-540;

  2. Шафрин Ю.А. Основы компьютерной технологии, стр. 421-424



ель:
Научиться создавать и форматировать таблицы в Web-документе, применять в оформлении таблиц списки, стили и графику.

Литература:

Последовательность выполнения работы:

І. Создание и форматирование простых таблиц

  1. С разрешения преподавателя включите компьютер, войдите в систему под своим именем.

  2. Запустите программу SharePoint (Пуск Программы Microsoft Office SharePoint Designer 2007).

  3. В горизонтальном меню выполните команду Таблица – Вставить таблицу, укажите 4 стоки, 3 столбца и нажмите ОК.

  4. Заполните таблицу по образцу:



  1. Сохраните веб-страницу, выполнив команду Файл – Сохранить как…. В качестве папки для сохранения выберите Мои документы, имя файла – Простые таблицы.

  2. В нижней части окна программы нажмите кнопку «С разделением» и просмотрите html-код созданной веб-страницы.

  3. Отформатируйте заголовки таблицы:

  • заголовок первого столбца – полужирный;

  • заголовок второго столбца – курсив;

  • заголовок третьего столбца – подчеркнутый.

  1. В нижней части окна нажмите кнопку Конструктор. С помощью кнопок на панели инструментов выровняйте текст в таблице по центру.

  2. Установите курсор под созданной таблицей и добавьте линию-разделитель (команда Вставка – HTML-код – Горизонтальная линия). Сохраните веб-страницу.

  3. Перейдите в режим С разделением и добавьте к тегам линии-разделителя следующие команды:






  1. Сохраните текущую веб-страницу.

  2. В режиме Конструктора добавьте после линии разделителя еще одну таблицу (2 столбца и 5 строк) и заполните её по образцу:



  1. Сохраните текущую веб-страницу и перейдите в режим С разделитением.

  2. Просмотрите полученный html-код и самостоятельно внесите следующие дополнения:

  • настройка границ таблицы:



  • настройка цвета заливки первой строки:



  1. Сохраните текущую веб-страницу. Предъявите работу преподавателю.


ІІ. Макеты таблиц и списки

  1. Создайте новую веб-страницу, выполнив в SharePoint команду Файл – Создать - Страница. В появившемся окне на вкладке Страница укажите Общие – HTML и нажмите ОК.

  2. В горизонтальном меню выполните команду Таблица – Макетные таблицы и в появившемся слева окне выберите макет по образцу:


    Образец макета


  1. Установите курсор в первую ячейку макета таблицы и щелкните по ней правой кнопкой мыши – в контекстном меню выберите команду Свойства ячейки. Настройте цвет фона ячейки по образцу:


    Цвет фона ячейки


  1. В первой ячейке макета таблицы введите следующий текст и самостоятельно отформатируйте его:



  1. Во вторую ячейку первой строки вставьте фотографию автосервиса, выполнив команду Вставка – Рисунок – Из файла. Загрузите с сервера из папки IMG рисунок 1.jpg.



  1. Сохраните веб-страницу, выполнив команду Файл – Сохранить как…. В качестве пути сохранения выберите Мои документы, где создайте папку «Сайт СТО», имя файла – Главная страница.

  2. Установите курсор во вторую ячейку первого столбца макета таблицы. Скопируйте и вставьте в данную ячейку предложенный текст:

    Современное материалы, новое оборудование и умелые руки мастеров в автосервисе «Элит-Авто» творят чудеса. Если вашему автомобилю требуется кузовной ремонт, тогда Вы точно по адресу. Мы способны быстро и качественно устранить любую неисправность даже самую сложную и восстановить геометрию кузова вашего автомобиля.

    С уверенностью можем сказать, что благодаря нашим мастерам и современному оборудованию мы восстанавливаем кузова на уровне максимально близком к заводскому.

    Автосервис Элит-Авто Мариуполь - ЭТО:

    - любые сварочные работы по кузову;

    - сложный кузовной ремонт в Мариуполе;

    - рихтовка отдельных кузовных деталей;

    - выполняем стапельные работы, даже самые сложные;

    - восстанавливаем геометрию кузова автомобиля.

    Мы работаем не только с легковыми автомобилями, но еще и с внедорожниками и микроавтобусами.

    Наша гарантия – это наилучший результат по приемлемой цене.



    23. Самостоятельно, по образцу, отформатируйте предложенный текст, изменив размер, цвет, начертание шрифта, а также настройки абзацев.



Образец отформатированного текста:

26. Сохраните веб-страницу, выполнив команду Файл – Сохранить.

27. Во вторую ячейку второго столбца добавьте нумерованный список по образцу. Отформатируйте его и с помощью команды Формат-Абзац настройте интервалы между строками:

28. Сохраните веб-страницу, выполнив команду Файл – Сохранить.

29. Самостоятельно создайте еще 3 пустые HTML-страницы, сохранив их с именами: «Прайс-лист», «Галерея» и «Контакты».

30. Переключитесь на главную страницу. Выделите в нумерованном списке пункт «Прайс-лист» и выполните команду Вставка – Гиперссылка – в открывшемся окне найдите и выберите файл «Прайс-лист.HTML» и нажмите ОК. Вы создали ссылку на вторую страницу. Аналогично создайте ссылки на остальные веб-старницы.



31. Предъявите работу преподавателю.






Поделитесь с Вашими друзьями:




База данных защищена авторским правом ©vossta.ru 2022
обратиться к администрации

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