16908

Создание WEB – страниц на основе таблиц

Лабораторная работа

Информатика, кибернетика и программирование

Лабораторная работа № 11 Создание WEB – страниц на основе таблиц. Оборудование: ПЭВМ Программное обеспечение: Windows Kompozer. Цель работы: приобретение и закрепление практических навыков работы во Kompozer. Задание: Включите ПК. Запустить Kompozer.

Русский

2013-06-27

117.87 KB

9 чел.

Лабораторная работа № 11

Создание WEB – страниц на основе таблиц.

  1. Оборудование:   ПЭВМ
  2. Программное обеспечение: Windows, Kompozer.
  3. Цель работы:  приобретение и закрепление практических навыков работы во Kompozer.

Задание:

  1. Включите ПК.
  2. Запустить  Kompozer.
  3. Для создания пустой страницы щелкните по кнопке "Создать"  на панели форматирования или по кнопке "Новая страница" на панели задач.
  4. Вставьте  таблицу 3x2. Выполните команду «Table/ Insert/ Table/ Precisely,

rows (строк)-3,

Columns(столбцов)-2,

 Width(ширину)-100%» смотри ниже

5. Установите ширину первой строки в 25%. (смотри ниже)
Для этого выделите первый столбец,  щелкните правой клавишей мыши, выберите пункт «Table Cell Properties», установите флажок (щелчком мыши поставить галочку) в строке «Size Width», выберите «% of table», установите 25%,

  1. Выровнять по горизонтали  -  по левому краю

b. Выровнять по вертикали -  по верхнему краю.

  1. Получится таблица следующего вида.

7. Выделить ячейки первой строки и объединить их. Выполните команду "Table /Join selected cells".

8. Курсор установите в объединенную ячейку,  выберите фоновый цвет ячейки: "Table / Table  Properties / Cells/ Background Color, выберите цвет фона.


9. В объединенную ячейку наберите текст  "Технология производства процессоров"  и выровняйте по центру.

Технология производства процессоров

10.  Курсор установите в первую ячейку  второй строки,  щелкните правой клавишей мыши, выберите пункт «Table Cells Properties», установите следующие параметры:

  1. Выровнять по горизонтали: по левому краю
    1. Выровнять по вертикали: по верхнему краю

 Цвет фона ячейки  (см. выше).

11. Курсор установите в первую ячейку  второй строки и наберите следующий текст:

Технология производства процессоров

Главная


Производство микросхем

Устройство КМОП-транзистора

  • Выращивание болванок
  • Нанесение защитной пленки
  • Нанесение фоторезистива
  • Литография
  • Травление
  • Диффузия
  • Напыление и осаждение
  • Заключительный этап

Перспективные технологии

WEB мастер  - Иванов Иван

27/06/13

  1. Курсор установите во вторую ячейку  второй строки, щелкните правой клавишей мыши, выполните команду "Свойства ячейки" и установите выравнивание влево и наверх,  выберите фоновый цвет.
  2. В первой ячейке третьей строки наберите "WEB мастер - Ф.И.О", нажмите клавишу Enter .
  3. Во второй ячейке третьей строки наберите слово "Наверх" и выровняйте по центру.
  4. Установите курсор перед  словами "Технология производства процессоров" и выполните команду: "Insert/ Nemed Anchor "Вверх". Перед текстом появляется якорь.
  5. В нижней строке выделите слово "Наверх" и выполните команду: "Insert / Link / link location "Верх", ОК. Мы создали гиперссылку, которая будет возвращать нас наверх.
  6. Сохраните файл под именем Shablon   в папке Site\Pages на вашем диске H:

18. У вас должна получиться страница примерно следующего вида:

Технология производства процессоров

Главная


Производство микросхем

Устройство КМОП-транзистора

  • Выращивание болванок
  • Нанесение защитной пленки
  • Нанесение фоторезистива
  • Литография
  • Травление
  • Диффузия
  • Напыление и осаждение
  • Заключительный этап

Перспективные технологии

Ячейка пустая!!!

В эту ячейку вставляется информация (контент)

(вторая ячейка второй строки)

WEB мастер  - Иванов Иван

27/06/13

Наверх

  1. Мы с вами создали шаблон, который будем использовать для создания  всех страниц нашего сайта. На всех страницах информацию будем располагать во второй ячейке второй строки.
  2. Создадим главную (первую) страницу нашего сайта. Для этого установите курсор во вторую ячейку второй строки, Щелкните правой клавишей мыши, выполните команду "Table Cells Properties" и установите выравнивание по центру.

