اگر شما برای طراحی وب و توسعه ی front-end (HTML، CSS، جاوا اسکریپت) جدید هستید، می توانید شروع به کار با یک ویرایشگر WYSIWYG کنید. این مخفف کلمه "چیزی است که شما می بینید چیزی است که شما دریافت می کنید" و اساسا به نرم افزار اشاره دارد که به شما اجازه می دهد یک صفحه وب با استفاده از ابزارهای بصری ایجاد کنید در حالی که نرم افزار برخی از کد ها را پشت صحنه بر اساس آنچه که شما ایجاد می کنید می نویسد. محبوب ترین ابزار WYSIWYG در دسترس است، مسلما ادوبی Dreamweaver است .
Dreamweaver یک گزینه مناسب برای کسانی است که فقط شروع به کار می کنند
در حالی که بسیاری از متخصصان وب با چاشنی با مهارت های پیشرفته تر در Dreamweaver و تماشای آن برای ایجاد نشانه گذاری و نشانه گذاری CSS و متناقض HTML، حقیقت ساده این است که پلت فرم گزینه خوبی برای کسانی است که فقط با طراحی وب سایت شروع به کار می کنند. همانطور که از گزینه «طراحی طراحی Dreamweaver» برای ساخت یک صفحه وب شروع می کنید، یکی از سوالاتی که احتمالا دارید، این است که چگونه یک خط یک خط برای محتوای در آن دید ایجاد کنید.
هنگامی که شما متن HTML را به یک صفحه وب اضافه می کنید، مرورگر وب این متن را به عنوان یک خط طولانی نمایش می دهد تا آن را به لبه پنجره مرورگر یا عنصر ظروف آن برساند. در آن نقطه، متن به خط بعدی بسته می شود. این مشابه آنچه در هر نرم افزار پردازش کلمه مانند مایکروسافت ورد یا Google Docs اتفاق می افتد. هنگامی که یک خط از متن بیشتر در یک خط افقی ندارد، برای شروع یک خط دیگر بسته می شود. بنابراین اگر می خواهید دیکته کنید که کدام یک از خط ها شکسته شود، چه اتفاقی می افتد؟
هنگامی که شما کلید [ENTER] را در نمای طراحی Dreamweaver می بینید، پاراگراف فعلی بسته می شود و یک پاراگراف جدید شروع می شود. به طور چشمگیری، این به این معنی است که این دو خط با کمی فاصله عمودی فاصله دارند. این به این دلیل است که به طور پیش فرض، پاراگرافهای HTML حاوی پلاگین یا حاشیه (که یکی به مرورگر بستگی دارد) اعمال می شود به پایین پاراگراف که این فاصله را اضافه می کند.
این را می توان با CSS تنظیم کرد، اما حقیقت این است که شما می خواهید فاصله بین پاراگراف ها برای خوانایی وبسایت وجود داشته باشد. اگر می خواهید یک خط و بدون فاصله عمودی بین خطوط، شما نمی خواهید از [ENTER] کلید این است که شما نمی خواهید این خطوط را پاراگراف های فردی.
برای این زمان هایی که شما نمی خواهید یک پاراگراف جدید را شروع کنید، می توانید تگ
را در HTML اضافه کنید. این نیز گاهی به عنوان
نوشته می شود. به طور خاص برای نسخه های XHTML که نیاز به تمام عناصر را بسته است. پسوند / در آن سنتکس خود را بسته می کند عنصر از برچسب
برچسب تگ بسته خود را ندارد. این همه خوب و خوب است، اما در Design View در Dreamweaver کار می کنید. ممکن است بخواهید کد را پر کنید و این شکافها را اضافه کنید. این خوب است، زیرا شما می توانید، در واقع، اضافه کردن یک خط در Dreamweaver بدون استفاده از نمای کد.
اضافه کردن شکستن خط در Designweaver Dreamweaver مشاهده:
- مکان نما خود را در جایی که می خواهید خط جدید برای شروع.
- کلید SHIFT را پایین نگه دارید و [ENTER] را فشار دهید.
خودشه! افزودن ساده کلید "تغییر" همراه با [ENTER]، یک جایگزین پارامتر جدید خواهد شد. بنابراین اکنون که می دانید این چطور است، شما باید از کجا استفاده کنید و از کجا جلوگیری از آن را دارید. به یاد داشته باشید، HTML به معنای ایجاد ساختار یک سایت است، نه ظاهر بصری. شما نباید از تگ های چندگانه ای استفاده کنید تا فاصله عمودی زیر عناصر در طراحی شما ایجاد شود.
این چیزی است که خواص CSS برای padding و margins برای آنهاست. کجا از برچسب تگ استفاده می کنید زمانی که شما فقط نیاز به شکستن یک خط است. به عنوان مثال، اگر شما یک آدرس پستی را رمزگذاری می کنید و تصمیم به استفاده از یک پاراگراف داده اید، می توانید تگ ها را مانند این اضافه کنید:
نام شرکت
آدرس خط
شهر، ایالت، ZIP
این کد برای آدرس یک پاراگراف واحد است، اما بصری این سه خط را در خطوط فردی نشان می دهد که بین آنها فاصله کمی دارد.