معرفی اسکریپت ساخت یک سایت خاص
آغاز شده توسط
dabi666v
, 1390/01/28 ساعت 10:10
22 پاسخ برای این موضوع
#5
ارسالی 1390/01/29 ساعت 06:10
جی کوئری یک اسکریپت نیست، در واقع می تونیم اون رو به عنوان یک تکنولوژی نام ببریم، نحوه خاصی از نمایش و انیمه های متحرک بر موتور جاوا اسکریپت هست. یک کتابخانه جاوا، با نام jquery.min و نام های مشابه منتشر می شه که می شه از دستورات و توابع اون برای ایجاد افکت های تحت وب استفاده کرد.
در همین دیتالایف انجین، به صورت پیشرفت نسخه 1.4.4 اون داره استفاده می شه ( در نسخه 9.2 )
برای استفاده باید با جاوا اسکریپت و html آشنایی داشته باشید.
در همین دیتالایف انجین، به صورت پیشرفت نسخه 1.4.4 اون داره استفاده می شه ( در نسخه 9.2 )
برای استفاده باید با جاوا اسکریپت و html آشنایی داشته باشید.
#7
ارسالی 1390/01/30 ساعت 20:30
ببین، jquery در واقع یکی از کتابخانه های توسعه یافته جاوا اسکریپته. اگر درباره نحوه برنامه نویسی تحت وب آشنایی داشته باشی، می دونی که کد های php روی سرور و کد های جاوا بر روی سیستم تو اجرا می شه. این قضیه روی jquery تا حدود خیلی زیادی صدق نمی کنه ( از نظر کاربردی گفتم، نه از نظر فنی ) یعنی کد های jquery روی همه مرورگر ها به یک صورت نمایش داده می شه. ( مرورگر های فاجعه و افتضاح و کابوس وار اینترنت اکسپلورر هم همینطور ! )
از jquery بیشتر برای موارد افکت گذاری و مدیریت رویداد های ajax استفاده می شه. به عنوان مثال سایتی که نشون دادی برای همین مورده.
به طور کلی، jquery در دو نسخه منتشر می شه، یک نسخه از اون که jquery.js هست، نسخه کامل بر مبنای قوانین GNU و MIT است که برای برنامه نویس ها و طراح های حرفه ای کاربرد داره، چرا که اون ها توابع این فایل رو دستکاری و یا توسعه می دن.
اما نسخه ای که کاربرانی مثل من و شما استفاده می کنیم، نسخه jquery.min.js هست و نیازی به هیچگونه تغییری نداره. برای استفاده از این باید اون رو به این شکل فراخوانی کنید :
دقیقا مثل هر کلاس جاوا اسکریپت دیگه ای.
برای دریافت فایل می تونی اون رو داخل سرور خودت آپلود کنی، یا اینکه از خدمات سایت هایی مثل گوگل و سایر سرویس دهنده ها استفاده کنی. مزیت سایر سرویس دهنده ها در این هست که فایل هایی که قرار می دن، به روز رسانی می شه و تو می تونی مطمئن باشی، بهترین مهندسی ها رو روی نسخه اعمال کردن.
ساختار کلی بهره گیری از jquery هم اینچوریه :
بر مبنای کد بالا : entekhabeto یک شی هست که تغییرات و افکت ها رو روی اون متمرکز می کنی، Action() نام تابعی هست که برای افکت المان استفاده می کنی.
اكثر كدهای jQuery در رخداد ready یك سند html نوشته میشوند. این رخداد زمانی اتفاق میافتد كه صفحه شما آماده نمایش به كاربر باشد ؛ پس اولین كد همیشه كد زیر است:
selectorها به صورتهای مختلفی ذكر میشوند كه انواع selector در زیر آورده شده است.
$(this) عنصری جاری را مشخص میكند.
$(«tag-name») تمامیالمانهایی را كه اسم آنها در tag-name آورده شده است شامل میشود.
$(«#id») شامل تمامیالمانهایی است كه آی دی آنها بعد از # آورده شده است.
$(«tag-name.test») در برگیرنده تمامیالمانهایی است كه درtag-name قرار دارند و كلاس آنها برابر test است.
$(«tag-name#id») تمامیالمانهایی كه از نوع tag-name باشد و آی دی آن برابر id باشد.
حالا كه با selector ها آشنا شدیم به بعضی رخدادهای متداول كه برای هر المان وجود داره میپپردازم.
۱ـ (hide) : مخفی كردن یك المان
۲ـ (mouseover): زمانی كه كرسر موس روی یك كنترل حركت میكنه.
۳ـ (mouseout): زمانی كه كرسر موس از روی یك كنترل خارج میشه.
۴ـ (dbclick) : زمانی كه روی یك المان كلیك میشه.
۵ـ (Focus) : زمانی كه یك المان انتخاب میشه، اصطلاحا روی آن فوكوس میشه.
۶ـ (Blur) :زمانی كه فوكوس از روی یك كنترل خارج میشه.
تعریف یك رخداد برای یك المان خاص
اگر بخواهیم یك رخداد برای یك المان تعریف كنیم، این كار را به صورت انجام میدهیم:
اگر بخواهیم یك رخداد را صدا بزنیم به این شیوه عمل میكنیم:
ایونتها را میتوان به صورت دیگری نیز تعریف كرد:
Function اول زمانی اتفاق میافته كه یك ایونت رخ میدهد، Function دوم زمانی رخ میده كه عملیات یك event به پایان رسیده باشه، مثلا
زمانی كه كرسر موس روی یك تگ a برود پیغام! Mouse Over نمایان میشود، وقتی كرسر موس از روی یك كنترل خارج میشود پیغام !Mouse out نشان داده میشود.
ببین اگر جاوا و html رو یاد گرفتی، اینی که نوشتم، خیلی به دردت می خوره، انگشتام درد گرفت از بس نوشتم امیدارم واقعا با این همه تایپی که کردم به دردت بخوره !
راستی فایل که دانلود کردی، اسکریپت هاشو بگیر، با آی دی و کلاس المنت ها بردار، بقیش به دردت نمی خوره، با همونا می تونی کار خودتو جلو ببری.
از jquery بیشتر برای موارد افکت گذاری و مدیریت رویداد های ajax استفاده می شه. به عنوان مثال سایتی که نشون دادی برای همین مورده.
به طور کلی، jquery در دو نسخه منتشر می شه، یک نسخه از اون که jquery.js هست، نسخه کامل بر مبنای قوانین GNU و MIT است که برای برنامه نویس ها و طراح های حرفه ای کاربرد داره، چرا که اون ها توابع این فایل رو دستکاری و یا توسعه می دن.
اما نسخه ای که کاربرانی مثل من و شما استفاده می کنیم، نسخه jquery.min.js هست و نیازی به هیچگونه تغییری نداره. برای استفاده از این باید اون رو به این شکل فراخوانی کنید :
<script src="path of jquery file" type="text/javascript"></script<
دقیقا مثل هر کلاس جاوا اسکریپت دیگه ای.
برای دریافت فایل می تونی اون رو داخل سرور خودت آپلود کنی، یا اینکه از خدمات سایت هایی مثل گوگل و سایر سرویس دهنده ها استفاده کنی. مزیت سایر سرویس دهنده ها در این هست که فایل هایی که قرار می دن، به روز رسانی می شه و تو می تونی مطمئن باشی، بهترین مهندسی ها رو روی نسخه اعمال کردن.
ساختار کلی بهره گیری از jquery هم اینچوریه :
$(entekhabeto).action();
بر مبنای کد بالا : entekhabeto یک شی هست که تغییرات و افکت ها رو روی اون متمرکز می کنی، Action() نام تابعی هست که برای افکت المان استفاده می کنی.
اكثر كدهای jQuery در رخداد ready یك سند html نوشته میشوند. این رخداد زمانی اتفاق میافتد كه صفحه شما آماده نمایش به كاربر باشد ؛ پس اولین كد همیشه كد زیر است:
$(document).ready(function(){
//write code here
});
//write code here
});
selectorها به صورتهای مختلفی ذكر میشوند كه انواع selector در زیر آورده شده است.
$(this) عنصری جاری را مشخص میكند.
$(«tag-name») تمامیالمانهایی را كه اسم آنها در tag-name آورده شده است شامل میشود.
$(«#id») شامل تمامیالمانهایی است كه آی دی آنها بعد از # آورده شده است.
$(«tag-name.test») در برگیرنده تمامیالمانهایی است كه درtag-name قرار دارند و كلاس آنها برابر test است.
$(«tag-name#id») تمامیالمانهایی كه از نوع tag-name باشد و آی دی آن برابر id باشد.
حالا كه با selector ها آشنا شدیم به بعضی رخدادهای متداول كه برای هر المان وجود داره میپپردازم.
۱ـ (hide) : مخفی كردن یك المان
۲ـ (mouseover): زمانی كه كرسر موس روی یك كنترل حركت میكنه.
۳ـ (mouseout): زمانی كه كرسر موس از روی یك كنترل خارج میشه.
۴ـ (dbclick) : زمانی كه روی یك المان كلیك میشه.
۵ـ (Focus) : زمانی كه یك المان انتخاب میشه، اصطلاحا روی آن فوكوس میشه.
۶ـ (Blur) :زمانی كه فوكوس از روی یك كنترل خارج میشه.
تعریف یك رخداد برای یك المان خاص
اگر بخواهیم یك رخداد برای یك المان تعریف كنیم، این كار را به صورت انجام میدهیم:
$(selector).event(function(){
});
});
اگر بخواهیم یك رخداد را صدا بزنیم به این شیوه عمل میكنیم:
$(selector).event();
ایونتها را میتوان به صورت دیگری نیز تعریف كرد:
$(selector).event(function(){},function(){});
Function اول زمانی اتفاق میافته كه یك ایونت رخ میدهد، Function دوم زمانی رخ میده كه عملیات یك event به پایان رسیده باشه، مثلا
$(«a»).mouseover(function(){Alert('Mouse Over!»);},
Function(){
Alert('Mouse out!');
});
Function(){
Alert('Mouse out!');
});
زمانی كه كرسر موس روی یك تگ a برود پیغام! Mouse Over نمایان میشود، وقتی كرسر موس از روی یك كنترل خارج میشود پیغام !Mouse out نشان داده میشود.
ببین اگر جاوا و html رو یاد گرفتی، اینی که نوشتم، خیلی به دردت می خوره، انگشتام درد گرفت از بس نوشتم امیدارم واقعا با این همه تایپی که کردم به دردت بخوره !
راستی فایل که دانلود کردی، اسکریپت هاشو بگیر، با آی دی و کلاس المنت ها بردار، بقیش به دردت نمی خوره، با همونا می تونی کار خودتو جلو ببری.
#8
ارسالی 1390/01/30 ساعت 23:11
دمت گرم بلاخره یکی تو این سایت پیدا شد که جواب آدم رو درست حسابی بده
ولی من از این چیزایی که نوشتی هیچی سر در نیاوردم :دی
میگم اسکریپتی وجود نداره که به صورت خودکار این سایت رو بسازه مثل همین دیتالایف انجین و بتونیم بهش تبلیغات و مطلب اضافه کنیم یا باید حتماً به صورت دستی بسازمش؟
ولی من از این چیزایی که نوشتی هیچی سر در نیاوردم :دی
میگم اسکریپتی وجود نداره که به صورت خودکار این سایت رو بسازه مثل همین دیتالایف انجین و بتونیم بهش تبلیغات و مطلب اضافه کنیم یا باید حتماً به صورت دستی بسازمش؟
#11
ارسالی 1390/01/31 ساعت 01:37
اون چیزی که تو می خوای، اگر بخوام صادق باشم، قیمت سیستمش می شه چیزی در حدود 60 تومان ( البته این قیمتی بود که اگر بودم شخصا می گرفتم ) البته شاید یکی پیدا بشه که بخواد با نصف این مبلغ هم کارتو راه بندازه.
طراحی خود قالب کاری نداره، اما تنظیم jquery ها یه نموره اذیت می کنه.
طراحی خود قالب کاری نداره، اما تنظیم jquery ها یه نموره اذیت می کنه.
#12
ارسالی 1390/01/31 ساعت 05:06
قربونت برم نگو دیگه قلبم وایساد :دی
بزار همون به صورت دستی کد نویسیش کنم که بهتره یعنی نقض کپی رایت
میشه یه کمکی بهم کنید
من دارم برا ساخت صفحات به صورت دستی خوب پیش میرم ولی نمیدونم چیکار کنم خروف راست به چپ بشن
فکر کنم مربوط به فایل style.css باشه
اگه میشه راهنمایی کنید
http://vempire.eu5.org/style.css
بزار همون به صورت دستی کد نویسیش کنم که بهتره یعنی نقض کپی رایت
میشه یه کمکی بهم کنید
من دارم برا ساخت صفحات به صورت دستی خوب پیش میرم ولی نمیدونم چیکار کنم خروف راست به چپ بشن
فکر کنم مربوط به فایل style.css باشه
اگه میشه راهنمایی کنید
http://vempire.eu5.org/style.css
#14
ارسالی 1390/01/31 ساعت 08:03
با عرض ادب، من همون mister.yousefi هستم. از یه جای دیگه دارم پست می فرستم، پسوردم هم روی سیستم خودم هستش و lostpassword هم که عین آدم کار نمی کنه ( یعنی می گه منقرض شده ( شاید هم می گه منقضی شده ) نمی دونم والا، حالا همینطوری قبول کنین فعلا :
FedoraCore,
یه جوری می گی، یا خیلی کم گفتم، یا خیلی زیاد ! می گه موفق باشید من دو ماه دیگه کنکور دارم وگرنه قربون دستم، می ساختم براش
dani666v,
خیلی ساده برای اینکه حروف رو راستی به چپ کنی اینو بذار توی فایل استایلشیت direction: rtl;
البته المنت هاتو با دقت انتخاب کن، می تونی داخل body هم بذاری، اما احتمال 90 درصد، قالب رو خراب می کنه !
FedoraCore,
یه جوری می گی، یا خیلی کم گفتم، یا خیلی زیاد ! می گه موفق باشید من دو ماه دیگه کنکور دارم وگرنه قربون دستم، می ساختم براش
dani666v,
خیلی ساده برای اینکه حروف رو راستی به چپ کنی اینو بذار توی فایل استایلشیت direction: rtl;
البته المنت هاتو با دقت انتخاب کن، می تونی داخل body هم بذاری، اما احتمال 90 درصد، قالب رو خراب می کنه !
#15
ارسالی 1390/01/31 ساعت 18:16
mister.yousefi
حیف شد سعی کن یوزر قبلیت رو بدست بیاری تازه داشتی خودمونی میشدی:دی
دستت درد نکنه نمیدونم با چه زبونی ازت تشکر کنم کارمو راه انداختی.
گذاشتمش تو body
برادرم یه سایت داره که از دیتالایف انجین استفاده میکنه ولی مطالبشو گوگل نمیشناسه نمیدونی مشکل از کجاست.
بازم میگم یه دنیا ممنونتم امیدوارم فرصتش بشه جبران کنم
حیف شد سعی کن یوزر قبلیت رو بدست بیاری تازه داشتی خودمونی میشدی:دی
دستت درد نکنه نمیدونم با چه زبونی ازت تشکر کنم کارمو راه انداختی.
گذاشتمش تو body
برادرم یه سایت داره که از دیتالایف انجین استفاده میکنه ولی مطالبشو گوگل نمیشناسه نمیدونی مشکل از کجاست.
بازم میگم یه دنیا ممنونتم امیدوارم فرصتش بشه جبران کنم
#16
ارسالی 1390/01/31 ساعت 21:39
dani666v,
خوشحالم مشکلت حل شد مرسی از محبتت.
دوستت اگر از نسخه 9.2 استفاده می کنه، بصورت پیشفرض فایل Robots.txt داخل روت سایتش وجود داره، اگر هم از نسخه های قبل تر استفاده می کنه ...
کلا اینطوری باید کار کنی :
یه حساب جی میل گوگل باز می کنی، وارد پنل وب مستر ها می شی، حالا باید یه روبات جستجو گر ایجاد کنی، که مراحل رو خودش توضیح داده.
فکر می کنم یه زمانی توی همین سایت یه مطلبی مثل همین رو خونده بودم.
اما بهش بگو وب سایتش رو آپگرد کنه روی 9.2 ، اینطوری دردسرش کمتره.
بره داخل نقشه سایت و دکمه به روز رسانی رو فشار بده و گوگل رو هم خبر کنه، اینطوری گوگل هم مطالبش رو ایندکس می کنه.
یادت باشه، اگر وب سایت برادرت مزرعه مطلب هست ( مطالبش کپی پیست شده از منابع دیگه ) فرقی به حالش نمی کنه، چون گوگل میذارتش توی لیست سیاه.
برای این مطلب بهتره بری دنبال SEO و مدیریت SEO مطالب خوبی منتشر شده.
خوشحالم مشکلت حل شد مرسی از محبتت.
دوستت اگر از نسخه 9.2 استفاده می کنه، بصورت پیشفرض فایل Robots.txt داخل روت سایتش وجود داره، اگر هم از نسخه های قبل تر استفاده می کنه ...
کلا اینطوری باید کار کنی :
یه حساب جی میل گوگل باز می کنی، وارد پنل وب مستر ها می شی، حالا باید یه روبات جستجو گر ایجاد کنی، که مراحل رو خودش توضیح داده.
فکر می کنم یه زمانی توی همین سایت یه مطلبی مثل همین رو خونده بودم.
اما بهش بگو وب سایتش رو آپگرد کنه روی 9.2 ، اینطوری دردسرش کمتره.
بره داخل نقشه سایت و دکمه به روز رسانی رو فشار بده و گوگل رو هم خبر کنه، اینطوری گوگل هم مطالبش رو ایندکس می کنه.
یادت باشه، اگر وب سایت برادرت مزرعه مطلب هست ( مطالبش کپی پیست شده از منابع دیگه ) فرقی به حالش نمی کنه، چون گوگل میذارتش توی لیست سیاه.
برای این مطلب بهتره بری دنبال SEO و مدیریت SEO مطالب خوبی منتشر شده.
#17
ارسالی 1390/02/01 ساعت 20:18
mister.yousefi
عزیزم واقعاً دستت درد نکنه خیلی مخلصم
این چند روزه واقعاً زحمت دادیم بسیار ممنون
ولی من بیخیال ساخت صفحات بصورت دستی شدم چشام داغون شد از بس لینکا و کدا رو عوض کردم.
نمیدونم چیکار کنم شاید کلاً بیخیال زدن این سایت بشم
میدونی میخوام یه چیز تک بسازم یه چیزی مثل سایتهای www.digitaltutors.com یا همین www.videocopilot.net خلاصه یه سایت زیبا و خوشگل :دی
راستی یا مثل سایت www.dreamworks.com
عزیزم واقعاً دستت درد نکنه خیلی مخلصم
این چند روزه واقعاً زحمت دادیم بسیار ممنون
ولی من بیخیال ساخت صفحات بصورت دستی شدم چشام داغون شد از بس لینکا و کدا رو عوض کردم.
نمیدونم چیکار کنم شاید کلاً بیخیال زدن این سایت بشم
میدونی میخوام یه چیز تک بسازم یه چیزی مثل سایتهای www.digitaltutors.com یا همین www.videocopilot.net خلاصه یه سایت زیبا و خوشگل :دی
راستی یا مثل سایت www.dreamworks.com
#20
ارسالی 1390/02/02 ساعت 15:06
dani666v,
اگر با html و Css آشنایی نداری، وردپرس - اگر نگرانی جوملا، اگر کاربرد و دسترسی می خوای، دیتالایف انجین، اگر بی خیالی نیوک لرن، اگر دنبال دردسی E107، اگر وقتت زیاده زوپس
cms هیچ وقت زیبا نمی شه. اون رابط گرافیکی هست که cms رو زیبا می کنه. اگر با html و css آشنایی داشته باشی، و جاوا اسکریپت هم یاد بگیری، روی هر سیستمی هم باشی، می تونی یه ظاهر قشنگ روش بذاری.
من بعد از کنکور اگر خواستی قالبش رو برات درست می کنم. اما ماژول هاشو کار من نیست.
اگر با html و Css آشنایی نداری، وردپرس - اگر نگرانی جوملا، اگر کاربرد و دسترسی می خوای، دیتالایف انجین، اگر بی خیالی نیوک لرن، اگر دنبال دردسی E107، اگر وقتت زیاده زوپس
cms هیچ وقت زیبا نمی شه. اون رابط گرافیکی هست که cms رو زیبا می کنه. اگر با html و css آشنایی داشته باشی، و جاوا اسکریپت هم یاد بگیری، روی هر سیستمی هم باشی، می تونی یه ظاهر قشنگ روش بذاری.
من بعد از کنکور اگر خواستی قالبش رو برات درست می کنم. اما ماژول هاشو کار من نیست.
2 کاربر در حال خواندن این موضوع است
0 کاربر، 2 مهمان و 0 عضو مخفی