Редактирование и сохранение страниц в Web сайте

ҚАЗАҚСТАН РЕСПУБЛИКАСЫНЫҢ БІЛІМ ЖӘНЕ ҒЫЛЫМ МИНИСТРЛІГІ

«ӨРЛЕУ» БІЛІКТІЛІКТІ АРТТЫРУ ҰЛТТЫҚ ОРТАЛЫҒЫ»

АҚ ФИЛИАЛЫ «АЛМАТЫ ОБЛЫСЫ БОЙЫНША ПЕДАГОГ ҚЫЗМЕТКЕРЛЕРДІҢ БІЛІКТІЛІГІН АРТТЫРУ ИНСТИТУТЫ

ЖОБА ЖҰМЫСЫ

Тақырыбы:Редакторды іске қосу беттерді жасау және сақтау Орындаған: Талғар қаласындағы Т. Рысқұлов атындағы №9 орта мектептің информатика пәні мұғалімі: Ш.А.Құдайбергенова

Өзектілігі

Қазақстан Республикасының білім беру жүйесін ақпараттандыру еліміздің даму стратегиясының негізгі бағыттарының бірі, себебі ХХІ ғасыр – білім беру жүйесін ақпараттандыру ғасыры.

Информатика пәнінің орта білім беру жүйесіндегі ролі ақпараттық білімнің ақпараттық орта мен адамның өзара қарым – қатынасын үйлесімді етудегі және жаңа ақпараттық қоғамда кәсіпкерлік қызметтің басты құрамды бөлігі болып табылатын ақпараттық бейнесін қалыптастырудағы алатын орнымен қамтамасыз етеді.

Жұмыстың мақсаты:

Front Page бағдарламасының арналуымен, web – беттерді құру технологиясымен таныстырып, тәжірибелік жұмыспен дағдыларын ұштастыру.

Күтілетін нәтиже:

Front Page бағдарламасын оқып –үйренеді және әр –түрлі мақсатқа арналған web –беттер құрады.

Front page тілі туралы жалпы мағлұматтар және оның мүмкіндіктері

Сайт немесе веб-сайт –(ағылшынша website: web –тор, желі және site –орын, желідегі орын,сегмент) –бір мекенжайға (домен атымен немесе IP –мекенжаймен) біріктірілген компьютер желісіндегі жеке тұлғаның немесе ұйымдары электрондық құжаттар (файлдар) жиынтығы. Web сайт жасау үшін қазіргі кезде көптеген программалар қолданылады. Неғұрлым маңызды HTML редакторы Front Page Web-беттер мен Web-түйіндер құруға арналған Microsoft Office құрамына кіретін бағдарлама.

Аспаптар тақтасы мен мәзірдегі командаларды пайдаланып, бетке мәтіндік және графикалық ақпараттар, навигациялар тақтасы мен бір беттен екіншісіне өту үшін қолданылатын сілтемелер орналастыруға болады. Front Page-дің басқа да кестелерді, фреймдерді, жүгіртпе жолдарды, түрлі анимациялар мен т.б. пайдалану мүмкіндігі бар. Web-беттер мен Web-түйіндерді құруды жылдамдату үшін шаблондар мен шеберлерді пайдалануға болады. Front Page бағдарламасы Web-түйінге Microsoft Office-тің құрамына кіретін Word, Excel, Access және Power Point сияқты бағдарламада дайындалған құжаттарды енгізуге мүмкіндік береді. Front Page бағдарламасын іске қосу үшін орындалатын команда: Пуск-Программы- Microsoft Front Page. Программа іске қосылғанда экранда оның негізгі терезесі ашылады.

Пуск-Программы-Microsoft Front Page

1.1. Front Page бағдарламасының стандартты аспаптар тақтасы

Front Page бағдарламасының аспаптар тақтасы.

Жұмыс режимі тақтасының түймелері.

Түйме

Аталуы

Қызметі

