Დამატება ერთი ხაზი Break in Dreamweaver დიზაინი ნახვა

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

Dreamweaver არის კარგი ვარიანტი, ვინც უბრალოდ დავიწყოთ

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

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

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

ეს შეიძლება იყოს მორგებული CSS- ით, მაგრამ სიმართლე ისაა, რომ გსურთ, რომ პარაგრაფებს შორის სივრცე იყოს ინტერპრეტაციაზე .თუ გსურთ ერთი ხაზი და არ არის ფართო ვერტიკალური ინტერვალი ხაზებს შორის, არ გსურთ გამოიყენოთ [ENTER] საკვანძო იმიტომ, რომ არ გსურთ ამ ხაზების ინდივიდუალური პუნქტები.

ამ დროს, როდესაც არ გსურთ ახალი პარაგრაფი დაიწყოს, თქვენ დაამატებთ HTML ტეგით. ეს ასევე ხანდახან დაწერილია როგორც
. კონკრეტულად XHTML- ის ვერსიისთვის, რომელიც საჭიროა ყველა ელემენტის დახურვა. გადმოკიდული / ამ სინტაქსში თვითდაფარავს ელემენტს, რადგან ტეგი არ აქვს საკუთარი დახურვის ტეგი. ეს ყველაფერი კარგად და კარგია, მაგრამ თქვენ მუშაობთ დიზაინი View in Dreamweaver. თქვენ შეიძლება არ გვინდა ხტომა კოდი და დაამატოთ ეს შესვენებები. ეს არის ჯარიმა, რადგან თქვენ შეგიძლიათ, მართლაც, დაამატოთ ხაზის შესვენების Dreamweaver გარეშე მიმართავს კოდის ხედი.

დავამატეთ ხაზი Break in Dreamweaver დიზაინის ნახვა:

  1. მოათავსეთ კურსორი, სადაც გსურთ ახალი ხაზი დაიწყოს.
  2. გეჭიროთ ცვლა გასაღები და დააჭირეთ [ENTER].

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

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

კომპანიის სახელი
მისამართი ხაზი
ქალაქი, სახელმწიფო, ZIP

ეს კოდი მისამართია ერთი პარაგრაფი, მაგრამ ვიზუალურად იგი აჩვენებს სამ ხაზს ინდივიდუალურ ხაზებზე, მათ შორის მცირე სივრცეში.