کارگاه طراحی سایت

[mojtabapordel]

(03-05-2012 12:30 AM)مهدی گل محمدی نوشته شده توسط:  بنده هم عرض ادب دارم خدمت شما بزرگوار واقعا جای شما تو این انجمن خالی بود که به لطف کامیار عزیز این جای خالی توسط خود شما پر شد.

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

جوملا از لحاظ طراحي قالب محدوديتي نداره. از قالب هاي خيلي ساده تا پيشرفته ترين قالب ها رو ميشه طراحي كرد.
الان شركت هايي هستن كه غول هاي طراحي قالب جوملان. قالب هايي كه طراحي مي كنن آنچنان پيشرفته است كه آدم رو مبهوت مي كنه! اين قالب ها پنل هاي بسيار پيشرفته مديريتي داره كه از طريق اين پنل به راحتي ميشه قالب رو مديريت كرد (مثلا استايل و رنگ بندي هاش رو، نوع منويي كه تو قالب استفاده ميشه، راست چين يا چپ چين بودن قالب، ترتيب قرارگيري ستون ها و ...). براي طراحي اين قالب ها از فريم ورك استفاده ميشه. اين شركت ها (مثل شركت جوملارت) معمولا فريم ورك هاي خاص خودشون رو دارن. معمولا قالب هاي پيشرفته تجارين. اما بعضي ها رايگان هم پيدا ميشه. مثلا نمونه زير رو ببينين:

http://joomla1.5.youjoomla.info/yougrids/

شما فقط نوع منوي اين قالب رو كه در بالا استفاده شده ببينيد. اين يك قالب رايگانه كه پنل مديريتي فوق العاده پيشرفته اي داره، بطوري كه حتي ميشه عرض ستون ها و موقعيت ماژول ها رو كم و زياد كرد!
تعداد موقعيت ماژول هاي يك قالب هم خيلي مهمه كه زياد باشه تا دست طراح سايت تو چيدمان المان هاي سايت باز باشه:

http://joomla1.5.youjoomla.info/yougrids...eview.html

سازگار بودن قالب سايت با انواع مرورگرها خيلي مهمه. معمولا قالب هايي كه چنين منوهايي دارن (به اين نوع منو ميگن مگا منو)، تو مرورگرهاي قديمي مثل IE6 به هم ميريزن. اما اين قالب حتي تو مرورگر IE6 هم درست نمايش داده ميشه! از همه لحاظ مي تونم بگم اين قالب يه شاهكاره كه رايگان عرضه شده. چنين قالب هايي همونطور كه گفتم با فريم ورك ساخته ميشه. مثلا اين قالب با فريم ورك YJSG كه مال شركت Yoo joomla است (سازنده همين قالبي كه معرفي كردم)، ساخته شده.
قالب هاي ساده تر معمولا پنل مديريتي ندارن و اگه بخواين توش تغييراتي بدين، مستقيما بايد فايل CSS قالب رو ويرايش كنين. معمولا قالب هاي ساده با نرم افزار Artisteer طراحي ميشه. البته اين قالب ها رو بعد از طراحي بايد براي سايت هاي پارسي زبان بهينه كرد كه خيلي هم راحت نيست.
براي طراحي قالب اختصاصي خودتون، بايد html, CSS, PHP و فتوشاپ بلد باشين.
تو طراحي قالب دستتون كاملا بازه و هرچقدر كه جلو برين، باز هم راه نرفته هست! مي تونين از آموزش هايي كه تو انجمن هاي جوملا داده شده استفاده كنين و يا از كلاس هاي انجمن جوملاي ايران (joomlaforum.ir) استفاده كنين. آموزش هاي انگليسي زبان هم هست كه اگه گيرتون بياد خيلي مفيدتره.

[MohamadMJ]

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

[mojtabapordel]

براي ديدن نمونه سايت، مي تونين به سايت شركت ها و گروه هايي كه با جوملا سايت طراحي مي كنن مراجعه كنين و نمونه كارهاشون رو ببينين. ولي در كل فكر نمي كنم تو سايت هاي ايراني كسي تونسته باشه از تمام قدرت جوملا استفاده كنه.
به مرور سايت هاي خوب جوملايي كه بهشون بر بخورم، همينجا معرفي مي كنم براي ايده گرفتن دوستان
*مثلا سايت http://www.joomlafarsi.com/ كه يكي از مراجع اصلي جوملا تو ايرانه داراي رنك 6 گوگله

[kafshduzak]

ممنون از اقا مجتبی که بحث های خیلی خوبی رو شروع کردن و امیدوارم روز به روز بیشتر و بیشتر یادبگیریم
چند تا نکته که تجربه شخص خودم و نظرات خودم هستش رو هم بیان میکنم شاید مفید واقع بشه