Page

Беттерді көру және редакциялау. Берілген режимде Front Page программасының жұмыс облысында бұрыннан бар Web-беттерді редакциялауға немесе жаңасын құруға болады.

Folders

Reports

Web-түйінде құрылған бумалардың құрылымын көру.

Есептерді көру. Бұл режим Web-түйіндегі есептерді құру мен көруге арналған.

Navigation

Web-түйін құрылымын жобалау.

Hyperlinks

Web-түйін гиперсілтемелерін көру.

Tasks

Web-түйін жасау кезінде тапсырмаларды құру және көру режимі.

Көру және редакциялау режимдері

Front Page бағдарламасы іске қосылғанда бірден редакциялау режимі пайда болады. Бағдарламаның негізгі терезесінің сол жағында жұмыс режимі тақтасы орналасқан.

Қосымша

Қызметі

Normal

Қарапайым жұмыс режимі беттерді құруда WUSIWSIG («не көріп тұрсаң, соны аласың?») режимі көмегімен қамтамасыз етеді. Бет мәтіндер, сызықтар, түймелер, сілтемелер және т.б. мәзір мен аспаптар тақтасы пайдаланылып құрылады, бұл жағдайда HTML-кодын білу міндетті емес.

HTML

Беттерді HTML-кодын көру және құру. Бұл режимде қарапайым жұмыс режимінде құрылған беттің HTML-кодын көруге және де кодтар көмегімен бет құруға болады. Бұл жағдайда беттің бір бөлігі қарапайым режимде, ал қалғаны кодталып жазылуы мүмкін.

Preview

Беттердің Интернет серверінде қалай көрінетінін алдын ала көру.

Создать командасын орындау қажет. Сол кезде Front Page терезесінің оң жағында төмендегідей панельдің пайда болғанын көресіз: Бұл панель мынадай бөліктерден тұрады: Создать страницу, Создать веб-узел және Шаблоны. Осы бөліктен бізге қажетін таңдап аламыз. Яғни, Создать страницу бөлігіндегі Пустая страница сілтемесін шертеміз. Осы кезде бізде жаңа терезе ашылады. Web – бетіне мәтін енгізу Артқы фон таңдау үшін Формат – Тема командасын таңдаймыз,сонда экранға мынадай терезе пайда болады. Осы жерден құрған веб-беттің түсін таңдаймыз, сонда төмендегідей болады: Web-беттің негізгі мақсаты – бұл Web-түйіндерді қолданушыларды өздерін қызықтыратын ақпаратпен таныстыру. Web-беттерді құрғанда шолушылар кейбір арнайы безендіру стильдерін қабылдамайтынын есте ұстау керек, сондықтан құрылған бетті бірнеше шолушылардың көмегімен, мысалы, Internet Explorer және Netscape Navigator арқылы тексеріп шыққан жөн." width="640"

Web - бетін құру

Front Page бағдарламасында жаңа бет жасау үшін Мәзір жолында Файл — Создать командасын орындау қажет. Сол кезде Front Page терезесінің оң жағында төмендегідей панельдің пайда болғанын көресіз:

Бұл панель мынадай бөліктерден тұрады: Создать страницу, Создать веб-узел және Шаблоны. Осы бөліктен бізге қажетін таңдап аламыз. Яғни, Создать страницу бөлігіндегі Пустая страница сілтемесін шертеміз. Осы кезде бізде жаңа терезе ашылады.

Web – бетіне мәтін енгізу

Артқы фон таңдау үшін Формат – Тема командасын таңдаймыз,сонда экранға мынадай терезе пайда болады. Осы жерден құрған веб-беттің түсін таңдаймыз, сонда төмендегідей болады:

Web-беттің негізгі мақсаты – бұл Web-түйіндерді қолданушыларды өздерін қызықтыратын ақпаратпен таныстыру.

