بستن منو
۷۷
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مباحث اولیه برای آشنایی با HTML
مباحث اولیه برای آشنایی با HTML
24
نمایش متن، در HTML
نمایش متن، در HTML
5
نمایش عکس، در HTML
نمایش عکس، در HTML
6
لینک ها (Link)، در HTML
لینک ها (Link)، در HTML
1
لیست ها (List)، در HTML
لیست ها (List)، در HTML
1
جدول ها (Table)، در HTML
جدول ها (Table)، در HTML
2
فرم ها (Form)، در HTML
فرم ها (Form)، در HTML
17
تعیین مشخصات کلی صفحه، در HTML
تعیین مشخصات کلی صفحه، در HTML
5
عناصر گرافیکی، در HTML
عناصر گرافیکی، در HTML
1
دکمه ها (Button)، در HTML
دکمه ها (Button)، در HTML
2
پخش صدا (Audio)، در HTML
پخش صدا (Audio)، در HTML
1
کار با کیبورد (Keyboard)، در HTML
کار با کیبورد (Keyboard)، در HTML
2
مباحث عمومی، در HTML
مباحث عمومی، در HTML
10
×

دانلود فروشگاه اندروید کلیدستان

496

نویسنده

علیرضا گلمکانی ( admin )

شماره کلید
دسته کلید - دسته بندی

نرم افزار Dreamweaver برای راحت تر نوشتن کدها

نرم افزار Dreamweaver ساخت شرکت adobe می باشد که محیط بسیار مناسبی برای نوشتن کدهای html فراهم کرده است . این نرم افزار تمامی زبان های مربوط به طراحی سایت و اینترنت را پشتیبانی می کند . در ادامه برخی ویژگی های جالب این نرم افزار را برایتان شرح می دهم .

پر کردن بخش head فایل html به صورت خودکار :

برای آنکه در نرم افزار Dreamweaver یک فایل html بسازیم باید از منوی File گزینه New را انتخاب کنیم . سپس پنجره ای به شکل زیر باز می شود :

نرم افزار Dreamweaver برای راحت تر نوشتن کدها

در این پنجره ، بخش Page Type را برابر HTML و بخش Layout را برابر <none> انتخاب کنید . یک فایل html باز می شود که بخش head آن به طور کامل پر شده است و مناسب برای قرار گرفتن در اینترنت می باشد .

برای کسانی که به نرم افزار Dreamweaver دسترسی ندارند این کدها را می نویسم تا در فایل های خود کپی کنند :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
 
<body>
</body>
</html>

قابلیت نمایش نتیجه کد ها به طور همزمان با ویرایش کدها :

در پنجره نرم افزار 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 1 0
امیر حسین
۱۳۹۵/۰۶/۲۴
۱۲:۰۴

سلام.
خدا هرچی میخواید بهتون بده.واقعا که شاهکار کردید.اموزش های شما بسیار کار امد و پر از مثال و قابل فهم هستن.
من دارم با نرم افزار sablime برنامه نویسی میکنم.محیط بسیار خوب و جذابی داره و کد نویسی با اون راحته چون مثلا وقتی که میخواهیم کد رو بنویسم فقط کافیه تا حرف hرو بزنم و بعد چند تا تگ که با حرفhشروع میشن رو برام میاره و من از بین اون ها اون تگی رو که میخوام برمی دارم.
Smile  

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)

دسترسی سریع

×

شماره کلید


کلید
×

شماره دسته کلید


دسته کلید
×

جستجو


جستجو

راهنمای تگ های HTML

راهنمای تگ های HTML بر اساس حرف اول تگ :

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

بستن منو
۱۹۷
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مجموعه ویدئوهای آموزشی HTML5 - مجموعه HTML5 Tutorial - از thenewboston.com
مجموعه ویدئوهای آموزشی HTML5 - مجموعه HTML5 Tutorial - از thenewboston.com
53
مجموعه ویدئوهای آموزشی XHTML و CSS - مجموعه XHTML and CSS Tutorials - از thenewboston.com
مجموعه ویدئوهای آموزشی XHTML و CSS - مجموعه XHTML and CSS Tutorials - از thenewboston.com
46
مجموعه ویدئوهای آموزشی HTML - مجموعه HTML Tutorials
مجموعه ویدئوهای آموزشی HTML - مجموعه HTML Tutorials
28
مجموعه ویدئوهای آموزشی HTML و CSS - مجموعه Learn HTML/CSS
مجموعه ویدئوهای آموزشی HTML و CSS - مجموعه Learn HTML/CSS
19
مجموعه ویدئوهای آموزشی HTML5 و CSS3 برای مبتدیان - مجموعه HTML5 and CSS3 beginners tutorials
مجموعه ویدئوهای آموزشی HTML5 و CSS3 برای مبتدیان - مجموعه HTML5 and CSS3 beginners tutorials
51
بستن منو
۵۸
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مباحث اولیه برای آشنایی با CSS
مباحث اولیه برای آشنایی با CSS
7
نمایش متن، در CSS
نمایش متن، در CSS
13
ساخت حاشیه (border)، در CSS
ساخت حاشیه (border)، در CSS
4
عکس ها، در CSS
عکس ها، در CSS
5
تعیین اندازه و موقعیت عنصرها، در CSS
تعیین اندازه و موقعیت عنصرها، در CSS
4
تغییر شکل عنصرها، در CSS
تغییر شکل عنصرها، در CSS
3
ساخت انیمیشن، در CSS
ساخت انیمیشن، در CSS
6
لینک ها (links)، در CSS
لینک ها (links)، در CSS
5
رنگ ها، در CSS
رنگ ها، در CSS
1
دکمه ها (Button)، در CSS
دکمه ها (Button)، در CSS
2
مباحث عمومی، در CSS
مباحث عمومی، در CSS
8
بستن منو
۱۹
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مفاهیم اولیه در طراحی وب سایت
مفاهیم اولیه در طراحی وب سایت
2
توسعه وب سایت (ساخت بخش ها و امکانات جدید برای وب سایت)
توسعه وب سایت (ساخت بخش ها و امکانات جدید برای وب سایت)
4
کار با کنترل پنل وب سایت
کار با کنترل پنل وب سایت
1
معرفی سایت های مفید در زمینه طراحی وب سایت
معرفی سایت های مفید در زمینه طراحی وب سایت
1
یافتن کد رنگ ها برای طراحی وب سایت
یافتن کد رنگ ها برای طراحی وب سایت
2
نرم افزار FileZilla
نرم افزار FileZilla
1
فایل htaccess ، در طراحی وب سایت
فایل htaccess ، در طراحی وب سایت
3
ارسال ایمیل، در طراحی وب سایت
ارسال ایمیل، در طراحی وب سایت
1
مباحث عمومی، در طراحی وب سایت
مباحث عمومی، در طراحی وب سایت
4