20. Выполните команду "insert /Image, выберите папку Images, файл  P4."

Ниже рисунка вставьте текст:

Говоря о процессорах Intel, часто используют такие специфические понятия, как 0,13-микронный технологический процесс, а в последнее время — 90-нанометровый технологический процесс. К примеру, принято говорить, что Intel Pentium 4 с ядром Northwood выполнен по 0,13-микронной технологии, а процессор с ядром Prescott на 90-нанометровом технологическом процессе. В чем же разница между этими технологическими процессами и как она отражается на возможностях самих процессоров?

21. Для текста установите тип и размер шрифта.

22. Сохраните файл под именем Index   в папке Site на вашем диске.

23. Закройте файл Index .

24.Откройте файл"Технология производства процессоров"

  1. Откройте файл Shablon.

26. Установите курсор во вторую ячейку и  выполните команду "В"insert /Image, выберите папку Images, файлP3."

27.  Из файла "Технология производства процессоров" скопируйте часть текста под названием "Как делают микросхемы" и вставьте во вторую ячейку второй строки файла Shablon.

28. Страница  будет иметь примерно следующий вид:

Технология производства процессоров

Главная


Производство микросхем

Устройство КМОП-транзистора

  • Выращивание болванок
  • Нанесение защитной пленки
  • Нанесение фоторезистива
  • Литография
  • Травление
  • Диффузия
  • Напыление и осаждение
  • Заключительный этап

Перспективные технологии

Как делают микросхемы

Чтобы понять, в чем заключается основное различие между этими двумя технологиями, необходимо сделать краткий экскурс в саму технологию производства современных процессоров или интегральных микросхем.

Как известно из школьного курса физики, в современной электронике основными компонентами интегральных микросхем являются полупроводники p-типа и n-типа (в зависимости от типа проводимости). Полупроводник — это вещество, по проводимости превосходящее диэлектрики, но уступающее металлам. Основой полупроводников обоих типов может служить кремний (Si), который в чистом виде (так называемый собственный полупроводник) плохо проводит электрический ток, однако добавление (внедрение) в кремний определенной примеси позволяет радикально изменить его проводящие свойства. Контакты p- и n-полупроводников позволяют формировать транзисторы — основные структурные элементы современных микросхем. Такие транзисторы, называемые КМОП-транзисторами, могут находиться в двух основных состояниях: открытом, когда они проводят электрический ток, и запертом — при этом они электрический ток не проводят. Поскольку КМОП-транзисторы являются основными элементами современных микросхем, поговорим о них подробнее.

WEB мастер  - Иванов Иван

27/06/13

Наверх

29. Сохраните файл под именем Text_1   в папке Site на вашем диске.

30. Откройте файл Shablon.

31. Вставьте рис_1 и скопируйте текст " Устройство  КМОП-транзистора "  из файла "Технология производства процессоров"

32. Сохраните файл под именем Text_2   в папке Site\Pages на вашем диске H:

33. Откройте файл Shablon. Описанным выше способом создайте и сохраните все страницы  вашего сайта.

  1. После завершения создания страниц откройте файл Index.
  2. В меню выделите строку " Главная" и  добавьте гиперссылку  на файл. Index.  (Insert / Link).
  3. В меню выделите строку " Производство микросхем " и  добавьте гиперссылку  на файл text_1. (Insert / Link).
  4. Описанным выше способом создайте остальные гиперссылки.
  1. Производство микросхем
  1.  text_1
  1. Устройство КМОП-транзистора
  1.  text_2
  1. Выращивание болванок
  1.  text_3
  1. Нанесение защитной пленки
  1.  text_4
  1. Нанесение фоторезистива
  1.  text_5
  1. Литография
  1.  text_6
  1. Травление
  1.  text_7
  1. Диффузия
  1.  text_8
  1. Напыление и осаждение
  1.  text_9
  1. Перспективные технологии
  1.  text_10

Технология производства процессоров

Главная


Производство микросхем

Устройство КМОП-транзистора

  • Выращивание болванок
  • Нанесение защитной пленки
  • Нанесение фоторезистива
  • Литография
  • Травление
  • Диффузия
  • Напыление и осаждение
  • Заключительный этап