Web-беттерді құрғанда шолушылар кейбір арнайы безендіру стильдерін қабылдамайтынын есте ұстау керек, сондықтан құрылған бетті бірнеше шолушылардың көмегімен, мысалы, Internet Explorer және Netscape Navigator арқылы тексеріп шыққан жөн.

Тізімдер. Жабылмалы тізімдер

Web-беттерінің обьектілер тобын тізімдер түрінде ұйымдастырған өте ыңғайлы. HTML-де тізімдер типтері бар. Көбіне қолданылатындары:

Bulleted list (Маркерленген тізім). Әрбір абзац алдында маркер қойылады.

Numbered list (Нөмірленген тізім). әрбір абзац алдында оның реттік нөмірі қойылады.

Тізімді берілгендерді енгізер алдында немесе оны енгізіп болған соң да құруға болады. Оның әрбір обьект жеке абзац болып табылады.

Жаңа жол басында Bullets (немесе Numbering) түймесін шерту.

Мәтін енгізу.

Тізімдегі келесі жолға өту үшін Enter-ді басу. Сонан соң мәтін енгізіп, тағы да Enter баса отырып, осы үрдісті барлық тізім үшін қайталау.

Тізім құрылып болған соң, одан шығу үшін Enter-ді екі рет шерту немесе Ctrl+Enter түймелерін қолдану.

Кірістірілген тізімдерді құру әрекеттері:

Негізгі тізімнің бір элемент соңына Enter-ді шерту.

Increase Indent (жылжуды үлкейту) түймесін шерту. Тізімді кірістірілген ету үшін ол түймені тағы да бір рет шерту.

Мәтінді енгізіп Enter түймесін шерту.

Кірістірілген тізімнің жаңа элементтерін құруды жалғастыру.

Web – бетіне гиперсілтеме енгізу

Web-түйін беттері арасындағы байланыс онда орналасқан гиперсілтемелер, бетбелгілер мен навигация тақтасы арқылы іске асады. Ағымдағы Web-түйін беттері арасында байланыс жасау мен басқа түйіндермен байланыс жасаудың тамаша әдісі гиперсілтемелер болып табылады. Гиперсілтемелер арқылы Web-беттердің белгілі бір жеріне шертіп, басқа бір беттің қажетті жерінде орналаса аламыз. Гиперсілтеме құру. Негізгі беттен Web-түйіннің басқа беттеріне өту үшін гиперсілтемелер құрылады. Гиперсілтемелер құру негізінде келесі әрекеттер орындалады:

Құрылған мәтіндік Web-түйінді ашу.

Негізгі бетке элементтері басқа беттерге өту үшін қолданылатын мәтіндік тізім орнату.

Тізімнен алғашқы элементті белгілеп алып, сонан соң келесі тәсілдердің бірін орындау:

Insert (Кірістіру) мәзірінен Hyperlink (Гиперсілтеме) командасын таңдау.

Тышқанның оң пернесін басу арқылы контексті мәзірден Hyperlink командасын таңдау.

Стандартты саймандар панелінен Hyperlink түймесін басу.

Ctrl+k пернелерін комбинациясын басу.

Create Hyperlink сұхбат терезесінің түймелері.

Түйме

Аталуы

Қызметі

Use your Web brouser to select a page or file (Бетті шолушы көмегімен таңдау)

Компьютерде орнатылған шолушы іске қосылып, интернеттен сілтеме орнаты латын беттерді іздейді. Табылған беттің мекен- жайы Create Hyperlink сұхбат терезе сінің URL жолына өтеді.

Make a hyperlink to file on your computer (Сіздің компьютердегі файлдарға сілтемелер орнату)

Сілтеме орнатылатын компьютер дискісіндегі файлдарды табуға мүмкіндік беретін Select File сұхбат терезесі ашылады.

Make a hyperlink sends E-mail (Электронды поштаға жіберу үшін сілтеме құру)

