16908

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

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

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

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

Русский

2013-06-27

117.87 KB

7 чел.

Лабораторная работа № 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 

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


 

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

2440. Строение и характеристики подъемных кранов 105.05 KB
  Назначение, общее устройство неходовой рамы, способы крепления ее к раме автомобиля. Назначение и общее устройство выносных опор. Проверка уровня масла в редукторе механизма подъема груза. Назначение, устройство и работа опорно-поворотного устройства. Виды грузозахватных приспособлений и требования к ним. Грузы, запрещенные для подъема краном. Проверить уровень масла в картере редуктора механизма вращения.
2441. Оценка качества и его потребительские свойства 153.5 KB
  Качество как категория управления - интегральное понятие, которое характеризует эффективность всех сторон жизнедеятельности предприятия от процесса разработки стратегии, маркетинга и далее включая все этапы жизненного цикла продукта или услуги. Стоимость – это категория исключительного товарного (рыночного) хозяйства, представляющая собой общественное отношение товаропроизводителей, которое возникает при обмене товаров.
2442. Теория менеджмента. Менеджмент как учебная дисциплина 296.5 KB
  Экономические методы управления. Социально-психологические методы управления. Понятие и содержание коммуникации. Менеджмент как особый тип управления организацией в рыночной системе хозяйствования. Механизмы рыночной экономики. Концепция жизненного цикла организации. Актуальность управления персоналом. Государственная кадровая политика Республики Беларусь.
2443. Загальна медична психологія 23.08 KB
  Особливості психіки пацієнтів на етапах, підготовки, виконання хірургічних втручань та в післяопераційний період. Особливості психіки хворих, що страждають різними захворюваннями (серцево-судинні, інфекційні, гінекологічні, і т.д.). Особливості психічних процесів хворих з дефектами органів та систем (сліпота, глухота і т.д.).
2444. Податкова система і податкова політика 23.26 KB
  Суть, значення та роль податкової системи в системі державних доходів. Податкова політика та її характеристика. Склад податкової системи України. Порівняльна характеристика податкових систем у розвинутих державах світу
2445. Маркетинг продаж 519.07 KB
  Значение маркетинга в повышении эффективности продаж. Особенности продажи различных товаров и услуг. Управление персоналом службы продаж. Обучение и мотивация. Термин продажа обычно истолковывается очень широко и охватывает весь спектр действий, направленных на то, чтобы помочь клиенту сделать выбор и совершить покупку.
2446. Основы получения пластмасс, эластомеров и полимерных композитов с заданными свойствами 326 KB
  Композиционные составляющие: связующая смола, наполнители, пластификаторы смазывающие вещества, отверждающие вещества. Схема установки для получения полиэтилена непрерывным методом при высоком давлении. Схема установки для непрерывной полимеризации стирола в массе. Схема установки для производства поливинилхлорида непрерывным эмульсионным способом. Поликонденсационные пластмассы. Схема реактора для получения поликонденционных смол.
2447. Особові займенники. Зворотний займенник. Відмінювання 122 KB
  Мета організації уроку: сформувати в учнів поняття про особові та зворотний займенники на основі відтворення і поглиблення знань про займенник отриманих ними на попередніх уроках; навчити їх об’єктивно використовувати особові та зворотний займенники в усному і писемному мовленні.
2448. Займенник: загальне значення, морфологічні ознаки, синтаксична роль 505.5 KB
  Мета: поглибити, удосконалити, систематизувати й узагальнити знання учнів про займенник, набуті в початкових класах. формувати відповідні уміння і навички. Займенник – це самостійна частина мови, яка вказує на особу, предмет або кількість, але не називає їх.