Тарау Microsoft Word мәтіндік процессор Chapter Microsoft Word text processor



жүктеу/скачать 6.66 Mb.
бет31/32
Дата30.11.2022
өлшемі6.66 Mb.
#466139
1   ...   24   25   26   27   28   29   30   31   32
Практикум Докт каз анг

Өріс аты

Деректер типі

Пән (бастапқы кілт)

Қысқа мәтін

Оқытушылар

Қысқа мәтін




Table Teacher

Field Name

Data type

Discipline (Primary Key)

Short Text

Teachers

Short Text




Сынып кестесі

Өріс аты

Деректер типі

Код (бастапқы кілт)

Сандық

Тегі

Қысқа мәтін

Есімі

Қысқа мәтін

Әкесінің аты

Қысқа мәтін

Сынып

Сандық

Пән

Қысқа мәтін




Table Class

Field Name

Data Type

ID (Primary Key)

Number

Fast Name

Short Text

First Name

Short Text

Father’s name

Short Text

Class

Number

Discipline

Short Text






Гипермәтінді белгілеу тілі / HyperText Markup Language


HTML

HTML (ағылшын тілінен HyperText Markup Language) - гипермәтінді белгілеу тілі. HTML - бағдарламалау тілі емес. Көптеген веб-беттер HTML-да жазылған. Бұл тілде мультимедиа, мәтін немесе гиперсілтемелерді браузерде қалай көрсетілетінін түсіндіреді.

HTML - HyperText Markup Language. HTML не является языком программирования. Большинство веб - станиц написано на HTML. С помощью данного языка определяют то, как мультимедиа, текст или гиперссылки будут отображаться в браузере.




5.1 Қарапайым HTML құжатын құру. Қаріпті және ежені пішімдеу / Creating a simple HTML document. Font and paragraph formatting

Мақсаты: Блокнот көмегімен қарапайым гипермәтіндік құжатты құруды үйрену. Қаріпті және ежені пішімдеу тегтерін қолдануды үйрену.

Goal: Learn how to create the simplest hypertext document using text editor Notepad. Learn to use the font and paragraph formatting tags.







ТАПСЫРМА А

TASK А

1. Гипермәтінді құжатты бар файл құрыңыз:
- Блокнот редакторын іске қосып, мәтінді енгізіңіз:
Менің бірінші Web-бетіме қош келдіңіз!

- Файлды компьютерге сақтаңыз. Сақтау кезінде Сохранить как… сұхбат терезесінде Тип файла: өрісіне Все файлы (*.*) нұсқасын таңдаймыз, ал Имя файла өрісіне .htm кеңейтілуі бар файл атын береміз, мысалы 1_name.htm (мұндағы name – Сіздің есіміңіз).



  • - Құжатты жабамыз, оның пиктограммасын Менің компьютерім арқылы тауып аламыз.

  • - Файлды ашамыз. Файл қандай қосымша арқылы ашылатынын және жазылған сөйлем қалай көрінетінін байқаймыз.

1. Create a file with a hypertext document:
- Launch the editor Notepad, enter the text:
Welcome on my first web page!

- Save the file on your PC. Select File > Save as in the Notepad. In the Save as ... dialog box in the File Type row: select the All files (*. *) Option, and in the File Name row give a name with the .htm extension, for example 1_name.htm (where name is your name).


- Close the document, find its icon in the My Computer window.
- Open the saved HTML file in your web browser (you can use whichever browser you want).

2. Html құжатының құрылымын анықтайтын тегтер енгіземіз:

  • - Жанама мәзір арқылы Блокнот редакторы көмегімен файлды ашамыз. Құжаттың тақырыбы бөліміне төмендегі тегтерді енгіземіз (<TITLE> TITLE> тегтері арасына). Тегіңізді жазыңыз.


Тегі


Менің бірінші Web-бетіме қош келдіңіз!


- Құжатты сақтаймыз. Браузерді жаңғырту қажет, ол Вид - Обновить немесе құралдар тақтасынан Обновить батырмасын шертеміз

2. Enter the tags that define the structure of the html document:
- Using the context menu, open the file using Notepad. Enter the tags below, in the title section of the document (between the <TITLE> TITLE> tags) type your last name.

Last name


Welcome on my first web page!
Менің екінші Web-бетіме қош келдіңіз!
Ы. Алтынсарин өлеңі

Welcome on my second web-page!
Monologue of Hamlet

Менің үшінші Web-бетіме қош келдіңіз!
…
Welcome on my third web page!
... ) with the following text:

