مشاوره رایگان
دریافت لینک های دانلود دریافت پستی درب منزل مبلغ کل: تومان
جهت دریافت کد تخفیف به کانال تلگرام مراجعه و یا با پشتیبان آنلاین هماهنگ نمایید

آموزش ساخت ادیتور Html

( فیلم آموزشی ) ،توسط مهندس محمد جعفر بلاغی

با توجه به اینکه آموزش جامع و کاملی در مورد نحوه ایجاد و شخصی سازی یک ادیتور در وب سایت و صفحات وب، وجود نداشت برآن شدیم تا یک سری مجموعه آموزشی کامل و جامع در رابطه با این موضوع تهیه نماییم.

همانطور که میدانیم ادیتورها در وب سایت های مختلف از جمله انواع فروم ها و ... و هم چنین در پنل مدیریتی سایتی که شما برای مشتریان خود طراحی نموده اید کاربرد دارد.

بدون وجود ادیتور، طراحی وب سایت های داینامیک تقریبا امری غیرممکن خواهد بود.از میان ادیتورهای استاندارد و مشهور موجود در دنیای وب، ادیتور فوق حرفه ای ckeditor می باشد.

از ckeditor ،در سیستم های مدیریت محتوایی چون جوملا نیز استفاده می شود.( آموزش جوملا )

1) حجم کم و سبک بودن

2) امکان شخصی سازی و تغییر رنگ و جلوه های ظاهری

3) دارا بودن تمامی امکانات لازم برای یک ادیتور ، از جمله :

- امکان لینک دار نمودن بخشی از متن و یا عکس ها

- قابلیت تنظیم ویژگی های مربوط به فونت نوشته و انتخاب فونت های مختلف

-امکان افزودن فونت های فارسی جدید از جمله تیتر،زر،نازنین و ...

-امکان درج شکلک های مختلف

- افزودن شکلک به شکلک های پیش فرض

- راست چین و یا چپ چین کردن متن

- ایجاد فرم با ویژگی های منحصر به فرد در صفحه

- ایجاد انواع input از جمله text,radio,checkbox و..

- قابلیت مشخص نمودن عرض و طول بیشینه و کمینه ادیتور

4) سازگاری کامل با زبان فارسی و فارسی نمودن ادیتور تنها با یک کد ساده

5) سازگاری با جی کوئری

6) امکان افزودن فایل فلش و عکس با پسوندهای مختلف در متن (در بخش چهارم نحوه آپلود توضیح داده شده است)

7) نمایش سورس متن ایجاد شده توسط کاربر و امکان ذخیره سازی آن در دیتابیس و سپس نمایش آن در وب سایت

8) قابلیت افزودن مطالب از نرم افزارهای نوشتاری و متنی همچون word

و

.

ادیتورها این امکان را به ما می دهند که بیدون نیاز به آموزش html و یا اینکه آموزش css ،بتوانیم کدها و صفحات ساده html رو تولید کنیم.

بخش های رایگان این مجموعه آموزشی:

آموزش ساخت ادیتور ( بخش 1) دانلود مستقیم
در این مجموعه به آموزش کامل ckeditor از نصب آن تا شخصی سازی و افزودن امکانات اختصاصی به ان می پردازیم.
بخش 1 :
( آموزش ساخت ادیتور )
در این بخش،به معرفی و راه اندازی ckeditor می پردازیم.مراحل نصب ckeditor را در این آموزش خواهیم دید.
هم چنین تمامی سورس کدها همراه آموزش ckeditor قرار داده شده است.
دانلود مستقیم افزودن به سبد
قیمت: رایگان

بخش 2 :
( آموزش تصویری ساخت ادیتور )
در بخش قبل به نحوه نصب ادیتور و ایجاد آن در صفحه پرداختیم.در این بخش با نحوه تنظیم خواص زیر در ادیتور آشنا خواهیم شد:

1) تعیین width ادیتور با دستور config.width

2) تعیین heigth ادیتور با دستور config.height

3) تغییر رنگ ادیتور و انتخاب رنگ متناسب با سایر المان های ادیتور

4) انتخاب محل تولبار تنظیمات ادیتور و قرار دادن تولبار در محل مورد نظر

5) فوکوس اتوماتیک ادیتور هنگام لود صفحه

6) انتخاب شکلک های دلخواه و متناسب با محتوای وب سایت با دستور config.smiley_path
افزودن به سبد
قیمت: 4,000 تومان

بخش 3 :
( آموزش تصویری ساخت ادیتور )
به بخش سوم سری آموزشی طراحی ادیتور حرفه ای در وب سایت خوش آمدید!

در ادامه بخش دوم این مجموعه، در این بخش به معرفی سایر خواص و تنظیمات مربوط به این ادیتور محبوب خواهیم پرداخت:

1) افزودن فونت های فارسی و انگلیسی دلخواه به ادیتور با استفاده از دستورات مربوط به فایل config.js

2) افزودن سایزهای جدید به این ادیتور برای تنظیم اندازه متن نوشته شده توسط کاربر

3) افزودن دکمه ای در ادیتور برای باز یا بسته شدن تولبار تنظیمات ادیتور جهت سادگی کار با ادیتور

4) ممکن یا غیرممکن نمودن تغییر سایز ادیتور توسط خود کاربر

5) معرفی دستور config.resize_dir و مفهوم کاربردی این دستور