اولین نکته : یادگیری هستش که همونطور که اقا مجتبی گفتن هر چقدر یادبگیرین بازم راه نرفته هستش و هیچ وقت یادگیری تموم نمیشه
دومین نکته : حتما حتما زبان انگلیسیمونو باید قوی کنیم اگر میخوایم طراح و برنامه نویس وب بشیم چون این دانش متعلق به ما نیست و باید از اونها یاد بگیریم
سومین نکته : درسته که به صورت خودآموز میشه یادگیری رو شروع کرد اما ثبت نام در کلاس هایی مثل کلاس های جوملا که معرفی کردن و سایر فروم ها
میتونه سرعتتون رو چندین برابر بیشتر کنه.من خودم یکی از استادام اقای علوی زاده ( مدیر سایت مجید آنلاین) بوده و اگر بگم چندین برابر مطلبی که میدونستم مطلب از ایشون یاد گرفتم اغراق نکردم
چهارمین نکته: اینکه هزینه هایی که روی خودتون انجام میدین رو به عنوان یه سرمایه گذاری در نظر بگیرین
پنجمین نکته :رفرنس های انگلیسی زبان معرکه هستن هر سوالی هر مشکلی هر چیزی نیاز دارین فقط کافیه گوگلش کنید !
شمین نکته : صرفا نمیتونیم بگیم این ابزار خوبه اون ابزار خوب نیست نمیتونیم بگیم جوملا خیلی خوبه و بقیه خیلی خوب نیستن.همشون خوبن از جوملا گرفته تا وردپرس که تو وبلاگ ها
انقلاب ایجاد کرد تا دروپال یا حتی دیتا لایف.همه خوب هستن.بستگی به شما و پروژتون داره که کدوم ابزار مناسب تره و شما با کدوم ابزار میتونید ارتباط برقرار کنید.
هفتمین نکته : طراحی و برنامه نویسی وب عشق و علاقه و صبر و یادگیری و پشتکار( خیلی زیاد ) میخواد
همین دیگه امیدوارم مفید واقع بشه
میگ میگ (75 روز) !

[اقاي ايـــده]

مجتبي جان با وجود اينكه وقت شما محدود هست و نمتونيد اموزش رو از پاييه شروع كنيد.در نت.فيلم ها و كتاب هاي اموزشي جوملا وجود دارد.خواستم اجازه بگيرم كه در اين تاپيك قرار بدم.تا دوستان استفاده كنند و بيشتر به مشكلاتي كه برخورد كردند از شما راهنمايي بخوانند.

[mojtabapordel]

(03-05-2012 06:16 PM)sajad1441 نوشته شده توسط:  مجتبي جان با وجود اينكه وقت شما محدود هست و نمتونيد اموزش رو از پاييه شروع كنيد.در نت.فيلم ها و كتاب هاي اموزشي جوملا وجود دارد.خواستم اجازه بگيرم كه در اين تاپيك قرار بدم.تا دوستان استفاده كنند و بيشتر به مشكلاتي كه برخورد كردند از شما راهنمايي بخوانند.

سلام
قطعا دوست عزيز، چنين تاپيك هايي بدون همكاري دوستان، خوب جلو نميره و به جايي نميرسه.
هركس بتونه همكاري كنه، ممنون ميشم

[اقاي ايـــده]

سه كتاب مفيد در مورد جوملا

Joomla Web Site Development-آموزش جوملا توسعه وب سایت

آموزش Joomla از مبتدی تا پیشرفته

راهنمای استفاده از سیستم مدیریت محتوای جوملا 1.5

(ویژه) دانلود فیلم آموزشی جوملا 1.6 Lynda!

این فیلم آموزشی که برای شما آماده دانلود شده است ، توسط شرکت بزرگ Lynda تهیه گشته است.در این فیلم خانم Jen Kramer به شما نشان می دهد که چگونه یک eye-popping در سایت خود با استفاده از جوملا ایجاد کنید ، همچنین ایجاد Templates و CSS ، اضافه کردن layout HTML، و نصب کردن template از جمله آموزش های این فیلم می باشد.

سرفصل های این فیلم به شرح زیر می باشد:


Preparing an HTML comp for conversion to Joomla!
Converting from the index.html file to index.php
Installing the template package file
Downloading and installing tools
Styling active links, navigation, sidebars, and more
Assigning optional regions in the template
Displaying modules within an article
Performing overrides
Setting exceptions for the home page


فایل های تمرینی نیز به صورت جداگانه برای دانلود قرار داده شده است.

.rar]دانلود فيلم اموزشي-425مگ

.rar]تمرين-50 مگ

.rar]دانلود فیلم آموزشی طراحی و ویرایش قالب جوملا 1.6-400مگ

.rar]دانلود فیلم آموزشی جوملا Joomla! 1.7: Programming and Packaging Extensions-375مگ


رمز: فايل هايي كه رمز ميخواهد.رمز مورد نظر هر فايل در بالاي برنامه winrarدر قسمت نوار ادرس.ادرس سايت مورد نظر نوشته شده هست.ادرس كامل رمز مي باشد.

[sherafati]

من یه چیزایی از نوشتن قالب سایت بلدم با جاوا
ولی از جوملا چیزی نمیدونم
یه نوع زبان برنامه نویسیه؟

