نرم افزار Dreamweaver برای راحت تر نوشتن کدها
نرم افزار Dreamweaver ساخت شرکت adobe می باشد که محیط بسیار مناسبی برای نوشتن کدهای html فراهم کرده است . این نرم افزار تمامی زبان های مربوط به طراحی سایت و اینترنت را پشتیبانی می کند . در ادامه برخی ویژگی های جالب این نرم افزار را برایتان شرح می دهم .
پر کردن بخش head فایل html به صورت خودکار :
برای آنکه در نرم افزار Dreamweaver یک فایل html بسازیم باید از منوی File گزینه New را انتخاب کنیم . سپس پنجره ای به شکل زیر باز می شود :
در این پنجره ، بخش Page Type را برابر HTML و بخش Layout را برابر <none> انتخاب کنید . یک فایل html باز می شود که بخش head آن به طور کامل پر شده است و مناسب برای قرار گرفتن در اینترنت می باشد .
برای کسانی که به نرم افزار Dreamweaver دسترسی ندارند این کدها را می نویسم تا در فایل های خود کپی کنند :
قابلیت نمایش نتیجه کد ها به طور همزمان با ویرایش کدها :
در پنجره نرم افزار Dreamweaver چنانچه گزینه Split را انتخاب کنید آنگاه پنجره به دو قسمت تقسیم می شود که یک قسمت کدهای نوشته شده را نشان می دهد و قسمت دیگر نتیجه کدها را نمایش می دهد . این قابلیت باعث می شود که مجبور نباشید مرتب مرورگر اینترنت خود را برای مشاهده نتیجه باز کنید . اما در کل من به شما توصیه می کنم که نتایج خود را صرفا در این بخش مشاهده نکنید و حتما آنها را در مرورگر اینترنت خود چک کنید .
قابلیت نمایش صفحه در مرورگرهای مختلف:
در نرم افزار Dreamweaver می توانید با گزینه هایی که به صورت گرافیکی در بالای پنجره قرار داده شده اند ، صفحه html ساخته شده توسط خود را در هر مرورگر دلخواه که بر روی ویندوز شما نصب شده باشد ، ببینید . همچنین می توانید از منوی File بر روی گزینه Preview in Browser رفته تا لیست مرورگرها را ببینید و بر روی هر کدام که کلیک کنید صفحه html شما در آن مرورگر باز می شود .
قابلیت انتخاب مشخصه ها از لیستی کامل از آنها :
گر یادتان باشد گفتیم که مثلا در تگ <p> چنانچه بخواهیم مشخصه ای را به کار ببریم ابتدا می نویسیم p> و سپس یک فاصله قرار می دهیم و آنگاه مشخصه مورد نظرمان را می نویسیم ، مثل عبارت زیر :
<p align="right">
در نرم افزار Dreamweaver همین که پس از نوشتن p> بر روی کلید Space از کیبورد فشار دهید تا یک فاصله ایجاد شود ، خود نرم افزار لیستی از تمامی مشخصه های ممکن برای آن تگ را به شما نشان می دهد تا به راحتی یکی را انتخاب کنید و سپس مقادیر ممکن مختلف برای آن مشخصه را به شما نشان می دهد تا آن را که مورد نظرتان بوده است انتخاب کنید .
ساختار های آماده برای سایت در نرم افزار Dreamweaver :
نرم افزار dreamweaver دارای یک سری قالب آماده می باشد که هنگام ایجاد یک فایل html جدید می توانید هر یک از آنها را انتخاب نمایید . برای این منظور از منوی File گزینه New را انتخاب کنید سپس در صفحه ای که باز می شود بخش Page Type را برابر HTML و بخش Layout را برابر هر نوع ساختاری که دوست دارید قرار دهید .
- فهرست مباحث
- 1 شروع یادگیری HTML
- 2 HTML چیست ؟
- 3 تگ ها، در HTML
- 4 شروع یک خط جدید، با تگ br ، در HTML
- 5 ایجاد عنوان، با تگ های h1 و h2 و h3 و h4 و h5 و h6 ، در HTML
- 6 ایجاد یک پاراگراف، با تگ p ، در HTML
- 7 تقسیم فایل html به دو بخش head و body ، در HTML
- 8 مشخصه برای تگ ها، در HTML
- 9 نرم افزار Dreamweaver برای راحت تر نوشتن کدها
- 10 تگ div برای ساخت اسکلت سایت، در HTML
- 11 استفاده از id برای دادن نام اختصاصی به هر تگ div ، در HTML
- 12 ساخت اسکلت یک سایت کامل، در HTML
- 13 قرار دادن سایت بر روی اینترنت
- 14 تغییر رنگ پس زمینه سایت، در HTML
- 15 تعیین رنگ، در HTML
- 16 ساخت لینک، در HTML
- 17 تعیین مشخصات فونت ها، با تگ font و مشخصه های face و size و color ، در HTML
- 18 نوشتن توضیحات (Comment)، در HTML
- 19 ترسیم خط افقی، با تگ hr ، در HTML
- 20 تگ های شیوه نمایش متن (تگ های b و ins و i و sub و sup)، در HTML
- 21 نمایش عکس ها، در HTML
- 22 ساخت جدول، در HTML
- 23 ساخت لیست (فهرست)، در HTML
- 24 فرم ها (Form)، در HTML
-
نکته : این فهرست مباحث، صرفا منتخبی از کلیدهای آموزشی این موضوع است (که خواندن متوالی آنها توصیه می شود) و برای دیدن کلیدهای آموزشی بیشتر از این موضوع، می توانید بر روی دسته بندی های ستون سمت راست کلیک نمایید.
سلام.
خدا هرچی میخواید بهتون بده.واقعا که شاهکار کردید.اموزش های شما بسیار کار امد و پر از مثال و قابل فهم هستن.
من دارم با نرم افزار sablime برنامه نویسی میکنم.محیط بسیار خوب و جذابی داره و کد نویسی با اون راحته چون مثلا وقتی که میخواهیم کد رو بنویسم فقط کافیه تا حرف hرو بزنم و بعد چند تا تگ که با حرفhشروع میشن رو برام میاره و من از بین اون ها اون تگی رو که میخوام برمی دارم.
سلام.خسته نباشید.
امکان فعال کردن تم دارک برای این برنامه وجود داره؟