6) تعداد عمل undo که ادیتور درون خود ذخیره سازی می نماید و کاربر می تواند به تعداد دفعات مشخص شده توسط شما ، به عقب باز گردد.

7) تعیین مقدار ماکزیمم یا مینیمم برای width و height ادیتور

و

.

.

.

دیگر نکات مهم و لازم مربوط به استفاده از این ادیتور حرفه ای.

در بخش قبل به نحوه نصب ادیتور و ایجاد آن در صفحه پرداختیم.در این بخش با نحوه تنظیم خواص زیر در ادیتور آشنا خواهیم شد:

1) تعیین width ادیتور با دستور config.width

2) تعیین heigth ادیتور با دستور config.height

3) تغییر رنگ ادیتور و انتخاب رنگ متناسب با سایر المان های ادیتور

4) انتخاب محل تولبار تنظیمات ادیتور و قرار دادن تولبار در محل مورد نظر

5) فوکوس اتوماتیک ادیتور هنگام لود صفحه

6) انتخاب شکلک های دلخواه و متناسب با محتوای وب سایت با دستور config.smiley_path

و

.
افزودن به سبد
قیمت: 4,000 تومان

بخش 4 :
( آموزش نصب ckfinder در ckeditor )
یکی از موارد مهم مربوط به یک ادیتور، دارا بودن قابلیت آپلود عکس، فایل فلش و... است. بنابراین علاوه بر خود ادیتور باید به دنبال افزونه دیگری برای اضافه کردن این قابلیت به ادیتور خود باشیم.

به همین دلیل در این بخش آموزش استفاده کردن از افزونه ckfinder برای آپلود عکس در ادیتور ckeditor آماده نمودیم.این افزونه ، امکانات زیر:

1) آپلود عکس جدید در سرور تنها با چند کلیک ساده

2) مدیریت فایل ها و پوشه های موجود در سرور (مسیری که طراح سایت مشخص نموده است)

3) ایجاد پوشه جدید در سرور و تغییر نام فولدرها و فایل ها

4) تغییر سایز عکس های آپلود شده توسط خود کاربر و به صورت آنلاین

5) امکان مشخص نمودن width و height ماکزیمم برای عکس هایی که توسط کاربر آپلود می شوند.

6) ایجاد فضای امنیتی برای محدود کردن کاربران جهت آپلود فایل در سرور و ایجاد تغییر فایل ها و فولدر ها

و

.

.

.

را برای شما فراهم می نماید.

این افزونه یکی از محبوب ترین افزونه های موجود برای آپلود فایل و عکس در سرور می باشد که به علت سازگاری و قابلیت الحاق به ckeditor محبوبیت آن دو چندان شده است.

لازم به ذکر است که آپلود عکس نیاز به یک وب سرور دارد بنابراین فراموش نکنیم که نرم افزار xamp یا wamp یا... را حتما در حالت اجرا قرار دهیم.
افزودن به سبد
قیمت: 4,000 تومان


وضعیت دوره: تکمیل شده


تعداد قسمت ها : 4 قسمت


سطح آموزش: صفر تا صد


به همراه کدها و فایل های آموزش


تعداد فصل ها: 1 فصل


مدت زمان: 2 ساعت و 2 دقیقه


دریافت کامل این مجموعه

جهت اطلاع از بروزرسانی این دوره آموزشی و اطلاع از بخش های جدید،ایمیل خود را وارد نمایید:

مخاطبین این دوره،آموزش های زیر را نیز دیده اند

نظرات/پرسش ها/پیشنهادات


Abid Rasuly میگه:

very nice



نظر/پرسش/پیشنهاد شما


در صورت تمایل به دریافت پیامک به هنگام پاسخ به سوال شما و یا به هنگام درج نظر شما در سایت، شماره همراه خود را وارد نمایید.

نام و نام خانوادگی:
شماره همراه:
ایمیل:
* پرسش/نظر/پیشنهاد/درخواست:
حروف تصویر:
سایر بخش های مجموعه
بخش ( 1 ) : آموزش نصب ckeditor
بخش ( 2 ) : آموزش استفاده از ckeditor
بخش ( 3 ) : فیلم آموزش کامل ckeditor
بخش ( 4 ) : آموزش استفاده از ckeditor در php
به راهنمایی نیاز دارید؟و یا سردرگم هستید؟
021-551-43251 939-656-2210 تماس از ساعت 9 الی 13 و 17 الی 20 آدرس های ایمیل سایت: support@clicksite.org clicksite.org@gmail.com

کسب درآمد کنید
اگر در هر زمینه ای مربوط به رشته های مهندسی و یا برنامه نویسی به تخصص خودایمان دارید،پس زمان را تلف نکنید و هم اکنون دست به کار شوید.به جمع متخصصی بپیوندید،گامی در راستای ارتقا سطح آموزش های تصویری فارسی بردارید. کلیک سایت از طرف همه مهندسین ،شما را دعوت به همکاری می نماید.وجود شما افتخاری برای همه ماست.

نماد اعتماد تجارت الکترونیک دو ستاره

سایر مجوزهای کلیک سایت

تخصص خود را ارزان نفروشید | یکبار تلاش=کسب درآمد دائمی تا آخر عمر | اگر به توانایی خود ایمان دارید،کلیک سایت بهترین فرصت برای شماست | اگر به دنبال شغل پاره وقت هستید،فرصت را از دست ندهید