[اقاي ايـــده]

جوملا! چیست؟

جوملا! یک سیستم مدیریت فوق العاده تحت وب است که در ساختن وب سایت و دیگر برنامه های تحت اینترنت به شما کمک می کند. مهم تر اینکه جوملا یک برنامه open source میباشد که به طور رایگان دراختیار همه قرار دارد.


جوملا! در عمل
جوملا در سراسر دنیا برای قدرت بخشی به کلیه برنامه ها، از یک صفحه شخصی ساده تا برنامه های تحت وب شرکت های عظیم استفاده می شود. چند مورد از موارد استفاده نرم افرار ما به شرح زیر است:

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

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

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

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

با جوملا! برای حرکت به مرحله بعد
در یک جوملا، جوملا! سهم بسزائی در اداره و رهبری محتویات مورد احتیاج برای راه اندازی سایت شما را بازی می کند. اما برای بسیاری از کاربرها، قدرت واقعی جوملا! در ساختار برنامه آن قرار دارد که دست هزاران کاربر حرفه ای در سر تا سر جهان را برای خلق add-ons (ضمائم) و پسوند ها extension قوی باز گذاشته است.

این ها تنها چند مثال از صدها extension موجود هستند:

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

جوملا!! برای توسعه دهنده ها
خیلی از شرکت ها و یا سازمانها انتظاراتی دارند که فعلا از توان جوملا! ی اولیه و یا extension موجود و آزاد خارج است. خوشبختانه جوملا! ، یک ساختار برنامه قوی را ارائه میدهد بطوریکه توسعه دهنده گان را قادر می سازد تا ضمائم های ناب بسازند که این خود توان جوملا! را به مسیرهای بی حد و مرز مجازی بسط میدهد.

با استفاده از ساختار اصلی ، توسعه دهنده گان می توانند به راحتی موارد ذیل را بسازند:

سیستمهای تجارت الکترونیکی یکپارچه
سیستم های نظارت بر موجودی کالا
ابزارهای گزارش نویسی داده ها
راهنمای محصولات ویژه
دفترچه های راهنمای تجارت مرکب (مجموعه ای)
سیستم های رزرواسیون
ابزارهای ارتباطی
پل های برنامه
یا هر نوع برنامه دیگری که مناسب یک نیاز خاص باشد . . .
اگر شرکت و یا سازمان شما عامل سومی به نام توسعه دهنده جوملا! را به خدمت بگیرد و یا با بهره گیری از ساختار جوملا! یک نرم افزار درون سازمانی بسازید، شما سکوی بازی را ساخته اید که شما را محدود به هیچ توسعه دهنده و یا برنامه بسته و انحصاری دیگری نمی کند.

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

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

منبع:joomla.ir

[کوروش]

ضمن تشکر صمیمانه از آقا مجتبی عزیز و مدیریت عزیز سایت آقا کامیار
منم یه سوال داشتم و اون اینه که چه فرقهای عمده ای بین جوملا و ورد پرس هست؟ چون من هم با ورد پرس کار میکنم و سایت انگلیسی و فارسی باهاش بالا اوردم. و واقعا ازش راضیم و مشکلی باهاش ندارم
اونقدر قالبها روشون امکانات نصب شده که شاید از نصف این امکانات هم استفاده نشه . چون بستگی به استفاده وکاربری در اون سایت داره.
من از ورد پرس راضیم چون امکاناتش خوبه و هر روز در حال اپدیت شدن هست و کلا نیاز رو جواب میده . من خودم یه عقیده دارم و اون اینه که اگه در یک زمینه متخصص باشم بهتر از اینکه در دو قسمت نیمه متخصص باشم.
میخواستم بدونم که جوملا امکانات خیلی جلوتری داره که در واقع خیلی ضروری باشه و بکار همیشگی بیاد که در نتیجه وقت مجزایی براش بزارم و یاد بگیرمش؟
آخه یه زمانی مثلا فرق زیادی بین لپ تاب مثلا سونی وایو با ایسر بود . ولی واقعا اونقدر رقابت تنگاتنگ شده که واقعا تمام امکانات وایو رو ایسر داره و حتی بنظر من بهتره
در صورتیکه در گذشته اینطور نبود. البته این مثال بود. و واقعا میخوام بدونم فرق این دو با چه مثالی گفتنیه . مرسی از همه دوستان که علاقه نشون میدند و پیگیر یادگیری هستند. فکر میکنم یکی از مشکلات کشور ما همینه که خیلیا علاقه به یادگیری ندارند. ولی اعضا این انجمن آدم رو کاملا امیدوار میکنند.
به اعتقاد من کلا کار طراحی سایت و کلا کار نت یعنی بروز بودن و این مطالعه میطلبه. نه اینکه خودمونو بکشیم نه . واقعا یکساعت پیگیری و مطالعه تفریحی روزانه ولی پیوسته معجزه میکنه
پیروز باشید