I know how to make:
Fonts,
Headlines,
Paragraphs

  • Design the last three lines as a numbered list. To do this, use the following tag design:


  1. Fonts,
    2.
  2. Headlines,
    3.
  3. Абзацы



  • Change the numbered list to the bullets points. Use
      , tags.

    • Create a mixed list:

    I know how to make:
    1. Fonts
    • Size
    • Color
    • Face
    • Scripts
    2. Headings
    • From level 1 to 6
    3. Paragraphs
    • Alignments
    • Line breaks within a paragraph
    • Using reformatting.

8. Оқытушыға көрсетіңіз.

8. Show the results of work to the teacher.







HTML тегтері. Қаріпті және ежені пішімдеу тегтері
HTML Tags. Font and paragraph formatting tags

Міндетті / Description

Тег түрі / Tag

Ескертпе / Meaning

HTML құжаттың жалпы құрылымы / General structure of HTML document

Құжат түрі



Құжаттың басы және соңы

Document type

Hyper Text Markup Language

Құжат аты



Браузер арқылы көрсетілмейді

Document name

The head, or prologue, of the HTML document

Тақырып



Браузер терезесінің тақырып жолы

Heading

The title of the document

Құжат денесі

picture file»>

TEXT=«black» (қара)
LINK=«#FF0000» (қызыл)
VLINK=«#FFFF00» (сары)
ALINK=«#FFFFFF» (ақ)


Фондық түс
Background color



Мәтін түсі
Text color



Сілтеме түсі
Link color



Сілтемеден өткеннен кейінгі түс
The color of visited links in a document.



Белсенді сілтеменің түсі
The color of an active link in a document











5.3 Кестені құру және пішімдеу / Creating and formatting tables

Мақсаты: Web-бетке кесте қолдануды үйрену
Goal: Learn how to use tables to design WEB pages.

1. Үлгі бойынша кесте құрыңыз және tabl_name.htm атпен сақтаңыз. Кестенің үстіне Кесте №1 деген тақырып жазыңыз.

1. Create a table as shown below. Save the document as tabl_name.htm. On top of the table, place the heading Table №1.



Браузерда кестені құру кезінде мынадай шарттарды қанағаттандыру керек:
- кесте ортаға туралану керек және ол дұрыс пішінде болуы қажет;

  • - ортадағы ұяшыққа «*» белгісін орналастыру керек, ал қалғандары бос болуы қажет.

Ескерту. Бос ұяшық екенін көрсету үшін   белгісін қою керек.

When the table is displayed in the browser, the following conditions must be met:

  • the table should be aligned in the center and be of the correct (symmetric) form;

- place * (asterisk) in the center cell, the remaining cells must be empty.
Note. To display empty cells, place a non-breaking space  

2. Осы құжатта кесте №1-дің көшірмесін алыңыз және оған Кесте №2 деген тақырып жазыңыз да, оны өзгертіңіз:
- Ортадағы ұяшыққа Arrows3.wmf суретін орналастырыңыз.
- Қалған ұяшықтарды әр түрлі түстерге бояңыздар.

2. In the same document, create a copy of table 1, enter the title table 2 and modify it:
- In the Central cell place the picture Arrows3.wmf
- Paint all other cells in different colors.

3. Кестенің тағы бір көшірмесін алыңыз және оған Кесте №3 деген тақырып жазыңыз да, төмендегі үлгідегідей өзгеріс жасаңыз.

3. Create another copy of the table – table # 3 and edit the table tags as shown below.



Ескерту. Ұяшықтарды біріктіру үшін 		тегіне colspan= және rowspan= параметрлерін қолданамыз.

Note. To merge cells in 		tags, use parameters colspan= and rowspan=

4. Сабақ кестесі бар rasp_name.htm атпен жаңа HTML-құжатын құру керек.
- Құжат тақырыбы:
2019 жылға арналған сабақ кестесі

- Бірінші жолда өрістер тақырыбы болуы қажет (

 тегін қолданамыз).


- Кесте ені терезені толығымен жабу керек. Кейбір бағандардың өлшемі салыстырмалы бірлік (%) түрінде беру қажет. Өйткені кестенің ені өзгерген кезде кесте пропорциясы сақталғандай.

4. Create a new HTML document-rasp_name.htm the schedule of classes.
- The document should start with a title
Schedule of classes gr. NNN for the Lent term 2019



  • The first row of the table should be formatted as field headers (using
tags).

  • The width of the table should be the full size of the window. The width of the individual columns should be set in relative units (%), so that when the width of the window is changed, the proportions of the table are maintained.


    • жүктеу/скачать 6.66 Mb.

    Достарыңызбен бөлісу:
    1   ...   24   25   26   27   28   29   30   31   32



    ©dereksiz.org 2024
    әкімшілігінің қараңыз
        Басты бет