Როგორ იხილოთ HTML წყარო Google Chrome- ში

შეიტყვეთ, თუ როგორ აშენდა ნახვა თავისი კოდის ნახვის გზით

როდესაც მე პირველად დავიწყე ჩემი კარიერა ვებ დიზაინერი, მე იმდენად გავიგე, რომ გადავხედავ მუშაობის სხვა ვებ დიზაინერებს, რომელთაგან მე აღფრთოვანებული ვარ. მე მარტო არ ვარ. ხართ თუ არა ახალი ვებ ინდუსტრია ან სეზონური ვეტერანი, რომელიც იხილავს HTML ვებ-გვერდს სხვადასხვა ვებ-გვერდებზე, რაც, სავარაუდოდ, ბევრჯერ გააკეთებს თქვენს კარიერაში.

მათთვის, ვინც ვებ-დიზაინზე ახალია, საიტის კოდის ნახვაა ერთ-ერთი ყველაზე იოლი გზაა იმის დანახვა, თუ როგორ ხდება გარკვეული სამუშაოები, რომ შეგიძიათ ისწავლოთ ამ სამუშაოსგან და დაიწყოთ გარკვეული კოდებისა და ტექნიკის გამოყენება საკუთარი მუშაობით. როგორც ნებისმიერი ვებ დიზაინერი მუშაობს დღეს, განსაკუთრებით მათ, ვინც უკვე მას შემდეგ, რაც ადრეულ დღეებში ინდუსტრიაში, და ეს არის უსაფრთხო ფსონი, რომ ისინი გითხრათ, რომ ისინი უბრალოდ შეიტყვეს HTML ვებ გვერდების წყარო, რომ ისინი დაინახეს და intrigued მიერ. გარდა ვებ-დიზაინის წიგნების კითხვისა და პროფესიული კონფერენციების მოსმენისა , საიტის კოდის ნახვა ათვალიერებს HTML- ს სწავლისთვის.

უბრალოდ HTML

ერთი რამ უნდა გვახსოვდეს არის ის, რომ წყაროს ფაილები შეიძლება ძალიან რთული იყოს (და უფრო რთული ვებ-გვერდის ნახვის ნახვა უფრო რთულია, რომ საიტის კოდი იყოს). გარდა HTML სტრუქტურა, რომელიც ქმნის გვერდზე თქვენ ათვალიერებენ, ასევე იქნება CSS (კასკადური სტილების), რომლებიც უკარნახოს ვიზუალური გამოჩენა, რომ საიტი. გარდა ამისა, დღეს ბევრი ვებ-გვერდი შედის სკრიპტის ფაილი HTML- თან ერთად.

სავარაუდოდ, მრავალრიცხოვანი სკრიპტის ფაილი შედის, სინამდვილეში, თითოეული მათგანი სხვადასხვა ასპექტის საიტია. გულწრფელად, საიტის კოდის ჩანერგვა შეიძლება დაუძლეველი იყოს, მით უმეტეს, თუ ახალი ხართ. არ მიიღოთ იმედგაცრუებული, თუ ვერ გაერკვნენ, რა ხდება ამ ადგილას დაუყოვნებლივ. HTML წყაროს ნახვა მხოლოდ ამ პროცესში პირველი ნაბიჯია. ცოტა გამოცდილებით, დაიწყებთ უკეთ გაერკვნენ, თუ როგორ შეესაბამება ყველა ეს ცალი ერთობლივად შექმნას ვებსაიტი, რომელიც ხედავთ თქვენს ბრაუზერში. როგორც უფრო კარგად იცნობთ კოდს, თქვენ შეძლებთ უფრო მეტი ისწავლოთ მისგან და არ ჩანს, რომ არ გაგიჩნდება.

ასე რომ, როგორ ხედავთ ვებ-გვერდის წყაროს კოდი? აქ არის ნაბიჯ ნაბიჯ ინსტრუქციები ამისათვის Google Chrome ბრაუზერის გამოყენებით.

ეტაპობრივად ინსტრუქციები

