-
عضو انجمن
ترفند های Dreamweaver CC 2017
سلام ،
در نسخه ی جدید DreamWeaver یک سری امکانات و ترفند های جالبی اضافه شده که کار با برنامه را راحت تر و راحت تر و راحت تر می کنه.
اگر این نسخه از DreamWeaver را ندارید ، از این سایت می توانید دانلود کنید : https://soft98.ir/internet/web-desig...eamweaver.html
قبلا برای نوشتن کد ها ، به صورت دستی تگ مورد نظر را باز می کردید و می بستید و احتمالا تگ دیگری در آن قرار می دادید که می توانست به خودی خود زمان بر باشد.
اما در این نسخه امکان جدید و جالبی اضافه شده به نام emmet
به چه شکل باید از این قابلیت استفاده کرد ؟
1 = یک صفحه جدید و سفید(خالی) بسازید.
2 = حال دستور زیر را دنبال کنید و در آن بنویسید :
کد HTML:
html>(head+body)
3 = جهت اجرا شدن،باید در آخرین قسمت نوشته شده بر روی دکمه Tab کیبور کلیک کنید ، با این کار ، به صورت خودکار کد زیر تولید می شود :
کد HTML:
<html>
<head></head>
<body>
</body>
</html>
حال کمی دستورات بیشتری وارد می کنیم :
کد HTML:
html>(head+body>div(ul>li*3>a{Menu $}))
با این کار ، کد زیر تولید می شود :
کد HTML:
<html>
<head></head>
<body>
<div>
<ul>
<li><a href="">Menu 1</a></li>
<li><a href="">Menu 2</a></li>
<li><a href="">Menu 3</a></li>
</ul>
</div>
</body>
</html>
شاید قبلا برای تولید متن تصادفی(لورم ایپسوم) از سایت ها یا برنامه های مختلف استفاده می کردید، اما الان با استفاده از دستور زیر به راحتی این متن را می توانید تولید کنید :
کد HTML:
div>(ul>li*3>{متن تست})+p*2>lorem
و در نهایت کد زیر به صورت خودکار تولید می شود :
کد HTML:
<div>
<ul>
<li>متن تست</li>
<li>متن تست</li>
<li>متن تست</li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat nostrum illum sapiente id rerum distinctio dolore est perspiciatis amet nulla, voluptatem, inventore nobis excepturi soluta facere optio, voluptates pariatur repellendus.</p>
<p>Laborum, labore, enim. Veniam molestiae enim beatae quaerat, tenetur obcaecati quidem mollitia a necessitatibus fuga delectus quas qui tempore, doloremque vitae placeat labore. Ea, vel velit deleniti sed facilis, ullam?</p>
</div>
شاید نیاز داشته باشید در کد تولید شده ، ID یا Class هم وارد کنید ، با استفاده از کد زیر قادر خواهید این کار را انجام بدید :
کد HTML:
#page>div.logo+ul#navigation>li*5>a{Item $}
که در نهایت کد زیر تولید خواهد شد :
کد HTML:
<div id="page">
<div class="logo"></div>
<ul id="navigation">
<li><a href="">Item 1</a></li>
<li><a href="">Item 2</a></li>
<li><a href="">Item 3</a></li>
<li><a href="">Item 4</a></li>
<li><a href="">Item 5</a></li>
</ul>
</div>
جهت مشاهده موارد بیشتر به سایت رسمی آن رجوع کنید : https://docs.emmet.io/abbreviations/
-
تعداد تشکر ها ازshahinmq به دلیل پست مفید
-
May 15th, 2017 11:59
# ADS
-
عضو دائم
پاسخ : ترفند های Dreamweaver CC 2017
ممنون نسخه راستین و عربیک رو دارید 2017؟
این نسخه با اینکه عربی رو نصب میکنیم اما بازم چپ چین هست
-
-
عضو انجمن
پاسخ : ترفند های Dreamweaver CC 2017
نوشته اصلی توسط
sarwhost
ممنون نسخه راستین و عربیک رو دارید 2017؟
این نسخه با اینکه عربی رو نصب میکنیم اما بازم چپ چین هست
دقیق اطلاعی ندارم ولی فکر می کنم تنها نسخه ی ارائه شده باشه.
از آدرسی که ذکر شده دانلود کنید ، نصب آن کمی متفاوت هستش.
پس از دانلود وارد پوشه Build بشید و adobe.msi را اجرا کنید و پس از آن setup.exe
به صورت خودکار نصب خواهد شد و بر خلاف نسخه های قبلی که متن فارسی برعکس نوشته می شد ، در این نسخه این مشکل وجود ندارد و با متن فارسی سازگار هستش
-
پاسخ با نقل قول
