ფედერალური სააგენტო განათლების Belgorod სახელმწიფო ტექნოლოგიური უნივერსიტეტი. V. G. Shukhov
S.P. Gavrilovskaya, R.A. Meatseedov, A.I. Rybakov
ინტერნეტ ტექნოლოგიები
მეთოდური ინსტრუქციები სავარაუდო და გრაფიკული ამოცანის შესრულებისათვის
ეკონომიკური მიმართულებების სტუდენტებისთვის
ბელგორორის
ლაბორატორიული სამუშაო ნომერი 1 HTML დოკუმენტის სტრუქტურა. |
|
ფორმატირება HTML დოკუმენტი ............................................... ...... |
|
ლაბორატორიული სამუშაო ნომერი 2 სიები მარტივია და ინვესტიცია. |
|
შექმნა HTML მაგიდის .............................................. ......................... |
|
ლაბორატორიული სამუშაო ნომერი 3 ჰიპერბმულების შექმნა. |
|
HTML დოკუმენტებში გრაფიკით მუშაობა ............................................ |
|
ლაბორატორიული სამუშაო ნომერი 4 CSS ტექნოლოგია. |
|
ვებ-გვერდის დიზაინის შემუშავება ........................................... ... |
|
ლაბორატორიული სამუშაო ნომერი 5 ინტერაქტიული შექმნა |
|
HTML დოკუმენტები ................................................ .............................. |
ლაბორატორიული სამუშაო ნომერი 1 HTML დოკუმენტის სტრუქტურა.
HTML დოკუმენტის ფორმატირება
ოპერაცია: შექმნა და ტესტირება HTML ფაილი. კონტეინერების, წყვილების კონცეფცია unpaired tags და ელემენტები.
ჰიპერტექსტის მარკირების ენა (HTML) არის სტანდარტული,
შექმნილია ჰიპერტექსტის დოკუმენტების შექმნა ვებგვერდზე. HTML დოკუმენტები შეიძლება ჩაითვალოს სხვადასხვა ტიპის ვებ ბრაუზერები. როდესაც დოკუმენტი შეიქმნა HTML- ის გამოყენებით, Webbrazer- ს შეუძლია HTML- ის ინტერპრეტაცია დოკუმენტისა და პირველადი დამუშავების სხვადასხვა ელემენტებს. HTML- ის გამოყენებით საშუალებას გაძლევთ თქვენი პრეზენტაციისთვის დოკუმენტების ფორმატირება შრიფტის, ხაზებისა და სხვა გრაფიკული ელემენტების გამოყენებით მათ ნებისმიერ სისტემაში.
HTML დოკუმენტები შეიძლება შეიქმნას ნებისმიერი ტექსტის რედაქტორი ან სპეციალიზებული HTML რედაქტორები და კონვერტორები. HTML დოკუმენტები განთავსებულია ვებ-საიტებზე.
ვებ კვანძი არის სპეციალური საქაღალდე, რომელშიც ფაილი შეიცავს ტექსტურ ინფორმაციას HTML ფორმატში ნებისმიერ თემაზე, ასევე ინფორმაცია ნახაზების, გრაფიკების, ფოტოების, ანიმაციის სურათების სახით Ხმის ეფექტები. არსებობს ორი ტიპის საიტები:
ინტერნეტ სერვისის პროვაიდერი იქმნება ვებ-სერვერზე. შეიქმნა ინტრანეტებში, როგორც ჯგუფის ვებ-კვანძები.
პროექტის შექმნის თანმიმდევრობა
პროექტის შექმნის პროცესი რამდენიმე ეტაპისგან შედგება.
პირველ ეტაპზე, პროექტის შექმნის დაწყებამდე უნდა განისაზღვროს მისი ფუნქციური მიზნით და საინფორმაციო მასალის თემატური ორიენტაცია.
მეორე ეტაპზე, ზოგადი თემის დაშლა, როგორც წესი, თემატურ ქვედანაყოფებსა და ინდივიდუალურ სტატიებზეა ჩართული მათ შორის კავშირების განმარტებით. ასეთი დეკომპოზიციის შედეგი არის პროექტის სტრუქტურის შექმნა.
HTML დოკუმენტის სტრუქტურა
HTML დოკუმენტები შეიძლება ჰქონდეს სხვადასხვა სტრუქტურა, რომელიც მოიცავს სხვადასხვა ელემენტებს, მაგრამ ისინი უნდა შეიცავდეს ორ საჭირო ელემენტს:
Page Header სექცია - ხელმძღვანელი.
სხეულის დოკუმენტი - სხეული.
განყოფილების სათაურიიგი ემსახურება გვერდის ზოგადი თვისებების აღსაწერად, როგორიცაა გვერდის სათაური გვერდი (სახელი), რომელიც გამოჩნდება ბრაუზერის ფანჯრის სახელის ხაზის ხაზში, მეტა-დიზაინსა და სტილის ფურცლებზე. მეტა - ინსტრუქციები გამოიყენება საძიებო სისტემებისთვის საჭირო პარამეტრებისათვის.
HTML- ში, მხოლოდ ერთი კონცეფცია არის tag (ინგლისურიდან tag). ტეგი არის ასიმეტრიული ნიშნების სიმბოლოების კომბინაცია "<" и ">".
არსებობს ორი ძირითადი სახეობის tags:
წყვილი tags - მოითხოვს თანდასწრებით დახურვის tag. გახსნისა და დახურვის tags ქმნის კონტეინერს, რომელშიც ინფორმაცია მდებარეობს.
მაგალითები:< b >…, < p >…
Unpaired tags - არ აქვს დახურვის tag.
მაგალითები:< img />, < hr/ >, < br/ >.
საკვანძო პარამეტრების მითითება მხოლოდ გახსნის წყვილსა და არასასურველ ტეგს. ისინი განლაგებულია ტეგის შიგნით და ფართები. თითოეულ ტეგს აქვს საკუთარი პარამეტრების პარამეტრები. საკვანძო სიტყვების შიგნით რამდენიმე პარამეტრის ჩამორთმევის ბრძანება შეიძლება იყოს თვითნებური. პარამეტრის ღირებულების განსაზღვრისას შეთავაზებების არსებობა.
კომენტარები მიზნად ისახავს HTML კოდექსის ფრაგმენტების მიზანს და შედგენილია შემდეგნაირად: და მათ შეუძლიათ რამდენიმე ხაზი.
Tags შეიძლება ინვესტიცია ერთმანეთს. ამ შემთხვევაში, მნიშვნელოვანია შეასრულოს გახსნისა და დახურვის თანმიმდევრობა:<тэг1><тэг2><тэг3>ტექსტიзакрытие тэга3>закрытие тэга2>закрытие тэга1>
HTML დოკუმენტის სტრუქტურა ასეთია:
დოკუმენტის სათაურები
დოკუმენტის ორგანო
ტაგ არის ნიშანი, რომ ეს ფაილი შეიცავს HTML დოკუმენტს. ყველა ვებ დოკუმენტი იწყება მასთან, და, მოძიებაში
განცხადებები
შეზღუდოს სექციის სათაურების სექცია. ეს სექცია არ შეიცავს ფაქტობრივ დოკუმენტს. იგი მოიცავს მხოლოდ tags (სპეციალურად განკუთვნილი ამ სექციაში), რომელიც ეხება დოკუმენტს მთლიანად. იგივე სექცია მოიცავს დოკუმენტის სათაურს, რომელიც მითითებულია ტეგითტაგ
-ში ბრაუზერის ფანჯარა და შინაარსიაᲕებ გვერდები.
ერთად tag.< font> თქვენ შეგიძლიათ დააყენოთ ტექსტის ფერი და ზომა. ტექსტის ფერი არის ფერადი ატრიბუტით და ზომის ატრიბუტის ზომა. Მაგალითად:
სათაურები
ნებისმიერი ვებ გვერდი შეიძლება შედგებოდეს ნაწილების, თავების ნაწილი, თავი-პარაგრაფები და ასე შემდეგ. ასეთი იერარქიული სტრუქტურა შედგება რამდენიმე დონეზე, და თითოეულ დონეზე აქვს საკუთარი სათაურები. შრიფტის ზომები, რომლებიც აჩვენებენ სათაურებს სხვადასხვა დონეზეშეიძლება იყოს განსხვავებული. გააკეთეთ ეს ძალიან მხოლოდ წყვილის დახმარებით
.... ყველაზე დიდი სათაური შრიფტი არის მითითებული tags და
. Მაგალითად:
და
. Მაგალითად:Ნაწილი 1.
Თავი 1.
მესამე დონის სათაურმა, რომელსაც ტეგი მართალია
, ძალიან ახლოს ნორმალური (ჩვეულებრივი) შრიფტით. განცხადებები , , შექმნა პატარა სათაურები.
, შექმნა პატარა სათაურები.
სათაურები შეიძლება განთავსდეს ეკრანის ცენტრში და ასევე შეგიძლიათ დაამატოთ ისინი გვერდის ზღვარზე (მარჯვნივ ან მარცხნივ). იმისათვის, რომ ამის გაკეთება, ვრცელდება align \u003d "" ატრიბუტი შიგნით სათაური tag. Მაგალითად:
ცენტრი ცენტრში
მარცხნივ მარცხნივ.
1. გაეცანით თეორიულ მასალას.
2. ჩამოტვირთეთ Notepad პროგრამა.
3. შექმენით HTML დოკუმენტი, რომელიც ბრაუზერის ფანჯარაში არის ნაჩვენები, როგორც ნაჩვენებია ნახატზე 1.
ნახაზი. 1. მაგალითი HTML ფაილის შექმნა მარტივი Tags- ის გამოყენებით
ჩამონათვალი დოკუმენტი
ჰეი! ეს არის ჩემი პირადი მთავარი გვერდი! Მე მქვია
(მიუთითეთ თქვენი გვარი, სახელი და პატრონომიური).
(მიუთითეთ თქვენი გვარი, სახელი და პატრონომიური).
Ჩემი ქალაქი
მე ვცხოვრობ ბელგორორის
ჩემი ჯგუფი
მე შეისწავლე ......
ჩემი ჰობია
ჩემი ჰობია მუსიკა, სპორტი.
Ჩემი მეგობრები
Ჩემი მეგობრები ყველა მე დახმარება.
5. გახსენით ფაილი ბრაუზერის ფანჯარაში და თუ არსებობს ხარვეზები, აღმოფხვრა
6. შეასრულეთ დავალება.
შექმნა HTML დოკუმენტი და მოათავსეთ ტექსტი მასში შენახვა IT ფორმატირება. სათაურები ხაზს უსვამს წითელ, ცენტრში და ჰორიზონტალურ ხაზს ცალკე. სიტყვები დაბეჭდილი, იტალიური მაჩვენებლები ლურჯი. შეინახეთ ფაილის ფაილი * .html გაფართოება. შეამოწმეთ დოკუმენტი ბრაუზერის ფანჯარაში და, თუ არსებობს ხარვეზები, აღმოფხვრა მათ.
კონტროლის კითხვები
1. რა სახის ტიპები იცითHTML tags?
2. ჩამოთვალეთ tags, რომლებიც ყველაზე ხშირად გამოიყენება ვებტერის სათაურში.
3. როგორ შევცვალოთ პარაგრაფის გახსნისას?
4. გამოიყენეთ რა tag შეგიძლიათ დააყენოთ ყველა ექვსი დონეზე სათაურები?
5. რა შეიძლება შეიქმნას სათაურით?
6. რა tags უნდა იქნას გამოყენებული მიიღოს გაანადგურა თამამი ტექსტები?
7. ახსენით შემდეგი კოდის ფრაგმენტი მხიარული HTML
8. რა მოხდება, თუ tag იქნება დახურული არ არის დახურული?
ლაბორატორიული სამუშაო ნომერი 2 სიები მარტივია და ინვესტიცია. შექმნა HTML მაგიდები
მიზანი მუშაობის: ადგილმდებარეობის და ტესტირება HTML ფაილი. სიების შექმნა. მაგიდები და მათი სტრუქტურა. გვერდი Maketling გამოყენებით მაგიდები.
მოკლე თეორიული ინფორმაცია
HTML დოკუმენტში სამი ძირითადი ტიპი არსებობს: განმარტებების დანომრილი შეაფასა სია
ჩვენ შეგვიძლია შევქმნათ ინვესტირებული სიები სხვადასხვა სიების გამოყენებით ან სხვების შიგნით. ამისათვის თქვენ უბრალოდ უნდა მოათავსოთ ერთი წყვილი tags (დაწყებული და საბოლოო)
სხვა. თანდართული სიის ელემენტები ექნებათ იმავე მარკერებს, რომლებიც მითითებულია სიის პუნქტის მიხედვით - დამოკიდებულია ბრაუზერზე. დეტალურად დეტალურად "შემოტანილი სიები" სექციაში.
დანომრილი სიები
დანომრებულ სიაში, ბრაუზერი ავტომატურად ჩანერგავს ელემენტების ნომრებს. ეს იმას ნიშნავს, რომ თუ თქვენ წაშლის სიის ერთი ან მეტი ელემენტის წაშლა, სხვა ნომრები ავტომატურად დაიბრუნებს.
დანომრილი სია იწყება დაწყებული ტეგით
- და მთავრდება tag
1. პროგრამირება
2. ალგორითმიზაცია
3. დიზაინი
ტაგ
- შეიძლება პარამეტრების რაოდენობა:
- პროგრამირება
- ალგორითმიზაცია
- ჩაფიქრება
- . Მაგალითად:
- პროგრამირება
- ალგორითმიზაცია
- ჩაფიქრება
- პროგრამირება
- ალგორითმიზაცია
- ჩაფიქრება
- ტერმინი
- ტერმინი განმარტება
- ტერმინი
- ტერმინი განმარტება
სად: ტიპი - Counter- ის ტიპი:
A - დიდი ლათინური ასოები (A, B, C ...) A - Little Latin ასოები (A, B, C ...) I - დიდი რომან მოღვაწეები (I, II, III ...) I - პატარა რომან მოღვაწეები (I, II, III ...) 1 - ჩვეულებრივი რიცხვები (1,2,3 ...)
დაწყება \u003d "N" არის საერთო, საიდანაც დათვლა იწყება მაგალითად:
XV პროგრამირება
XVI. ალგორითმიზაცია
XVII. ჩაფიქრება
აღინიშნება სიები.
ლეიბლის სიაში, ბრაუზერი, როგორც წესი, იყენებს სიის ნიშნის მარკირებას. ტიპის მარკერი, როგორც წესი, კონფიგურაცია ბრაუზერის მომხმარებელი.
ეტიკეტების სია იწყება დაწყებული ტეგით
- და მთავრდება tag
პროგრამირება
ალგორითმიზაცია
ჩაფიქრება
ტაგ
- შეიძლება ჰქონდეს პარამეტრი:
საკვანძო ტიპი
- განსაზღვრა გარეგნობა მარკერი, როგორც ნაგულისხმევი ხედვა (დისკი), მრგვალი (წრე) ან მოედანი (მოედანი). Მაგალითად:
პროგრამირება
ალგორითმიზაცია
დიზაინი
განმარტებების სიები.
< dl>… dl> - წყვილი tag - მონიტორები სიები განმარტებები.
დიზაინი:
ერთად tag
- თქვენ შეგიძლიათ გამოიყენოთ კომპაქტური ატრიბუტი, რათა შეიქმნას სიის უფრო კომპაქტური ადგილმდებარეობა.
დიზაინი:
ცხრილები HTML- ში ორგანიზებულია, როგორც სვეტების და ხაზების კომპლექტი. უჯრედების უჯრედებს შეუძლიათ შეიტანონ ნებისმიერი HTML ელემენტები, როგორიცაა სათაურები, სიები, პუნქტები, ციფრები, გრაფიკა და ფორმის ელემენტები.
ძირითადი tags მაგიდა მაგიდა:
ეს არის ძირითადი tags აღწერს მაგიდასთან. მაგიდის ყველა ელემენტი უნდა იყოს ამ ორი tags. ჩვეულებრივ, მაგიდას არ აქვს ჩარჩოები და გამყოფები. კენჭისყრა საზღვრის ატრიბუტს დაემატება.
მაგიდის მწკრივი:
მაგიდის რიგების რაოდენობა განისაზღვრება მონაწილეთა რიცხვებით
მაგიდის საკანში:
აღწერს სტანდარტული მაგიდის უჯრედს. მაგიდის საკანში შეიძლება მხოლოდ ცხრილის შიგნით აღწერილი იყოს. თითოეული საკანში უნდა იყოს დათვლილი სპიკერის ნომერი, რომლისთვისაც აღწერილია. თუ არ არსებობს ერთი ან მეტი საკანი ზედიზედ ზოგიერთი სვეტისთვის, ბრაუზერი ცარიელია ცარიელი საკანში. ნაგულისხმევი უჯრედში მონაცემების ადგილმდებარეობა განისაზღვრება ატრიბუტების მიერ align \u003d "მარცხენა" და Valign \u003d "შუა". ეს მდებარეობა შეიძლება გამოსწორდეს როგორც სიმებიანი აღწერილობის დონეზე და საკანში აღწერის დონეზე.
მაგიდის ნებისმიერი საკანში შეიძლება განისაზღვროს არ tags
ეს არის ჩვეულებრივი საკანში, მაგრამ ტექსტის შიგნით ამ tags იქნება ხაზგასმული თამამი და ორიენტირებული.
ხელმოწერა:
ეს tag აღწერს მაგიდასთან (ხელმოწერის) სახელს. ტაგ
განსაზღვრავს, სადაც მაგიდა გამოყენებული იქნება ზედა ან ქვედაზე. ხელმოწერა ყოველთვის არის ორიენტირებული მაგიდის სიგანეზე.
ძირითადი ატრიბუტების სასაზღვრო მაგიდა
ეს ატრიბუტი გამოიყენება მაგიდაზე. თუ ეს ატრიბუტი იმყოფება, მაგიდის საზღვარი შედგენილია ყველა საკნებში და მაგიდაზე. საზღვარს შეუძლია მიიღოს რიცხვითი მნიშვნელობა, რომელიც განსაზღვრავს საზღვრის სიგანეს, მაგალითად სასაზღვრო \u003d "3".
რაინდი ბარელზე სექტემბერი 19, 2012 at 11:16შეცდომები, რათა თავიდან იქნას აცილებული HTML კოდი
ყველას, ვინც ყოველდღე მუშაობს HTML- ით, ძალიან ყურადღებიანი უნდა იყოს, რადგან ეს ასე არ არის ადვილი, რომ ყველა HTML წესები დაიცვას. ეს არის ძალიან მნიშვნელოვანი, რადგან HTML- ის დამმუშავებელი აღმოაჩენს ყველაფერს, თუნდაც უმნიშვნელო, ხარვეზებს და თქვენ მიიღებთ გვერდის კოდს შეცდომებთან. დღეს ჩვენ ვცდილობთ ყურადღება მიაქციოთ მათ ყველაზე გავრცელებულ მათ. დარწმუნებული ვარ, რომ შემოთავაზებული რეკომენდაციები ძალიან სასარგებლო იქნება მრავალი და განსაკუთრებით დამწყებთათვის, დეველოპერებისთვის. ასე რომ მისასალმებელია
არასწორი nesting HTML ტეგები
ძალიან მნიშვნელოვანია სწორად სწორად ყველაფერი. HTML Tags. მათ უნდა დახურონ საპირისპირო მიზნით შედარებით, თუ როგორ ისინი ღია. ყველაზე დამწყებთათვის არ იხდის ყურადღებას. თუ tags დახურულია არასწორი მიზნით, მაშინ მიიღებთ შეცდომებს Validation- ში, და ზოგიერთი სტილის გამოყენება არ შეიძლება. Ფრთხილად იყავი!
შეცდომა
გამოთვლადიქვედა შემთხვევაში ბლოკის ელემენტების გამოყენება
ყველა, ვინც მინიმუმ პატარა გამოიყენა HTML პრაქტიკაში მე ვიცი, რომ ელემენტი შეიძლება იყოს ნაჩვენები ან როგორც ბლოკი ან სიმებიანი. ბლოკის ელემენტები, მათ შორის, პუნქტები და ტიხრები უნდა შეიცავდეს ამას. ეს არის ლოგიკური დოკუმენტი stratt, ასე რომ დარწმუნდით, რომ თქვენი კოდი შეესაბამება მას.