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

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

1. 
   С разрешения преподавателя включите компьютер, войдите в систему под своим именем.
   
2. 
   Запустите программу SharePoint (Пуск  Программы  Microsoft Office  SharePoint Designer 2007).
   
3. 
   В горизонтальном меню выполните команду Таблица – Вставить таблицу, укажите 4 стоки, 3 столбца и нажмите ОК.
   
4. 
   Заполните таблицу по образцу:
   

5. 
   Сохраните веб-страницу, выполнив команду Файл – Сохранить как…. В качестве папки для сохранения выберите Мои документы, имя файла – Простые таблицы.
   
6. 
   В нижней части окна программы нажмите кнопку «С разделением» и просмотрите html-код созданной веб-страницы.
   
7. 
   Отформатируйте заголовки таблицы:
   

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

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

8. 
   В нижней части окна нажмите кнопку Конструктор. С помощью кнопок на панели инструментов выровняйте текст в таблице по центру.
   
9. 
   Установите курсор под созданной таблицей и добавьте линию-разделитель (команда Вставка – HTML-код – Горизонтальная линия). Сохраните веб-страницу.
   
10. 
    Перейдите в режим С разделением и добавьте к тегам линии-разделителя следующие команды:
    
    

    ---

    
    

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

13. 
    Сохраните текущую веб-страницу и перейдите в режим С разделитением.
    
14. 
    Просмотрите полученный html-код и самостоятельно внесите следующие дополнения:
    

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

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

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

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

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

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

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

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

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

21. 
    Сохраните веб-страницу, выполнив команду Файл – Сохранить как…. В качестве пути сохранения выберите Мои документы, где создайте папку «Сайт СТО», имя файла – Главная страница.
    
22. 
    Установите курсор во вторую ячейку первого столбца макета таблицы. Скопируйте и вставьте в данную ячейку предложенный текст:
    
    Современное материалы, новое оборудование и умелые руки мастеров в автосервисе «Элит-Авто» творят чудеса. Если вашему автомобилю требуется кузовной ремонт, тогда Вы точно по адресу. Мы способны быстро и качественно устранить любую неисправность даже самую сложную и восстановить геометрию кузова вашего автомобиля.
    
    С уверенностью можем сказать, что благодаря нашим мастерам и современному оборудованию мы восстанавливаем кузова на уровне максимально близком к заводскому.
    
    Автосервис Элит-Авто Мариуполь - ЭТО:
    
    - любые сварочные работы по кузову;
    
    - сложный кузовной ремонт в Мариуполе;
    
    - рихтовка отдельных кузовных деталей;
    
    - выполняем стапельные работы, даже самые сложные;
    
    - восстанавливаем геометрию кузова автомобиля.
    
    Мы работаем не только с легковыми автомобилями, но еще и с внедорожниками и микроавтобусами.
    
    Наша гарантия – это наилучший результат по приемлемой цене.
    

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

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

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

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

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

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