shahinmq
May 15th, 2017, 11:59
سلام ،
در نسخه ی جدید DreamWeaver یک سری امکانات و ترفند های جالبی اضافه شده که کار با برنامه را راحت تر و راحت تر و راحت تر می کنه.
اگر این نسخه از DreamWeaver را ندارید ، از این سایت می توانید دانلود کنید : https://soft98.ir/internet/web-design/2510-adobe-dreamweaver.html
قبلا برای نوشتن کد ها ، به صورت دستی تگ مورد نظر را باز می کردید و می بستید و احتمالا تگ دیگری در آن قرار می دادید که می توانست به خودی خود زمان بر باشد.
اما در این نسخه امکان جدید و جالبی اضافه شده به نام emmet
به چه شکل باید از این قابلیت استفاده کرد ؟
1 = یک صفحه جدید و سفید(خالی) بسازید.
2 = حال دستور زیر را دنبال کنید و در آن بنویسید :
html>(head+body)
3 = جهت اجرا شدن،باید در آخرین قسمت نوشته شده بر روی دکمه Tab کیبور کلیک کنید ، با این کار ، به صورت خودکار کد زیر تولید می شود :
<html>
<head></head>
<body>
</body>
</html>
حال کمی دستورات بیشتری وارد می کنیم :
html>(head+body>div(ul>li*3>a{Menu $}))
با این کار ، کد زیر تولید می شود :
<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>
شاید قبلا برای تولید متن تصادفی(لورم ایپسوم) از سایت ها یا برنامه های مختلف استفاده می کردید، اما الان با استفاده از دستور زیر به راحتی این متن را می توانید تولید کنید :
div>(ul>li*3>{متن تست})+p*2>lorem
و در نهایت کد زیر به صورت خودکار تولید می شود :
<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 هم وارد کنید ، با استفاده از کد زیر قادر خواهید این کار را انجام بدید :
#page>div.logo+ul#navigation>li*5>a{Item $}
که در نهایت کد زیر تولید خواهد شد :
<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/
در نسخه ی جدید DreamWeaver یک سری امکانات و ترفند های جالبی اضافه شده که کار با برنامه را راحت تر و راحت تر و راحت تر می کنه.
اگر این نسخه از DreamWeaver را ندارید ، از این سایت می توانید دانلود کنید : https://soft98.ir/internet/web-design/2510-adobe-dreamweaver.html
قبلا برای نوشتن کد ها ، به صورت دستی تگ مورد نظر را باز می کردید و می بستید و احتمالا تگ دیگری در آن قرار می دادید که می توانست به خودی خود زمان بر باشد.
اما در این نسخه امکان جدید و جالبی اضافه شده به نام emmet
به چه شکل باید از این قابلیت استفاده کرد ؟
1 = یک صفحه جدید و سفید(خالی) بسازید.
2 = حال دستور زیر را دنبال کنید و در آن بنویسید :
html>(head+body)
3 = جهت اجرا شدن،باید در آخرین قسمت نوشته شده بر روی دکمه Tab کیبور کلیک کنید ، با این کار ، به صورت خودکار کد زیر تولید می شود :
<html>
<head></head>
<body>
</body>
</html>
حال کمی دستورات بیشتری وارد می کنیم :
html>(head+body>div(ul>li*3>a{Menu $}))
با این کار ، کد زیر تولید می شود :
<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>
شاید قبلا برای تولید متن تصادفی(لورم ایپسوم) از سایت ها یا برنامه های مختلف استفاده می کردید، اما الان با استفاده از دستور زیر به راحتی این متن را می توانید تولید کنید :
div>(ul>li*3>{متن تست})+p*2>lorem
و در نهایت کد زیر به صورت خودکار تولید می شود :
<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 هم وارد کنید ، با استفاده از کد زیر قادر خواهید این کار را انجام بدید :
#page>div.logo+ul#navigation>li*5>a{Item $}
که در نهایت کد زیر تولید خواهد شد :
<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/