Перспективные технологии

Говоря о процессорах Intel, часто используют такие специфические понятия, как 0,13-микронный технологический процесс, а в последнее время — 90-нанометровый технологический процесс. К примеру, принято говорить, что Intel Pentium 4 с ядром Northwood выполнен по 0,13-микронной технологии, а процессор с ядром Prescott на 90-нанометровом технологическом процессе. В чем же разница между этими технологическими процессами и как она отражается на возможностях самих процессоров?

WEB мастер  - Иванов Иван

27/06/13

Наверх

38. Сохраните файл Index   

39. Выделите меню с гиперссылками, скопируйте его в буфер обмена и вставьте  во все файлы, начиная  с Text_1, Text_2  -    Text_10 вместо исходного меню. Сохраните все файлы.

40. Сайт просмотреть в обозревателе. Для этого дважды щелкните по файлу Index.html 

Сайт показать преподавателю.


 

А также другие работы, которые могут Вас заинтересовать

13357. Фрезерні верстати 617.5 KB
  Фрезерування високопродуктивний і поширений спосіб обробки поверхонь заготовки за допомогою різального інструмента фрези з багатьма вістрями. Під час обробки фреза обертається виконуючи головний рух різання а заготовка пересувається прямолінійно виконуючи ру
13358. Визначення чисел твердості металів на приладі ТК-2 (типу Роквелла) 2.6 MB
  Лабораторна робота №8 Визначення чисел твердості металів на приладі ТК2 типу Роквелла Мета роботи: Ознайомитися з основними методами вимірювання твердості металів та сплавів ознайомитися з будовою і принципом роботи приладу ТК2 для випробування металів на тве
13359. Виробництво виливків в піщано-глиняних формах 335.95 KB
  Лабораторна робота № 2 Виробництво виливків в піщаноглиняних формах Мета роботи вивчити технологію отримання виливків в піщаноглиняних формах casting mould отримати навички формовки заливки форм вибивки литва аналізу браку сфери застосування литва виготовленого...
13360. Ознайомлення з програмою моделювання електричних та електронних кіл Electronics Workbench 4.0 32 KB
  Лабораторна робота № 5 Тема: Ознайомлення з програмою моделювання електричних та електронних кіл Electronics Workbench 4.0 Мета: Вивчити структуру та основні можливості програми схемотехнічного моделювання Electronics Workbench 4.0. Отримати практичні навички проведення експериме...
13361. Аналіз лінійного кола періодичного несинусоїдального струму 411.5 KB
  Лабораторна робота № 7 Тема: Аналіз лінійного кола періодичного несинусоїдального струму Мета: Вивчити методику комплексного дослідження однофазного електричного кола періодичного негармонічного струму з допомогою програми схемотехнічного моделювання Electroni...
13362. Аналіз перехідних режимів в лінійних електричних колах 571 KB
  Лабораторна робота № 8 Тема: Аналіз перехідних режимів в лінійних електричних колах Мета: Вивчити методику комплексного дослідження перехідних режимів електричних кіл для визначення впливу різних факторів на вигляд та характеристики процесів з допомогою програ...
13363. Дослідження двохкаскадного транзисторного підсилювача 724.5 KB
  ЛАБОРАТОРНОПРАКТИЧНА РОБОТА № 7 Дослідження двохкаскадного транзисторного підсилювача 1. Мета роботи: Ознайомлення з методикою побудови схем і моделювання роботи пристроїв в компютерній лабораторії електротехніки і електроніки. Дослідження ампл...
13364. КОМПЬЮТЕРНОЕ МОДЕЛИРОВАНИЕ БИОЛОГИЧЕСКОГО НЕЙРОНА 835.5 KB
  Определены основные механизмы работы синапса биологического нейрона, в которую входят: воссоздание пороговых принципов ограничения потенциала нейрона, а также торможения и возбуждения с их временными зависимостями; предложена система уравнений, описывающих работу модели нейрона; разработан алгоритм работы модели биологического нейрона
13365. Дослідження первинних вимірювальних перетворювачів неелектричних величин 215 KB
  Звіт з лабораторної роботи №2: Дослідження первинних вимірювальних перетворювачів неелектричних величин 1. Тема роботи: Дослідження первинних вимірювальних перетворювачів неелектричних величин. 2. Мета роботи: 1.Ознайомитися з конструкцією і принципом дії...