1. გახსენით Google Chrome ბრაუზერის (თუ არ გაქვთ Google Chrome დაყენებული, ეს არის უფასო ჩამოტვირთვა).
2. ნავიგაცია ვებ გვერდზე, რომლის დათვალიერებაც გსურთ .
3. მარჯვენა ღილაკით გვერდზე და ნახეთ მენიუ, რომელიც გამოჩნდება. ამ მენიუდან, დააჭირეთ გვერდის წყაროს ნახვა .
4. ამ გვერდის წყაროს კოდი ახლა ბრაუზერში ახალი ჩანართად გამოჩნდება.
5. გარდა ამისა, ასევე შეგიძლიათ გამოიყენოთ კლავიშები CTRL + U- ში PC- ში, გახსენით ფანჯარა საიტის კოდის მითითებით. Mac- ზე, ეს კომბინაცია არის ბრძანება + Alt + U.

შემქმნელი ინსტრუმენტები

გარდა ამისა მარტივი ნახვა გვერდი წყარო შესაძლებლობა, რომელიც Google Chrome სთავაზობს, ასევე შეგიძლიათ ისარგებლოს მათი შესანიშნავი შემქმნელი ინსტრუმენტები გათხრა კი სიღრმეში საიტზე. ეს ინსტრუმენტები საშუალებას მოგცემთ არა მარტო HTML, არამედ CSS- ის გამოყენება, რომელიც HTML დოკუმენტის ელემენტების სანახავად გამოიყენება.

Chrome- ის დეველოპერის ინსტრუმენტების გამოყენება:

1. Google Chrome- ის გახსნა.
2. ნავიგაცია ვებ გვერდზე, რომლის დათვალიერებაც გსურთ .
3. დაწკაპეთ ხატი ბრაუზერის ფანჯრის ზედა მარჯვენა კუთხეში სამი ხაზით .
4. მენიუდან, გააქტიურეთ მეტი ხელსაწყოები და შემდეგ დააჭირეთ დეველოპერის ინსტრუმენტები მენიუში, რომელიც გამოჩნდება.
5. ეს გაიხსნება ფანჯარაში, რომელიც აჩვენებს HTML კოდის მარცხენა მხარეს მარცხენა მხარეს და მასთან დაკავშირებული CSS.
6. ალტერნატიულად, თუ შეგეძლებათ ელემენტის ნახვა ვებ-გვერდზე და შეარჩიეთ იმ მენიუდან, რომელიც გამოჩნდება Chrome- ის დეველოპერის ხელსაწყოების პოპზე, ხოლო შერჩეული ზუსტი ელემენტი იქნება HTML- ში მოცემული შესაბამისი CSS- ის მიერ ნაჩვენები უფლება. ეს არის სუპერ გამოსადეგი თუ გსურთ შეიტყოთ უფრო მეტი იმაზე, თუ როგორ მოხდა საიტის კონკრეტული ნაჭერი.

არის თუ არა კოდექსი იურიდიული?

წლების განმავლობაში, მე მქონდა ბევრი ახალი ვებ დიზაინერი ეჭვქვეშ თუ არა მისაღებია საიტის კოდის სანახავად და გამოიყენოს ეს მათი განათლებისა და საბოლოო ჯამში მუშაობა, რომ ისინი. საიტი კოდის საბალანსო კოპირების გადაღებისას და საიტის გამორთვა, რა თქმა უნდა, არ არის მისაღები, ამ კოდის გამოყენებით, როგორც პლაცდარმი უნდა ისწავლოს, რეალურად რამდენი მიღწევაა ამ ინდუსტრიაში.

როგორც აღვნიშნავდი ამ სტატიის დასაწყისში, მკაცრად დაგიჭრებოდი, რომ იპოვო სამუშაო პროფესიონალი, რომელიც არ არის ცნობილი რაღაც საიტის ნახვის გზით! დიახ, საიტის კოდის ნახვა არის იურიდიული. ამ კოდის გამოყენება, როგორც რესურსების აშენება, ასევე კარგია. კოდი ისე, როგორც ეს არის და გადის, როგორც თქვენი სამუშაო, სადაც დაიწყებთ პრობლემებს.

საბოლოო ჯამში, ვებ პროფესიონალები სწავლობენ ერთმანეთისგან და ხშირად გააუმჯობესებენ მუშაობას, რასაც ხედავენ და შთაგონებულია, ამიტომ ნუ დააყოვნებთ საიტის კოდის სანახავად და გამოიყენეთ როგორც სასწავლო ინსტრუმენტი.