Хатты электронды поштаға жіберу үшін сілтеме құру мүмкіндігін беретін, Create E-mail Hyperlink сұхбат терезесі (1.6-сурет) ашылады. Жолға хат алушының мекен-жайын енгізіп, ОК түймесін баса мыз, сілтеме құрылады.

Creat a page and link to the new page (Жаңа бет құрып, оған сілтеме орнату)

Бұл түймені басқанда бізге таныс New (Жаңа) сұхбат терезесі ашылады. Осы терезеде құрылатын беттердің шаблонын таңдап, ОК түймесін басамыз. Жаңа бет құрылып, оған сілтеме орнатылады. Егер құрылатын беттің шаблонын анықтап алмаған болсақ, New сұхбат терезесінің Just add web Task жолаушасын орнатамыз. Бұл кезде Front Page бағдарламасы беттің атын сұрайды, бірақ оны құруды кейінге қалдырып, орындалмаған тапсырмалар тізіміне орналастырады.

Web – беттеріне кесте қолдану

Кесте құрылымы және оны құру. Кесте ақпараттық құрылымның айқын элементі болғандықтан Web-бетінде бүтіндей ұғымды құрылымды қамтамасыз етеді. Кесте ақпараттарды қатарлар мен бағандар түрінде көрсетіп ұйымдастыратын HTML-дің құралы болып келеді.

Ақпараттың түріне байланысты кестенің ұяшықтарын, қатарларын және бағандарын бөліп тұратын сызықтармен шектелген кестені (2.1-сурет) немесе графикалық ақпараттарда шектеу сызықтарын қажет етпейтін кестені таңдауға болады.

Графикалық обьектілерді орнату

Графикалық форматтардың түрлері. Web-беттерінде графикалық обьектілер ақпараттық мәлімет немесе гиперсілтеме түрінде қолданылады. Сондай-ақ гиперсілтеменің мақсатты қоры болып келетін графикалық файлға нұсқауға болады, оны шерту арқылы көрсеткенде осы файл браузерде ашылады.

Графикалық объектілер әшекелеудің бағалы элементі болып табылады және біркелкі мәтіндік бетке өң береді.

Web-бетінің бөлігі болып келетін графикалық объектілер орнатылған графикалық обьектілер деп аталады. Соған байланысты HTML мәтіндік ақпаратты көрсету тілі болғандықтан, орнатылған графикалық объектілер бөлек файлдарда сақталынады және Web-бетімен бірге браузерде ашылып көрсетіледі.

1 .7. Жүгіртпе жолды жасау

Жүгіртпе жолды жасау үшін Вставка – Веб компонент командасын орындаймыз:

1.8. Батырма жасау

Батырма жасау үшін: «Вставка – Меняющая Кнопка» командасын орындаймыз :

1.9. Web – бетті сақтау

Беттер Файл (File) – Сохранить (Save) немесе Файл (File) – Сохранить как (Save As) командасымен немесе саймандар тақтасындағы Save батырмасын тышқанның шертуімен сақталады.

Қорытынды

Неғұрлым маңызды НТМL редакторы деп  Microsoft FrontPage- ні атауға болады.Бұл Интернетке арналған арнайы редактор және, бір жақсысы, ол Word-қа ұқсайды.

Редактордың тамаша мүмкіндіктерінің бірі-оның беттерді WYSIWYG режімінде көрсете алатын қабілетінде(what you see is what you get-не көрсеңіз, соны аласыз.)Күні кеше ғана НТМL кодтарында әрбір ұсақ-түйекті қолмен сипаттап отыруға мәжбүр болып, нәтиже ойдағыдай болатынына үміттеніп қана қоятын едік.Енді беттің Редакторында дұрыс көрінуіне ғана қол жеткізу жеткілікті. Frontрage Редакторы жеке беттерді де, Web- торапты да тұтас жасауға мүмкіндік  береді. Осы бағдарламаны қолдану арқылы келген мақсатта сайт аша алады.