თქვენ თვითონ შეგიძლიათ გაეცნოთ საიტის შექმნის საფუძვლებს; ამ თემაზე საკმარისი ინფორმაციაა ინტერნეტში და წიგნებში. ამასთან, საწყის ეტაპზე ხშირად წარმოიქმნება სირთულეები ამა თუ იმ ნიშნის გამოყენებისას. მართლაც, ყველაზე ხშირად დამახსოვრებულია ყველაზე გავრცელებული კომპონენტები, რადგან ისინი აუცილებელია ნებისმიერი ვებსაიტის წერისას.
ინსტრუქციები
Ნაბიჯი 1
აირჩიეთ სურათი, რომლის გამოყენება გსურთ თქვენი ფონის სურათად. თუ ილუსტრაციას ტექსტის ჩასმა აპირებთ, ამ შემთხვევაში სასურველია შემოიფარგლოთ ვარიანტებით, ჭარბი მრავალფეროვნების გარეშე, რომელშიც გამოყენებულია ახლო ხასიათის რამდენიმე ფერი. პრინციპში, ტალღების აღმოსაფხვრელად შეგიძლიათ შექმნათ "ფონი" შინაარსისთვის - და პრობლემა წარმატებით მოგვარდება.
ნაბიჯი 2
შეასწორეთ სურათი Adobe Photoshop– ის გამოყენებით. დასრულების შემდეგ აირჩიეთ File for Web ბრძანება File მენიუდან და აირჩიეთ თქვენთვის სასურველი საქაღალდე. თუ ეს არის პირველი სურათი, რომელიც გამოიყენება საიტისთვის, მაშინ ავტომატურად იქმნება საქაღალდე "სურათები".
ნაბიჯი 3
თეგში დაწერეთ background = "გზა სურათისკენ" ატრიბუტი. ჩანაწერის მაგალითი: ან. ამავე დროს, გახსოვდეთ, რომ კოდი მხოლოდ ერთხელ უნდა გამოჩნდეს კოდში, ის არ უნდა გამრავლდეს.
ნაბიჯი 4
შეინახეთ ცვლილებები ჩასაწერად, დააჭირეთ ბრაუზერში ღილაკს "განახლება". ფონი გამოჩნდება ეკრანზე. თუ სურათის ზომები უფრო მცირეა, ვიდრე ვებ – გვერდის პარამეტრები, მაშინ სურათის კოპირება მოხდება, რამდენჯერაც საჭიროა, მთლიანი სივრცის შესავსებად. ამ დეფიციტის გამოსასწორებლად ორი გზა არსებობს:
• Adobe Photoshop პროგრამის გამოყენებით, პიქსელებში დააყენეთ სურათის საჭირო პარამეტრები ("სურათი" - "სურათის ზომა");
• html- კოდში დააყენეთ საჭირო ზომები.
მაგალითად, თუ სიგანე 1250 px, ხოლო სიმაღლე 650 px, მაშინ უნდა დაამატოთ აუცილებელი ატრიბუტები ცხრილის უჯრედისთვის, რომელშიც განთავსდება სურათი.
თქვენ ვერ დააყენებთ ზომას თეგში - სურათი ყოველთვის გამოჩნდება სრული ზომით.
ნაბიჯი 5
ფონების სურათის ჩასასმელად ccs ანალოგი:
ფონი-სურათი
სხეული {
background-image: url (images / bg.jpg);
}
"Background-image: url (images / bg.jpg)" ატრიბუტი არის ფონის სურათისკენ მიმავალი გზა.
განსაზღვრავს მუსიკალური ფაილის თეგს. ხმის ხანგრძლივობა, მუსიკის მოცულობა და დამატებითი მახასიათებლები განისაზღვრება ტეგის ატრიბუტების გამოყენებით, ან მათი კონტროლი შესაძლებელია სკრიპტებით. ტეგი მოთავსებულია მხოლოდ განყოფილებაში. ინსტრუქციები Ნაბიჯი 1 გადადით გვერდზე, სადაც გსურთ დააყენოთ მუსიკა
Twitter- ის თითოეული გვერდის დიზაინი შეიძლება გახდეს უნიკალური და საინტერესო, მომსახურების დიზაინის ვარიანტების გამოყენებით. შეგიძლიათ თქვენი Twitter გახდეთ უნიკალური და მიმზიდველი, მასზე თავისუფალი დროის დახარჯვით. ინსტრუქციები Ნაბიჯი 1 თქვენი Twitter ფონის სურათის შესაცვლელად, გადადით პარამეტრების ჩანართზე, გვერდის ზედა მენიუში
მარკირების ენის - HTML - და კასკადური სტილის ფურცლების - CSS - შესაძლებლობები საშუალებას გაძლევთ განათავსოთ ერთი სურათი მეორეში მრავალი გზით. რა თქმა უნდა, ამისათვის საჭიროა გარკვეული უნარ-ჩვევები ვებგვერდის განლაგების პროცესში და თქვენ უნდა აირჩიოთ კონკრეტული მეთოდი არსებული კოდის საფუძველზე
ზოგჯერ საჭიროა საიტზე სურათების ნახვის ამოღება. მიუხედავად მაღალსიჩქარიანი შეუზღუდავი ინტერნეტის ფართო გამოყენებისა ქალაქებში, ბევრს მაინც მიუწვდება ქსელი აკრიფეთ მოდემის გამოყენებით და უმეტეს შემთხვევაში საჭიროა სურათების ჩვენების ამოღება ნელი სიჩქარის ან ტარიფის ოდენობის გამო მონაცემები ინსტრუქციები Ნაბიჯი 1 გრაფიკა ხშირად წარმოადგენს გვერდის მთავარ "
ყველაფერი, რასაც ვებგვერდი ხედავს საიტის გვერდებზე, მისთვის ბრაუზერი იძლევა ვებ – სერვერის მიერ გამოგზავნილ დეტალურ ინფორმაციას. ამ ინფორმაციას ეწოდება გვერდის html- კოდი და შედგება ცალკეული ინსტრუქციებისგან - "თეგები", რომლებიც აღწერს თითოეული ცალკეული ელემენტის გარეგნობასა და ადგილმდებარეობას