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

APIهاي تبديلي، پروژه تبليغاتي جديدي است که به مشاغل در توليد يک پروفايل براي هر فرد کمک مي کند.گوگل مدتي است تمرکز خود را روي ذخيره سازي اطلاعات جستجوي کاربران قرار داده است و مي تواند تبليغات خاصي را به افراد خاص هدايت کند. مثلا اگر کسي به موسيقي کلاسيک علاقه دارد، تبليغ سي دي هاي جيمي هندريکس را بيشتر از بقيه تبليغات در اينترنت خواهد ديد.

اما API هاي تبديلي اين اقدام را يک مرحله جلوتر خواهد برد ، اين پروفايل ها نه تنها بر اساس جستجوهاي کاربران، بلکه براساس خريدهاي آفلاين آنها نيز شکل مي گيرد.گوگل اين پروژه جديد را در وبلاگش رونمايي کرد.محتواي اين وبلاگ اين مي باشد:

«تبليغات آنلاين به تبادلات آفلاين نياز دارد. براي به دست آوردن اين فاصله خالي و حساب صحيح آن در تبليغات آنلاين، نسخه بتاي APIهاي تبديلي را براي ارسال خودکار خريدهاي آفلاين ايجاد کرده ايم.»

اين APIها اطلاعاتي از جمله تبادلات درون فروشگاهي را نيز در بر مي گيرد. لبته مواردي نيز براي احتياط بايد انجام شود تا اطلاعات کاربران امن بماند ، اما اگر خريد آفلاين از سوي کاربر در تبليغات آنلاينش نيز نشان داده شود، نبايد تعجب کرد.

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

رآمد شغل طراحي وب سايت چقدر است، و ويژگيهاي اين شغل چيست؟

يکي از سوالاتي که از طرف افرادي که تصميم دارند وارد حرفه طراحي وب بشوند زياد پرسيده مي شود اين است که آيا مي توان به طراحي وب به عنوان يک شغل با درآمد مناسب نگاه کرد؟ آيا ارزش دارد ماهها وقت بگذاريم و کدنويسي و برنامه نويسي و فتوشاپ و تکنيکهاي مختلف طراحي را ياد بگيريم؟ اصولا درآمد يک طراح وب در ايران چقدر است؟

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

1. درآمد طراح سايت:

بستگي دارد شما براي يک شرکت به عنوان کارمند کار کنيد يا به صورت مستقل و انفرادي. در حالت اول حقوق ميانگين براي طراح وب به شکل تمام وقت (در سال 91 - تهران) معمولا بين 600 هزار تومان تا 1.5 ميليون تومان است که ميزان دقيق آن بستگي به سطح مهارتهاي شما، سختي کار خواسته شده، بزرگي شرکتي که براي آن کار مي کنيد و... دارد. اما در حالت دوم، يعني اگر به صورت مستقل کار کنيد، بستگي به اينکه چند پروژه در ماه بگيريد مي توانيد قيمتهايتان را بالا و پايين کنيد. براي اينکه حدود درآمد دستتان بيايد، بابت طراحي اختصاصي يک وبسايت دايناميک با امکانات معمول سايتهاي شرکتي، معمولا بين 400 تا 600 تومان مي توانيد دريافت کنيد. حالا اگر فرض کنيد ماهانه فقط دو پروژه بگيريد، حدود يک ميليون در ماه درآمد خواهيد داشت که گرچه بالا نيست، اما براي شروع بد هم نيست. اين البته براي طراحان وب در سطح متوسط و در ايران است و اگر شما يک طراح وب حرفه اي باشيد به نسبت بزرگي پروژه ها و قيمتها بسيار بالاتر از اين خواهد بود. ضمن آنکه تعرفه طراحي وب در کشورهاي اروپايي و امريکا جزء شغلهاي پردرآمد است و اصلا قابل مقايسه با درآمدهاي ايران نيست.

اما شغل طراحي وب ويژگيهاي منحصر به فرد ديگري نيز دارد که اينها بازدهي و سود اين حرفه را بيشتر مي کنند.

2. عدم وابستگي به موقعيت جغرافيايي:

در واقع يک طراح وب مي تواند در کلبه اي در يک روستاي دور افتاده هم مشغول به حرفه خود باشد! کافي است يک خط تلفن و برق باشد تا بتواند تقريبا از همه جاي دنيا سفارش بگيرد. در واقع يک طراح وب (چه به عنوان طراح مستقل و فريلنسر، و چه به عنوان کارمند دورکار يک شرکت) تمام کارهاي خود را در بستر وب انجام مي دهد و لزوما نيازي به حضور نيست. در خانه خود مي توانيد بنشينيد و با ده ها مشتري از شهرهاي مختلف سر و کله بزنيد. کمتر شغلي چنين ويژگي‌اي دارد.

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

3. عدم نياز به سرمايه‌ي اوليه، به جز زمان:

زمان: بزرگترين سرمايه براي طراحي وبسايت

براي اينکه شغل طراحي سايت را شروع کنيد مي توانيد با يک کامپيوتر قديمي که فقط نوت‌پد دارد شروع کنيد! اگر مصرف برق و پول اينترنت را روي حساب مصارف خانگي بگذاريم، هيچ خرج ديگري نخواهيد داشت. در واقع بزرگترين سرمايه اي که بايد بگذاريد تا به شما سود برساند، زمان است. شما بايد زمان قابل توجهي بگذاريد تمام تکنيکهاي به روز مورد نياز براي طراحي وب را ياد بگيريد، و اين يادگيري بايد هميشه استمرار داشته باشد. از طرف ديگر طراحي و برنامه نويسي شما (اگر بخواهيد حرفه اي کار کنيد) وقت قابل توجهي خواهد گرفت. از طرفي اين حرفه، جزء دسته خدمات قرار مي گيرد، و بنابراين احتمالا بيشتر از نود درصد پولي که از مشتري مي گيريد سود خالص است. پس در مقايسه با شغلهايي که با فروش محصول به سود مي رسند، واقعا شغل پر سودي به حساب مي رسد!

4. بازاريابي پويا:

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

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

Creative Web Design

Creative Web Design and Marketing for your Business

طراحی وب سایت 

We handle just about any web design work you can throw at us. Whether you’re a small business owner, freelancer, artist, writer, or bespoke candlestick maker, we’ll get you online with a great looking creative web design that works. From large not-for-profits to micro-b

We love e make sure they’re easy to update so someone in your office can manage the site easily in house without any coding knowledge. Explainafide is a complete web design agency; we handle everything from website design, internet marketing, brandf course any graphic design work you can dream of.

If you have an average website, your business is nearly as bad off as if it had no website at all.

At Explainafide, we give you straightforward advice to decode the Mumbo-Jumbo and help you make an informed decision on what will work best for you and your company.

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

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

شما بايد مطمئن باشيد که طراحي سايت شما به صورت کاملا حرفه اي انجام شده است. وب سايت شما در اولين بازديد کاربر مي بايست ديد درستي از تجارت و خدمات شما را به مشتري بدهد شما فقط 3 ثانيه فرصت داريد تا نظر بازديد کننده را نسبت به شرکت خود جلب نموده و بازديد کننده را به مشتري تبديل نماييد.

توجه داشته باشيد که طراحي سايت ضعيف و غير حرفه اي مي تواند خسارات زيادي را به شما وارد نمايد. توجه داشته باشيد که وب سايت شناسنامه شما روي دنياي وب است و ارائه بهترين چهره از فعاليت شما، نقطه اعتماد مشتري به شما خواهد بود.

لايرکد با داشتن تيمي حرفه اي توانايي پياده سازي خواست شما را در وب دارد. کافيست شما بخواهيد، تا ما آن را براي شما آماده کنيم. براي نمونه شما مي توانيد به بخش افزونه هاي سايت برويد تا به قدرت تيم طراحي سايت ما پي ببريد.

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

مراحل طراحي سايت :

تحليل و گزارش شناخت از اهداف مديران

شناخت مخاطبان و کاربران سايت

ايجاد استراتژي از عملکرد سايت

تحليل و آناليز کلمات کليدي سايت

جمع آوري و آناليز اطلاعات

انتخاب سيستم کنترل محتواي مناسب براي پروژه

طراحي واسط گرافيکي با زيباترين کيفيت

طراحي سايت بر اساس آخرين استانداردهاي وب

برنامه نويسي و توسعه سيستم در قسمتهاي مورد نياز

بهينه سازي کليه کلمات کليدي و متون نهايي سايت

ايجاد مقياس پذيري و اجرا در کليه مرورگرها 

بارگذاري و تست وب سايت

نصب سيستم هاي تحليل وب سايت

معرفي به موتورهاي جستجو گر

و گرفتن بک لينک هاي مناسب تبادل لينک

تحليل گزارشات آماري سايت و بهينه سازي سايت

پشتيباني و بروز رساني سايت

طراحي سايت امروزه به يک صنعت تبديل شده است و شناخت از بازار هدف و آناليز قبل از شروع به طراحي از ارکان اصلي طراحي وب سايت محسوب مي شود.

معرفي سيستم هاي مديريت محتوا حالا که هاست و دامين مناسب انتخاب کرديد، ميتونيد صفحات وب رو طراحي کنيد و بر روي اون سرور آپلود کنيد. به اين صورت هر وقت کسي دامين شما رو وارد کرد اون صفحه رو ميبينه... صفحات وب به دو دسته ديناميک و استاتيک تقسيم بندي ميشن... قديم قديما، بيشتر صفحات وب استاتيک بودند، هر کس چند خط توضيح مي نوشت و يه عکس هم به صفحه اضافه ميکرد و آپلود ميکرد روي سرور! اگر در آينده هم ميخواست اون صفحه رو تغيير بده بايد تمام کدها رو از ابتدا ويرايش ميکرد. برنامه هاي مختلفي هم اون موقع به وجود اومدند که باعث مي شدند نيازي به کدنويسي نباشه و هر کس بتونه به راحتي صفحات وب رو طراحي کنه... برنامه هايي مثل: Microsoft front page و micromedia dreamweaver و adobe grove اون موقع micromedia flash هم خيلي طرفدار داشت و طراحي با فلش قيمت خيلي بالايي داشت.

طراحی وب سایت 

حالا که هاست و دامين مناسب انتخاب کرديد، ميتونيد صفحات وب رو طراحي کنيد و بر روي اون سرور آپلود کنيد.

به اين صورت هر وقت کسي دامين شما رو وارد کرد اون صفحه رو ميبينه...

صفحات وب به دو دسته ديناميک و استاتيک تقسيم بندي ميشن...

قديم قديما، بيشتر صفحات وب استاتيک بودند، هر کس چند خط توضيح مي نوشت و يه عکس هم به صفحه اضافه ميکرد و آپلود ميکرد روي سرور!

اگر در آينده هم ميخواست اون صفحه رو تغيير بده بايد تمام کدها رو از ابتدا ويرايش ميکرد.

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

برنامه هايي مثل: Microsoft front page و micromedia dreamweaver و adobe grove

اون موقع micromedia flash هم خيلي طرفدار داشت و طراحي با فلش قيمت خيلي بالايي داشت... (الان تقريبا منقرض شده و شرکت هاي بزرگ مثل اپل اصلا اجازه پشتيباني رو محصولاتشون رو نميدن)

اين برنامه ها هنوز هم وجود دارند، اما با اسامي ديگري!

بعد از اون انقلاب Web2 انجام شد. صفحات استاتيک از رده خارج شدند...

نسل جديد وب، يعني وب2، نسل تعامل کاربر با سايت بود...از چيزهاي ابتدايي مثل عضويت در سايت شروع شد، بعد از اون ارسال خبر و مقاله، وبلاگ ها و همين انجمن ها که ميبينيد...

انجمن يک نمونه عالي از وب2 ئه، چون فقط بر پايه تلاش و مطالب کاربران بنا ميشه و مديران حتي کمتر از کاربران در فعاليت ها دخيل هستند. اگر کاربري در انجمن نباشه انجمن ارزشي نداره...

خب، با پيدايش web2، سيستم هاي مديريت محتوا هم سر و کله شون پيدا شد! CMS مخفف Content Management System هست.

اين سيستم ها، باعث ميشن که هر فردي بتونه بدون نياز به دانش فني، بهترين سايت ها رو داشته باشه!

تعداد بسيار زيادي CMS در جهان وجود داره که بيشتر اونها هم متن باز (open source) هستند، يعني معمولا رايگان هستند، پشتيباني رايگان دارند و شما هر تغييري که دوست داشته باشيد ميتونيد در کدها اعمال کنيد تا سايت اون چيزي بشه که شما ميخوايد.

خوشبختانه open source در سطح وب خيلي بيشتر از برنامه هايي مثل لينوکس تحويل گرفته شده و حتي در ايران هم که فرهنگ متن باز وجود نداره پشتيباني هاي فعال و خوبي وجود داره. (به هرکي ميگم يه تيم زحمت کشيدن يه برنامه اي نوشتن مفتي منتشر کردن و پشتيباني ميکنن ميگه مگه مغز خر خوردن؟ (چون معمولا مشکلات مالي زيادي هم دارند))

هر CMS براي کاري ساخته ميشه...بعضي ها فقط انجمن هستند، بعضي ها سيستم ويکي هستند، بعضي ها فقط پرتالي براي ارسال خبر و مقاله هستند و يا بعضي همه کاره هستند و...

البته به علت اينکه متن باز هستند برنامه نويسان متفرقه، امکانات جانبي براي اونها طراحي ميکنند، اما کار اصلي يه چيز ديگه است.

من چندتا از اون ها رو معرفي ميکنم:

ابتدا CMS هاي همه کاره:

PHP Nuke

اين سيستم مديريت محتوا يکي از قديمي ترين سيستم هاييه که من ميشناسم!

انجمن و دانلود و خبر و مقاله و هر چيزي که يک سايت عادي و همه کاره نياز داشته باشه داره! البته ضعف هاي متعددي در ساختار برنامه نويسي اون وجود داره که فقط شامل ضعف هاي امنيتي نميشه! مثلا براي نصب يک ماژول پدرتون در مياد!

پشتيباني فارسي معتبر و قديمي و معروفي داره که ميشه روش حساب کرد.

آدرس پشتيباني: [Only Registered and Activated Users Can See Links. Click Here To Register...]

من اين سيستم رو پيشنهاد نميکنم.

سيستم هاي پرتال:

اين سيستم بيشتر مانند يک وبلاگ يا خبرگزاري عمل ميکنند. اما قابل گسترش هستند.

دو تا از معروفترين و بهترين سيستم ها را معرفي ميکنم:

حتما همه با اين اسم آشنا هستيد! بله! سيستم معروف وبلاگدهي وردپرس!

گروه وردپرس يک سيستم مديريت محتوا براي استفاده هاي شخصي عرضه کرد. براي کساني که ميخواهند در هاست شخصي خود داراي وبلاگ يا سايت باشند، اما اين سيستم امروزه بسيار پيشرفت کرده است.

شما تنها با چند کليک مي توانيد به آن گالري تصوير، انجمن، فرم ارتباط با ما، چت و.... اضافه کنيد.

اين سيستم راحت ترين و کامل ترين سيستم مديريت در بين تمام سيستم هاي مديريت محتوايي که تاکنون در عمرم مشاهده کردم را دارد!

اين سيستم رو به افراد تازه کار پيشنهاد ميکنم، با اينکه سيستم راحت و کاملي هست، اما چون قرار بوده يک سيستم وبلاگدهي باشه قدرت لازم براي يک سايت بزرگ رو نداره!

اين سيستم پشتيبان هاي فارسي متعددي داره، اما پشتيبان رسمي و بهترين پشتيبان آن سايت زير است:

[Only Registered and Activated Users Can See Links. Click Here To Register...]

جوملا:

جوملا مانند php nuke قدمت زيادي دارد و از قوي ترين سيستم هاي موجودِ حال حاضر است.

خاصيت جوملا در اين است که انگار هيچ اسکلت بندي ندارد! شما ميتوانيد جوملا را به هر شکلي ميخواهيد در بياوريد! هر تصور ذهني که در مورد ظاهر سايت خود داريد قابل پياده سازي در جوملا است.

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

جوملا CMS است که حتي سايت هاي دولتي آمريکا و اروپا هم از آن براي سايت هاي خود استفاده ميکنند.

اين سيستم کاملا با seo سازگاري دارد و رتبه شما در موتورهاي جستجو را بالا مي برد، به راحتي چند زبانه مي شود و امنيت آن بسيار عالي است.

اين هم ذکر کنم که مديريت جوملا بسيار بسيار سخت است و به هيچ سيستم مديريت محتواي ديگري شباهت ندارد!

خود من وقتي براي اولين بار تستش کردم تا چند سال سراغش نرفتم! ولي وقتي توش مهارت پيدا کنيد ميتونيد سايتي بهتر از بقيه سايت ها طراحي کنيد.

اين سيستم هم مانند وردپرس پشتيبان هاي متعددي دارد که بعضي از آنها چيزي بيش از دزد نيستند! حتي براي الحاقات رايگاني هم که فارسي کردند بر خلاف تمام قوانين بين المللي پول دريافت ميکنند.

اما اين پشتيباني سابقه اي طولاني و خوب در زمينه پشتيباني از مامبو و جوملا دارد:

[Only Registered and Activated Users Can See Links. Click Here To Register...]

سيستم هاي انجمن ساز:

اين سيستم ها محبوب ترين CMS ها هستند و البته بعضي از اون ها رايگان نيستند.

phpBB

اين اولين سيستم انجمن سازيه که حدود 7 سال پيش باهاش آشنا شدم، قبل از اينکه اسم هيچ انجمن ساز ديگه اي به گوشم بخوره!

سيستم خوب و قدرتمنديه، خيلي هم پرطرفداره...اما اون موقع که من باهاش کار ميکردم پير شدم و ديگه سراعش نرفتم! براي نصب هر پلاگيني بايد کلي کد رو دست کاري ميکردم...اميدوارم الان درست شده باشه...

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

[Only Registered and Activated Users Can See Links. Click Here To Register...]

SMF

اين انجمن هم مثل phpbb خيلي سابقه داره، ولي نسبت به ساير انجمن ساز ها از طرفدار کمتري برخورداره...

متاسفانه حدود 3 يا 4 ساله ميخوان ورژن شماره 2 رو عرضه کنند اما هنوز نکردند!

پشتيباني اين سيستم در ايران توسط [Only Registered and Activated Users Can See Links. Click Here To Register...]انجام ميشه...البته اين هم بگم که قيافه ش مثل بقيه انجمن ها نيست! مثلا سيستم پيام خصوصي اون شبيه هيچ کدوم از انجمن هايي که ديديد نيست!

اين انجمن ساز مبدل (convertor) تمام CMS هايي که من شنيدم و نشنيدم رو داره! يعني از هر سيستمي، حتي اگر انجمن ساز تخصصي نباشه، ميتونيد مطالبتون رو به SMF منتقل کنيد. (بين خودمون باشه، از SMF هم ميتونيد به هر انجمن ساز ديگه اي خواستيد منتقل کنيد! خنده شيطاني!)

طراحی وب سایت 

MyBB

به نظر من اين انجمن ساز گل سر سبد تمام سيستم هاي رايگان ديگه است!

اين سيستم واقعاً سبکه و فشاري به هاست وارد نميکنه...

از نظر ظاهري بسيار زيبا طراحي شده، قالب هاي خيلي خيلي خوشگلي هم داره!

پلاگين هاي فراواني هم داره و شما براي هر کاري يک پلاگين گير مياريد...

مديريتش بسيار ساده است، اما در نهايت سادگي شما قادر به اعمال تنظيمات خاص خود هستيد.

حتي نياز به تنظيمي سفارشي داشتيد ميتونيد خودتون اون رو طراحي کنيد.

ميتونيد خودتون کدهايي مثل مخفي سازي متن يا هر چيز ديگه اي طراحي کنيد.

برنامه نويسان اون سعي کردن هر پلاگين و امکاناتي که ساير انجمن ها دارند براي اين سيستم هم طراحي کنند.

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

پشتيباني فارسي ماي بي بي از فعال ترين پشتيباني هاي ماي بي بي در ساير زبون هاست، به اين صورت که شما هر پلاگيني نياز داشته باشيد با احتمال 90 درصد ترجمه فارسي اون در سايت اصلي ماي بي بي قرار گرفته!

آدرس پشتيباني: community.mybbiran.com

vbulletin

قدرتمند ترين سيستم انجمن ساز جهان تاکنون!

خب بهترين سيستم انجمن ساز جهانه ديگه! اگر "تونستيد" حتما ازش استفاده کنيد.

تنها مسئله اي که اين وسط هست اينه که اين انجمن ساز رايگان نيست! اين انجمن ساز در دو بسته: يکي به قيمت 285 دلار و يکي به قيمت 195 دلار فروخته ميشه!

تازه اگر ورژن جديدي ارائه بشه براي ارتقا باز هم بايد پول بديد!

سايت پشتيباني هم براي فارسي ساز 69 هزار تومن دريافت ميکنه!

به خاطر همين راه عاقلانه اينه که از انجمن ساز هاي ديگه استفاده کنيد، اگر يه روز کارتون خيلي گرفت ميتونيد با چند کليک به vbulletin منتقل کنيد.

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

براي حل اين مشکل بايد از هاست هاي وارز استفاده کنيد که در يک پچ آموزشي توضيح ميدم چيه! خيلي پيشنهاد نميشه اين راه!

ويکي:

حتما ويکي پديا رو ديديد! سيستم هاي مديريت محتواي مختلفي براي طراحي يک دانشنامه موجوده، اما معروفترين اونها، که خود ويکي پديا هم از اون استفاده ميکنه، سيستمي هست به نام Media Wiki

اين سيستم هم مانند ويکي پديا با فارسي سازگاره و نياز به پشتيبان فارسي نداره...

اما اين نکته هم گوشزد کنم که راه اندازي يک دايره المعارف کار بسيار شاقيه! اول از همه اينکه اين سيستم تنظيماتي نياز داره که به صورت پيش فرض اعمال نشده و بايد در کدها دست ببريد!

دوم اينکه بايد "ويکي نويسي" بلد باشيد. نوشتن تو دايره المعارف ويکي مثل نوشتن در انجمن يا يک سايت نيست. بايد کدهاي مخصوص اون رو بلد باشيد.

من براي ايجاد يه دايره المعارف در مورد ارباب حلقه ها پدرم در اومد...

آدرس مديا ويکي: [Only Registered and Activated Users Can See Links. Click Here To Register...]

گالري:

تقريبا تمام سيستم هاي مديريت محتوا يک پلاگين براي بخش گالري دارند، اما اين سيستم فقط و فقط يک گالري است! يک سيستم تخصصي گالري عکس!

4image بهترين گالري عکسي هست که من ميشناسم، توسط يک شرکت آلماني نوشته شده و رايگانه...

خودش با فارسي سازگاره و نيازي به پشتيبان فارسي نداره!

آدرس: [Only Registered and Activated Users Can See Links. Click Here To Register...]

فروشگاه:

فروشگاه ساز هاي متعددي بر روي اينترنت وجود داره! بيشتر اين فروشگاه ها يا فارسي نشده اند. يا با سيستم هاي خريد پستي ايران سازگار نيستد، يا با سيستم پرداخت آنلاين ايران!

فروشگاه هاي ديگري هم هستند که توسط ايراني ها نوشته شده اند و فوق العاده قدرتمند هستند، اما قيمت هاي نجومي دارند (چندين ميليون تومان) !

معمولا پيشنهاد مي شود از فروشگاهي که براي CMS سايتتان نوشته شده استفاده کنيد نه از يک سيستم فروش مجزا از سايت اصلي (يعني در يک سيستم ديگر)

در اينجا ميخواهم دو فروشگاه که حتما شما را جذب ميکند معرفي کنم:

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

اما يک فروشگاه ساز تخصصي:

فروشگاه os commerce يکي از قدرتمندترين سيستم هاي فروشگاه ساز در جهان است که به طور رايگان منتشر مي شود.

اين سيستم در ايران پشتيباني فارسي مي شود و با درگاه پرداخت شتاب هم سازگار مي شود. تمام اين امکانات هم به صورت رايگان!

آدرس پشتيباني: [Only Registered and Activated Users Can See Links. Click Here To Register...]

غير از اين سيستم ها، سيستم هاي ديگه مثل سيستم چت، سيستم پشتيباني، سيستم اداره قبوض، مديريت هاست، فروشگاه و ... هم هست.

-------------------------------------------------------------------

حالا که سيستم هاي مديريت محتوا را شناختيم، از کدام استفاده کنيم؟

انتخاب سيستم مديريت محتواي مناسب مسئله حساس و دقيقيه، چون اگر بعداً به مشکل بخوريد احساس نارضايتي از سايت، وجود شما رو ميگيره...

تغيير سيستم مديريت محتوا هم کار آسوني نيست و بايد دعا کنيد که سيستمي که انتخاب کرديد قابل انتقال به چيز ديگه باشه!

بايد بدونيد که از سايت چي ميخوايد؟ چه امکاناتي مد نظرتونه؟ چه امکاناتي ممکنه در آينده اضافه بشه به سايت؟

خودتون چقدر در کار کردن با اين سيستم ها وارد هستيد؟ آيا از عهده مديريتش بر ميايد؟

پشتيباني اون سايت چطوره؟ ببينيد جواب بقيه رو ميدن؟ چقدر فعال هستن؟ افزونه توليد ميکنن؟ افزونه ترجمه ميکنند؟ قالب طراحي ميکنند؟ يا بي کار هستند؟

به ليست افزونه ها نگاه کنيد! چه چيزهايي توش ميبينيد؟ آيا امکانات خوبي تو ليستشون هست؟

و حتماً قبل از انتخاب CMS با يه نفر در اين زمينه مشورت کنيد.

البته نريد تو سايت پشتيباني بپرسيد که اين سيستم بهتره يا سيستم شما؟ چون ميگن سيستم ما! تو خونه خودشون که نبايد بريد بپرسيد چي بهتره!

تو سايت هاي عمومي تر مثل مجيد آنلاين بپرسيد.

نکته ديگه اينه که:

شما ميتونيد از يه سيستم همه کاره استفاده کنيد، خيلي کار شما رو راحت ميکنه، اما همونطور که گفتم تک تک اجزاي اون از سيستم هاي تخصصي ضعيف تره!

انجمنش از انجمن ساز هاي تخصصي ضعيف تره، اخبارش و گالري و....

راه ديگه، و البته راه سختر اينه که از چند سيستم تخصصي در کنار هم استفاده کنيد!

انجمن با يک سيستم، پرتال با يک سيستم ديگه...

بعد با برنامه هايي به نام "پل" (bridge) اين دو تا سيستم رو به هم وصل ميکنيد!مديريت گروه هاي کاربري و دسترسي هاي گروه هاي مختلف واقعا سخت تنظيم مي شود و شايد باز هم آن چيزي نشود که ميخواهيد. از نظر امنيتي مشکل دارد. پشتيباني راضي کننده اي ندارد. آدرس پشتيباني: [Only Registered and Activated Users Can See Links. Click Here To Register...] Xoops اين سيستم مديريت محتوا، بهترين سيستم همه کاره اي است که تاکنون ديده ام! البته ضعف هايي دارد، مثلا چون يک سيستم همه کاره است نبايد انتظار داشته باشيد هر جزء آن قدرت يک سيستم تخصصي را داشته باشد! براي مثال انجمن آن، انجمني پيشرفته مانند MyBB و SMF و VB باشد. مديريت اين سيستم بسيار لذت بخش و راحت است، پشتيباني فارسي بسيار قوي دارد. همين طور نهاد زوپس که اين سيستم را پشتيباني ميکند تا کنون بسيار جدي و موفق عمل کرده است و جايزه هاي متعددي برده است. اگر يک سايت با تمام امکانات ميخواهيد، در عين حال دنبال دردسر در مديريت آن نميگرديد از اين سيستم استفاده کنيد. آدرس پشتيباني فارسي: [Only Registered and Activated Users Can See Links. Click Here To Register...] سيستم هاي پرتال: اين سيستم بيشتر مانند يک وبلاگ يا خبرگزاري عمل ميکنند. اما قابل گسترش هستند. دو تا از معروفترين و بهترين سيستم ها را معرفي ميکنم: وردپرس: حتما همه با اين اسم آشنا هستيد! بله! سيستم معروف وبلاگدهي وردپرس! گروه وردپرس يک سيستم مديريت محتوا براي استفاده هاي شخصي عرضه کرد. براي کساني که ميخواهند در هاست شخصي خود داراي وبلاگ يا سايت باشند، اما اين سيستم امروزه بسيار پيشرفت کرده است. شما تنها با چند کليک مي توانيد به آن گالري تصوير، انجمن، فرم ارتباط با ما، چت و.... اضافه کنيد. اين سيستم راحت ترين و کامل ترين سيستم مديريت در بين تمام سيستم هاي مديريت محتوايي که تاکنون در عمرم مشاهده کردم را دارد! اين سيستم رو به افراد تازه کار پيشنهاد ميکنم، با اينکه سيستم راحت و کاملي هست، اما چون قرار بوده يک سيستم وبلاگدهي باشه قدرت لازم براي يک سايت بزرگ رو نداره! اين سيستم پشتيبان هاي فارسي متعددي داره، اما پشتيبان رسمي و بهترين پشتيبان آن سايت زير است: [Only Registered and Activated Users Can See Links. Click Here To Register...] جوملا: جوملا مانند php nuke قدمت زيادي دارد و از قوي ترين سيستم هاي موجودِ حال حاضر است. خاصيت جوملا در اين است که انگار هيچ اسکلت بندي ندارد! شما ميتوانيد جوملا را به هر شکلي ميخواهيد در بياوريد! هر تصور ذهني که در مورد ظاهر سايت خود داريد قابل پياده سازي در جوملا است. از طرفي با وجود الحاقات متعددي که دارد در هر زمينه اي قابل استفاده است. مي توانيد يک سايت دانلود راه اندازي کنيد. يا يک کتابخانه يا يک کتاب فروشي! شايد يک خبرگزاري! يک سايت براي معرفي محصولاتتان يا حتي فروش آنها... جوملا CMS است که حتي سايت هاي دولتي آمريکا و اروپا هم از آن براي سايت هاي خود استفاده ميکنند. اين سيستم کاملا با seo سازگاري دارد و رتبه شما در موتورهاي جستجو را بالا مي برد، به راحتي چند زبانه مي شود و امنيت آن بسيار عالي است. اين هم ذکر کنم که مديريت جوملا بسيار بسيار سخت است و به هيچ سيستم مديريت محتواي ديگري شباهت ندارد! خود من وقتي براي اولين بار تستش کردم تا چند سال سراغش نرفتم! ولي وقتي توش مهارت پيدا کنيد ميتونيد سايتي بهتر از بقيه سايت ها طراحي کنيد. اين سيستم هم مانند وردپرس پشتيبان هاي متعددي دارد که بعضي از آنها چيزي بيش از دزد نيستند! حتي براي الحاقات رايگاني هم که فارسي کردند بر خلاف تمام قوانين بين المللي پول دريافت ميکنند. اما اين پشتيباني سابقه اي طولاني و خوب در زمينه پشتيباني از مامبو و جوملا دارد: [Only Registered and Activated Users Can See Links. Click Here To Register...] سيستم هاي انجمن ساز: اين سيستم ها محبوب ترين CMS ها هستند و البته بعضي از اون ها رايگان نيستند. phpBB اين اولين سيستم انجمن سازيه که حدود 7 سال پيش باهاش آشنا شدم، قبل از اينکه اسم هيچ انجمن ساز ديگه اي به گوشم بخوره! سيستم خوب و قدرتمنديه، خيلي هم پرطرفداره...اما اون موقع که من باهاش کار ميکردم پير شدم و ديگه سراعش نرفتم! براي نصب هر پلاگيني بايد کلي کد رو دست کاري ميکردم...اميدوارم الان درست شده باشه... به هر حال پشتيباني درست حسابي تو ايران نداره! سايت مقصد فارسي ميکنه، ولي چيز خوبي از آب در نيومده... [Only Registered and Activated Users Can See Links. Click Here To Register...] SMF اين انجمن هم مثل phpbb خيلي سابقه داره، ولي نسبت به ساير انجمن ساز ها از طرفدار کمتري برخورداره... متاسفانه حدود 3 يا 4 ساله ميخوان ورژن شماره 2 رو عرضه کنند اما هنوز نکردند! پشتيباني اين سيستم در ايران توسط [Only Registered and Activated Users Can See Links. Click Here To Register...]انجام ميشه...البته اين هم بگم که قيافه ش مثل بقيه انجمن ها نيست! مثلا سيستم پيام خصوصي اون شبيه هيچ کدوم از انجمن هايي که ديديد نيست! اين انجمن ساز مبدل (convertor) تمام CMS هايي که من شنيدم و نشنيدم رو داره! يعني از هر سيستمي، حتي اگر انجمن ساز تخصصي نباشه، ميتونيد مطالبتون رو به SMF منتقل کنيد. (بين خودمون باشه، از SMF هم ميتونيد به هر انجمن ساز ديگه اي خواستيد منتقل کنيد! خنده شيطاني!) MyBB به نظر من اين انجمن ساز گل سر سبد تمام سيستم هاي رايگان ديگه است! اين سيستم واقعاً سبکه و فشاري به هاست وارد نميکنه... از نظر ظاهري بسيار زيبا طراحي شده، قالب هاي خيلي خيلي خوشگلي هم داره! پلاگين هاي فراواني هم داره و شما براي هر کاري يک پلاگين گير مياريد... مديريتش بسيار ساده است، اما در نهايت سادگي شما قادر به اعمال تنظيمات خاص خود هستيد. حتي نياز به تنظيمي سفارشي داشتيد ميتونيد خودتون اون رو طراحي کنيد. ميتونيد خودتون کدهايي مثل مخفي سازي متن يا هر چيز ديگه اي طراحي کنيد. برنامه نويسان اون سعي کردن هر پلاگين و امکاناتي که ساير انجمن ها دارند براي اين سيستم هم طراحي کنند. پشتيباني فارسي اين سيستم فوق العاده قدرتمنده و خودش کلي پلاگين با ارزش طراحي کرده... پشتيباني فارسي ماي بي بي از فعال ترين پشتيباني هاي ماي بي بي در ساير زبون هاست، به اين صورت که شما هر پلاگيني نياز داشته باشيد با احتمال 90 درصد ترجمه فارسي اون در سايت اصلي ماي بي بي قرار گرفته! آدرس پشتيباني: community.mybbiran.com vbulletin قدرتمند ترين سيستم انجمن ساز جهان تاکنون! خب بهترين سيستم انجمن ساز جهانه ديگه! اگر "تونستيد" حتما ازش استفاده کنيد. تنها مسئله اي که اين وسط هست اينه که اين انجمن ساز رايگان نيست! اين انجمن ساز در دو بسته: يکي به قيمت 285 دلار و يکي به قيمت 195 دلار فروخته ميشه! تازه اگر ورژن جديدي ارائه بشه براي ارتقا باز هم بايد پول بديد! سايت پشتيباني هم براي فارسي ساز 69 هزار تومن دريافت ميکنه! به خاطر همين راه عاقلانه اينه که از انجمن ساز هاي ديگه استفاده کنيد، اگر يه روز کارتون خيلي گرفت ميتونيد با چند کليک به vbulletin منتقل کنيد. راه حل ديگه براي استفاده از اين انجمن ساز استفاده از ورژن هاي کرک شده يا به اصطلاح "نال شده" هست. اما چون سرور در جايي مثل آمريکا يا کانادا قرار داره معمولا و اونجا موظف به اجراي کپي رايت هستند، سايت شما بلوکه ميشه. براي حل اين مشکل بايد از هاست هاي وارز استفاده کنيد که در يک پچ آموزشي توضيح ميدم چيه! خيلي پيشنهاد نميشه اين راه! ويکي: حتما ويکي پديا رو ديديد! سيستم هاي مديريت محتواي مختلفي براي طراحي يک دانشنامه موجوده، اما معروفترين اونها، که خود ويکي پديا هم از اون استفاده ميکنه، سيستمي هست به نام Media Wiki اين سيستم هم مانند ويکي پديا با فارسي سازگاره و نياز به پشتيبان فارسي نداره... اما اين نکته هم گوشزد کنم که راه اندازي يک دايره المعارف کار بسيار شاقيه! اول از همه اينکه اين سيستم تنظيماتي نياز داره که به صورت پيش فرض اعمال نشده و بايد در کدها دست ببريد! دوم اينکه بايد "ويکي نويسي" بلد باشيد. نوشتن تو دايره المعارف ويکي مثل نوشتن در انجمن يا يک سايت نيست. بايد کدهاي مخصوص اون رو بلد باشيد. من براي ايجاد يه دايره المعارف در مورد ارباب حلقه ها پدرم در اومد... آدرس مديا ويکي: [Only Registered and Activated Users Can See Links. Click Here To Register...] گالري: تقريبا تمام سيستم هاي مديريت محتوا يک پلاگين براي بخش گالري دارند، اما اين سيستم فقط و فقط يک گالري است! يک سيستم تخصصي گالري عکس! 4image بهترين گالري عکسي هست که من ميشناسم، توسط يک شرکت آلماني نوشته شده و رايگانه... خودش با فارسي سازگاره و نيازي به پشتيبان فارسي نداره! آدرس: [Only Registered and Activated Users Can See Links. Click Here To Register...] فروشگاه: فروشگاه ساز هاي متعددي بر روي اينترنت وجود داره! بيشتر اين فروشگاه ها يا فارسي نشده اند. يا با سيستم هاي خريد پستي ايران سازگار نيستد، يا با سيستم پرداخت آنلاين ايران! فروشگاه هاي ديگري هم هستند که توسط ايراني ها نوشته شده اند و فوق العاده قدرتمند هستند، اما قيمت هاي نجومي دارند (چندين ميليون تومان) ! معمولا پيشنهاد مي شود از فروشگاهي که براي CMS سايتتان نوشته شده استفاده کنيد نه از يک سيستم فروش مجزا از سايت اصلي (يعني در يک سيستم ديگر) در اينجا ميخواهم دو فروشگاه که حتما شما را جذب ميکند معرفي کنم: اولين فروشگاه، يک CMS نيست، فقط يک کامپوننت براي سيستم مديريت محتواي جوملا است که به آن اضافه مي شود. اسم اين کامپوننت VirtueMart است، با زبان فارسي سازگار است، با سيستم پرداخت شتاب هم سازگار مي شود و بهترين نکته اينکه همه اينها رايگان است! اما يک فروشگاه ساز تخصصي: فروشگاه os commerce يکي از قدرتمندترين سيستم هاي فروشگاه ساز در جهان است که به طور رايگان منتشر مي شود. اين سيستم در ايران پشتيباني فارسي مي شود و با درگاه پرداخت شتاب هم سازگار مي شود. تمام اين امکانات هم به صورت رايگان! آدرس پشتيباني: [Only Registered and Activated Users Can See Links. Click Here To Register...] غير از اين سيستم ها، سيستم هاي ديگه مثل سيستم چت، سيستم پشتيباني، سيستم اداره قبوض، مديريت هاست، فروشگاه و ... هم هست. ----طراحی وب سایت  حالا که سيستم هاي مديريت محتوا را شناختيم، از کدام استفاده کنيم؟ انتخاب سيستم مديريت محتواي مناسب مسئله حساس و دقيقيه، چون اگر بعداً به مشکل بخوريد احساس نارضايتي از سايت، وجود شما رو ميگيره... تغيير سيستم مديريت محتوا هم کار آسوني نيست و بايد دعا کنيد که سيستمي که انتخاب کرديد قابل انتقال به چيز ديگه باشه! بايد بدونيد که از سايت چي ميخوايد؟ چه امکاناتي مد نظرتونه؟ چه امکاناتي ممکنه در آينده اضافه بشه به سايت؟ خودتون چقدر در کار کردن با اين سيستم ها وارد هستيد؟ آيا از عهده مديريتش بر ميايد؟ پشتيباني اون سايت چطوره؟ ببينيد جواب بقيه رو ميدن؟ چقدر فعال هستن؟ افزونه توليد ميکنن؟ افزونه ترجمه ميکنند؟ قالب طراحي ميکنند؟ يا بي کار هستند؟ به ليست افزونه ها نگاه کنيد! چه چيزهايي توش ميبينيد؟ آيا امکانات خوبي تو ليستشون هست؟ و حتماً قبل از انتخاب CMS با يه نفر در اين زمينه مشورت کنيد. البته نريد تو سايت پشتيباني بپرسيد که اين سيستم بهتره يا سيستم شما؟ چون ميگن سيستم ما! تو خونه خودشون که نبايد بريد بپرسيد چي بهتره! تو سايت هاي عمومي تر مثل مجيد آنلاين بپرسيد. نکته ديگه اينه که: شما ميتونيد از يه سيستم همه کاره استفاده کنيد، خيلي کار شما رو راحت ميکنه، اما همونطور که گفتم تک تک اجزاي اون از سيستم هاي تخصصي ضعيف تره! انجمنش از انجمن ساز هاي تخصصي ضعيف تره، اخبارش و گالري و.... راه ديگه، و البته راه سختر اينه که از چند سيستم تخصصي در کنار هم استفاده کنيد! انجمن با يک سيستم، پرتال با يک سيستم ديگه... بعد با برنامه هايي به نام "پل" (bridge) اين دو تا سيستم رو به هم وصل ميکنيد!

1366575630_application-x-phpطراحي وب سايت به زبان PHP آسان، قدرتمند و انعطاف پذير است، در واقع اين زبان از بدو پيدايش به گونه اي طراحي شده تا برنامه نويسي با آن به شکلي کاملاً راحت انجام پذيرد و از زماني که ساختاري کاملاً شي گرا به خود گرفت در مقياس بسيار گسترده اي در نرم افزارهاي تحت وب مورد استفاده قرار گرفت. زبان برنامه نويسي PHP به شکل اعجاب انگيزي انعطاف پذير بوده و به راحتي مي توان آن را به هر کد جاوا يا HTMLي اضاف نمود، تنها با قرار دادن کد آن در بين تگ “<? Php” و “>?”. برخي از منتقدين بر اين باورند که همين سادگي در کدنويسي يکي از علل عدم استفاده برنامه نويسان از اين زبان مي باشد اما من شديداً با اين موضوع مخالفم، بدين منظور مهم است که از ابتدا با اين زبان به گونه اي صحيح آشنا شويم.

زيرساخت ها:

 طراحی وب سایت 

اولين قدم پياده سازي زيرساخت ها براي کدنويسي است، آسان ترين راه براي آماده کردن اين زير ساخت، نرم افزار XAMPP مي باشد که نسخه هاي مختلفي از آن براي اکثر سيستم عامل ها در دسترس مي باشد، با نصب اين نرم افزار تمام آنچه براي شروع کد نويسي با زبان PHP لازم داريد را بر روي کامپيوتر خود خواهيد داشت. تنها کافي است دکمه start از بخش پنل کنترلي XAMPP در کنار گزينه Apache و Mysql را زده تا نرم افزار آماده ي پردازش کدهاي نوشته شده توسط شما شود، شما مي توانيد فايل هاي خود را با پسوند .php در پوشه htdocs در محلي که XAMPP را نصب کرده ايد قرارداده و با اجراي آدرس localhost در مرورگر آنها را مشاهده و مورد بررسي قرار دهيد.

تنها راه براي اينکه بدانيد که چگونه اين فرآيند صورت مي پذيرد اين است که همين حالا دست به کار شويد و خودتان انجام دهيد، اگر تاکنون XAMPP  را نصب نکرده ايد همين حالا آن را دانلود و نصب نماييد، بعد از شروع به کار Apache (قلب نرم افزار XAMPP مي باشد که باعث تبديل سيستم شما به يک وب سرور ميگردد) قالباً از مسير C:\xampp\htdocs در ويندوز به پوشه اصلي وارد شويد، يک فايل متني جديد باز کنيد و با يکي از نرم افزارهاي ويرايشگر متن (به جز نرم افزار word ) متن زير را در آن بنويسيد:

نرم افزار کد نويسي:

قدم بعدي نصب يک نرم افزار جهت کدنويسي درآن است ، ابتدا يک نکته بگويم که هيچگاه از نرم افزار word براي کدنويسي استفاده ننماييد چرا که اين نرم افزار يک سري مقادير پنهان را در فايل شما ذخيره مي نمايد که براي کامپايلر زبان مفهوم نمي باشد، من از نرم افزارهاي مختلفي جهت کدنويسي استفاده کردم اما براي شروع نرم افزار Notepad++ در اولويت مي باشد.

نام گزاري فايل ها:

تمامي فايل هاي HTMLي که مي نويسيد بايد پسوند .php داشته باشند، اگر مي خواهيد در وب سايتتان از header،footer و يا حتي منوي يکسان در چندين صفحه استفاده نماييد ميبايست آنها را در يک فايل جداگانه ذخيره نماييد و سپس با يک تگ include آن فايل را در هر کجاي صفحه که مايليد فراخواني کنيد، بدين صورت هيچگاه نيازي به بازنويسي يا copy/paste کردن کدهاي تکراري نخواهيد داشت و کار به شکل سريعتري پيش خواهد رفت.

چارچوب اصولي:

استفاده از يک چارچوب خاص و از پيش تعريف شده بسيار الزامي است و چه بهتر که اين چارچوب خاص، يک سيستم مديريت محتوا باشد، در اين مرحله از شروع کار خيلي ها با عدم قرار گرفتن در يک چارچوب و اصول صحيح به بيراهه خواهند رفت و پروژه از همان شروع با شکست روبرو خواهد شد پس کمي به خود سختي دهيد اما نتيجه اي درست، سريع و قالب دار براي خود رقم زنيد. براي شروع کار با سيستم هاي مديريت محتوا wordpress را به شما پيشنهاد ميدهم و براي استفاده از يک چارچوب از پيش تعريف شدهa مي توانيد از CakePHP استفاده نماييد، سيستم هاي خوب ديگري هم مثل zend و joomla در دسترس شما هستند، تفاوت عمده بين سيستم هاي مديريت محتوا و چارچوب هاي از پيش تعريف شده در بخش مديريتي سيستم هاي مديريت محتواست که قابليت هايي همچون اضافه نمودن محتوا را به شما مي دهند البته که تفاوت هاي ديگري نيز وجود دارد اما در نگاه اول اين عمده تفاوت بين اين دو مي باشد، براي کسي که تازه با PHP آشنا شده بسيار مهم است که از يک چارچوب خاص پيروي کند، براي ورود به بازار کاري در اين زمينه اين تنها کافي نيست که شما بتوانيد کدهاي Header خود را در تمام صفحات با کد PHP فراخواني کنيد، به شما توصيه ميکنم از يک چارچوب از پيش تعريف شده مثل يک عصا استفاده کنيد تا در اين زمينه خوب به قدرت برسيد، آنگاه اين عصا را رها کرده و برپايه قدرت خود پيشروي کنيد.

 طراحی وب سایت 

شروع بازي:

بهره گيري از تجربيات ديگران راهکاري بسيار عالي نه تنها براي اين زبان بلکه براي تمامي زبانهاست. به وب سايت W3 School سري بزنيد و آموزش هاي موجود در اين وب سايت را بررسي بفرماييد، در صورتي که ميخواهيد قدم هاي خود را ريزتر و با موشکافي بيشتري برداريد مي توانيد متون راهنماي وب سايت php.net را مورد بررسي قرار دهيد، حتي اگر خواندن اين متون براي شما کمي دشوار بود از تالار گفتمان اين وب سايت که هزاران نفر در آن از تجربيات خود ميگويند بهره ببريد و پاسخ سئوالات خود را پيدا کنيد.

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

طراحی وب سایت

کدها :

<!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>عنوان صفحه</title>

<style type="text/css">

body {

         font-family:Arial, Helvetica, sans-serif;

         text-align:right;

         direction:rtl;

     }

.container {

           width:100%;

           margin:0 auto;

                   }               

body, div, h1, h2, h3, h4, h5, h6, p, ul, img {

                                                   margin:0px;

                                               padding:0px;

                                                                                           }   

#logo1 {       

           background:url(../images/kelid.gif) no-repeat;

           width:100%;

       height:180px;

           background-position:center

       }       

#tagline {

         padding-top:60px;

                 text-align:center;

         }                       

#tagline h3 {

                font-size: 30px;

                    color: #09F;

                    }                    

ul#menu {

        list-style:none;

                padding-top:50px;

        }              

ul#menu li a {

             font-size:20px;

             color:#090;

             text-decoration:none;

             }                                           

ul#menu li {                             

           float:right;

                   padding-left:0px;

           padding-right:30px;

           width:150px;

                   }           

#sidebar1 {

              width: 20%;

          float:left;

                  direction:rtl;

                  padding-top:30px;

                  padding-bottom:30px;

                  padding-right:2%;

                  padding-left:2%;

          }                                                        

ul#sidebar1_menu {

                 list-style:none;

                 }                         

#content {

         width:52%;

         float:left;

                 padding-top:30px;

                 padding-bottom:30px;

                 padding-right:0px;

         }               

#content h2 {

            font-size: 24px;

            color: #00C;

            padding-top: 25px;

            }                          

#content h3 {

            font-size:24px;

            color:#444444;

            padding:20px;

            }

#content h4 {

            font-size: 18px;

            color: #373737;

            font-weight: normal;

            }

#content p {

               text-align:justify;

           font-size: 18px;

           color: #000;

           padding-top: 20px;

           }                               

#content small {

               font-size: 12px;

               color: #373737;

               }                           

#content a {

           color: #F33;

           font-weight: bold;

           text-decoration: none;

           }                                                                                                                                   

#sidebar2 {

              width: 20%;

          float:left;

                  direction:rtl;

                  padding-top:30px;

                  padding-bottom:30px;

                  padding-left:2%;

                  padding-right:2%;

          }              

ul#sidebar2_menu {

                 list-style:none;

                 }                     

ul#sidebar2_menu li a {

                                  text-decoration:none;

                      }                  

#footer {

            width: 100%;

            text-align:center;

                padding-top:60px;

        }                        

</style>

</head>

<body>

     <div id="main">

          <div class="container">

               <div id="header">

                    <div id="logo1">

                         <div id="tagline">

<h3>شعار تبليغاتي سايت شما در اين محل نمايش داده مي شود</h3>

                         </div>              

                    </div>

طراحی وب سایت                           <div style="clear:both"></div>

<ul id="menu">

<li><a href="#">خانه</a></li>

<li><a href="#">مبحث اول</a></li>

<li><a href="#">مبحث دوم</a></li>

<li><a href="#">مبحث سوم</a></li>

<li><a href="#">تماس با ما</a></li>

</ul>        

                         <div style="clear:both"></div>

               </div><!--end header -->

                <div id="sidebar1">

<h3>عنوان ستون سمت چپ</h3>

<br />

<ul id="sidebar1_menu">

<li>عبارت اول از ستون سمت چپ</li>

<hr />

<li>عبارت دوم از ستون سمت چپ</li>

<hr />

<li>عبارت سوم از ستون سمت چپ</li>

<hr />

</ul>

               </div><!--end sidebar1-->              

               <div id="content">

<h1>عنوان اصلي مبحث</h1>

<h2>زير عنوان :</h2>

<p>

مباحث به زبان فارسي در اين محل نوشته خواهد شد .

</p>

               </div><!--end content-->

               <div id="sidebar2">

<h3>عنوان ستون سمت راست</h3>

<br />

<ul id="sidebar2_menu">

<li><a href="#">اولين لينک از ستون سمت راست</a></li>

<hr />

<li><a href="#">دومين لينک از ستون سمت راست</a></li>

<hr />

<li><a href="#">سومين لينک از ستون سمت راست</a></li>

<hr />

</ul>

               </div><!--end sidebar2-->

                    <div style="clear:both"></div>

          </div><!--end main container-->

     </div><!--end main-->

     <div id="footer">

          <div class="container">

                    <div style="clear:both"></div>

<p>

Copyright © 2012 www.yoursite.com <br />

All Rights Reserved

</p>          

          </div><!--end footer container-->

     </div><!--end footer-->

</body>

</html>

نتيجه :

Result

طراحی وب سایت

توضيحاتي در مورد کدها :

نحوه جداسازي بخش هاي مختلف سايت با تگ div :

طراحی وب سایت

در بخش body از فايل html ، با استفاده از تگ div ، بخش هاي مختلف سايت را جدا کرده ايم تا بتوانيم به هر يک به طور جداگانه مشخصه هايي را اختصاص بدهيم و همچنين نحوه چيدمان بخش هاي مختلف سايت در کنار هم را مشخص کنيم . به هر تگ div يک id اختصاص داده ايم زيرا کدهاي CSS را در بخش head فايل html نوشته ايم و با استفاده از id است که تعيين مي کنيم هر قسمت صفحه ( محتويات هر تگ div ) چه مشخصه هايي بايد داشته باشد .

طراحی وب سایت

بخش هاي مختلف سايت عبارتند از header که در بالاترين بخش سايت نمايش داده مي شود و درواقع سردر ورودي سايت مي باشد ، sidebar1 که ستون سمت چپ سايت است ، sidebar2 که ستون سمت راست سايت است ، content که مطالب مربوط به هر صفحه در آن نوشته مي شود و بين دو ستون اصلي سايت قرار مي گيرد و footer که در پايين ترين بخش سايت قرار مي گيرد و معمولا حاوي علامت تجاري سايت ، حقوق مادي و معنوي سايت و ... مي باشد .

چگونگي نوشته شدن کدهاي CSS :

کدهاي CSS در قسمت head فايل html بايد نوشته شوند ( يعني بين دو تگ <head> و <head/> ) . شروع کدهاي CSS را با تگ <"style type="text/css> و پايان کدهاي CSS را با تگ <style/> اعلام کرده ايم . سپس ابتدا بايد مشخص کنيم که مي خواهيم مشخصه ها را به کدام بخش سايت اعمال کنيم . اگر بخواهيم مشخصه اي را به محتويات يک تگ div اعمال کنيم بايد ابتدا علامت # را نوشته و بعد از اين علامت ، نام id مربوط به آن تگ div را بنويسيم . سپس يک علامت ((})) را نوشته و پس از آن مشخصه هاي مورد نظرمان را مي نويسيم . چنانچه قصد نوشتن چند مشخصه را داشته باشيم بايد آنها را با علامت ((;)) از يکديگر جدا کنيم . پس از نوشتن تمامي مشخصه هاي مورد نظرمان ، علامت (({)) را به کار مي بريم تا اعلام کنيم که مشخصه هاي آن تگ div پايان يافته است . براي ساير تگ ها نيز بايد همين شيوه را اجرا کنيم و کدهاي آنها را پشت سرهم بنويسيم .

طراحی وب سایت

همان طور که مي بينيد براي تعيين مشخصه هاي تگ هاي div ، ترتيب فراخواني تگ هاي div دقيقا مثل ترتيب نوشته شدن کدهاي آنها در بخش body فايل html مي باشد .

نکته :

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

نحوه چيدمان بخش هاي مختلف سايت در کنار هم :

طراحی وب سایت

نحوه چيدمان بخش هاي مختلف سايت بايد به اين شکل باشد که ابتدا header نمايش داده شود و سپس دو ستون اصلي سايت و بخش content بايد در پايين قسمت header نمايش داده شوند . ما براي کنار هم قرار دادن دو ستون اصلي و بخش content از مشخصه float استفاده کرده ايم که باعث مي شود تگ هاي div شناور شوند و موقعيت خود را بر اساس تگ div کنار خود ، تنظيم کنند . در کدهاي CSS مشاهده مي کنيد که براي هر سه تگ div با id هاي sidebar1 ، sidebar2 و content ، مشخصه float به کار رفته است به اين صورت که چون ابتدا کدهاي sidebar1 در بخش body نوشته شده است پس ابتدا مشخصه float آن را به صورت left ( سمت چپ ) تعيين کرده ايم تا در سمت چپ صفحه قرار بگيرد ، سپس بخش content را داريم که مشخصه float آن را نيز برابر left تعيين کرده ايم تا به sidebar1 که در سمت چپ آن است بچسبد . سپس براي sidebar2 نيز مشخصه float را برابر left تعيين کرده ايم تا در کنار بخش content که در سمت چپ آن است بچسبد .

نکته :

طراحی وب سایت

براي آنکه دو ستون اصلي و بخش content به درستي در کنار هم قرار بگيرند بايد مجموع عرض هر سه بخش برابر عرض کل صفحه باشد وگرنه ممکن است sidebar2 در زير sidebar1 و content قرار بگيرد . براي فهميدن عرض هر بخش ابتدا بايد در کدهاي CSS نگاه کنيد و ببينيد عرض آن بخش چقدر تعريف شده است و علاوه بر اين بايد ببينيد که اين بخش ها داراي مشخصه padding-left يا padding-right هستند يا نه . زيرا بايد ميزان اين مشخصه ها را به عرض تعريف شده اضافه کنيد . به عنوان مثال در کدهاي بالا عرض هاي تعريف شده به صورت درصد مي باشند و زماني که کل درصدها را براي sidebar1 ، content و sidebar2 جمع بزنيد ، برابر 100 درصد خواهد شد . 

آموزش html

طراحی وب سایت

کدها :

<!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>عنوان صفحه</title>

<style type="text/css">

body {

         font-family:Arial, Helvetica, sans-serif;

         text-align:right;

         direction:rtl;

     }

.container {

           width:100%;

           margin:0 auto;

                   }               

body, div, h1, h2, h3, h4, h5, h6, p, ul, img {

                                                   margin:0px;

                                               padding:0px;

                                                                                           }   

#logo1 {       

           background:url(../images/kelid.gif) no-repeat;

           width:100%;

       height:180px;

           background-position:center

       }       

#tagline {

         padding-top:60px;

                 text-align:center;

         }                       

#tagline h3 {

                font-size: 30px;

                    color: #09F;

                    }                    

ul#menu {

        list-style:none;

                padding-top:50px;

        }              

ul#menu li a {

             font-size:20px;

             color:#090;

             text-decoration:none;

             }                                           

ul#menu li {                             

           float:right;

                   padding-left:0px;

           padding-right:30px;

           width:150px;

                   }           

#sidebar1 {

              width: 20%;

          float:left;

                  direction:rtl;

                  padding-top:30px;

                  padding-bottom:30px;

                  padding-right:2%;

                  padding-left:2%;

          }                                                        

ul#sidebar1_menu {

                 list-style:none;

                 }                         

#content {

         width:52%;

         float:left;

                 padding-top:30px;

                 padding-bottom:30px;

                 padding-right:0px;

         }               

#content h2 {

            font-size: 24px;

            color: #00C;

            padding-top: 25px;

            }                          

#content h3 {

            font-size:24px;

            color:#444444;

            padding:20px;

            }

#content h4 {

            font-size: 18px;

            color: #373737;

            font-weight: normal;

            }

#content p {

               text-align:justify;

           font-size: 18px;

           color: #000;

           padding-top: 20px;

           }                               

#content small {

               font-size: 12px;

               color: #373737;

               }                           

#content a {

           color: #F33;

           font-weight: bold;

           text-decoration: none;

           }                                                                                                                                   

#sidebar2 {

              width: 20%;

          float:left;

                  direction:rtl;

                  padding-top:30px;

                  padding-bottom:30px;

                  padding-left:2%;

                  padding-right:2%;

          }              

ul#sidebar2_menu {

                 list-style:none;

                 }                     

ul#sidebar2_menu li a {

                                  text-decoration:none;

                      }                  

#footer {

            width: 100%;

            text-align:center;

                padding-top:60px;

        }                        

</style>

</head>

<body>

     <div id="main">

          <div class="container">

               <div id="header">

                    <div id="logo1">

                         <div id="tagline">

<h3>شعار تبليغاتي سايت شما در اين محل نمايش داده مي شود</h3>

                         </div>              

                    </div>

طراحی وب سایت                           <div style="clear:both"></div>

<ul id="menu">

<li><a href="#">خانه</a></li>

<li><a href="#">مبحث اول</a></li>

<li><a href="#">مبحث دوم</a></li>

<li><a href="#">مبحث سوم</a></li>

<li><a href="#">تماس با ما</a></li>

</ul>        

                         <div style="clear:both"></div>

               </div><!--end header -->

                <div id="sidebar1">

<h3>عنوان ستون سمت چپ</h3>

<br />

<ul id="sidebar1_menu">

<li>عبارت اول از ستون سمت چپ</li>

<hr />

<li>عبارت دوم از ستون سمت چپ</li>

<hr />

<li>عبارت سوم از ستون سمت چپ</li>

<hr />

</ul>

               </div><!--end sidebar1-->              

               <div id="content">

<h1>عنوان اصلي مبحث</h1>

<h2>زير عنوان :</h2>

<p>

مباحث به زبان فارسي در اين محل نوشته خواهد شد .

</p>

               </div><!--end content-->

               <div id="sidebar2">

<h3>عنوان ستون سمت راست</h3>

<br />

<ul id="sidebar2_menu">

<li><a href="#">اولين لينک از ستون سمت راست</a></li>

<hr />

<li><a href="#">دومين لينک از ستون سمت راست</a></li>

<hr />

<li><a href="#">سومين لينک از ستون سمت راست</a></li>

<hr />

</ul>

               </div><!--end sidebar2-->

                    <div style="clear:both"></div>

          </div><!--end main container-->

     </div><!--end main-->

     <div id="footer">

          <div class="container">

                    <div style="clear:both"></div>

<p>

Copyright © 2012 www.yoursite.com <br />

All Rights Reserved

</p>          

          </div><!--end footer container-->

     </div><!--end footer-->

</body>

</html>

نتيجه :

Result

طراحی وب سایت

توضيحاتي در مورد کدها :

نحوه جداسازي بخش هاي مختلف سايت با تگ div :

طراحی وب سایت

در بخش body از فايل html ، با استفاده از تگ div ، بخش هاي مختلف سايت را جدا کرده ايم تا بتوانيم به هر يک به طور جداگانه مشخصه هايي را اختصاص بدهيم و همچنين نحوه چيدمان بخش هاي مختلف سايت در کنار هم را مشخص کنيم . به هر تگ div يک id اختصاص داده ايم زيرا کدهاي CSS را در بخش head فايل html نوشته ايم و با استفاده از id است که تعيين مي کنيم هر قسمت صفحه ( محتويات هر تگ div ) چه مشخصه هايي بايد داشته باشد .

طراحی وب سایت

بخش هاي مختلف سايت عبارتند از header که در بالاترين بخش سايت نمايش داده مي شود و درواقع سردر ورودي سايت مي باشد ، sidebar1 که ستون سمت چپ سايت است ، sidebar2 که ستون سمت راست سايت است ، content که مطالب مربوط به هر صفحه در آن نوشته مي شود و بين دو ستون اصلي سايت قرار مي گيرد و footer که در پايين ترين بخش سايت قرار مي گيرد و معمولا حاوي علامت تجاري سايت ، حقوق مادي و معنوي سايت و ... مي باشد .

چگونگي نوشته شدن کدهاي CSS :

کدهاي CSS در قسمت head فايل html بايد نوشته شوند ( يعني بين دو تگ <head> و <head/> ) . شروع کدهاي CSS را با تگ <"style type="text/css> و پايان کدهاي CSS را با تگ <style/> اعلام کرده ايم . سپس ابتدا بايد مشخص کنيم که مي خواهيم مشخصه ها را به کدام بخش سايت اعمال کنيم . اگر بخواهيم مشخصه اي را به محتويات يک تگ div اعمال کنيم بايد ابتدا علامت # را نوشته و بعد از اين علامت ، نام id مربوط به آن تگ div را بنويسيم . سپس يک علامت ((})) را نوشته و پس از آن مشخصه هاي مورد نظرمان را مي نويسيم . چنانچه قصد نوشتن چند مشخصه را داشته باشيم بايد آنها را با علامت ((;)) از يکديگر جدا کنيم . پس از نوشتن تمامي مشخصه هاي مورد نظرمان ، علامت (({)) را به کار مي بريم تا اعلام کنيم که مشخصه هاي آن تگ div پايان يافته است . براي ساير تگ ها نيز بايد همين شيوه را اجرا کنيم و کدهاي آنها را پشت سرهم بنويسيم .

طراحی وب سایت

همان طور که مي بينيد براي تعيين مشخصه هاي تگ هاي div ، ترتيب فراخواني تگ هاي div دقيقا مثل ترتيب نوشته شدن کدهاي آنها در بخش body فايل html مي باشد .

نکته :

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

نحوه چيدمان بخش هاي مختلف سايت در کنار هم :

طراحی وب سایت

نحوه چيدمان بخش هاي مختلف سايت بايد به اين شکل باشد که ابتدا header نمايش داده شود و سپس دو ستون اصلي سايت و بخش content بايد در پايين قسمت header نمايش داده شوند . ما براي کنار هم قرار دادن دو ستون اصلي و بخش content از مشخصه float استفاده کرده ايم که باعث مي شود تگ هاي div شناور شوند و موقعيت خود را بر اساس تگ div کنار خود ، تنظيم کنند . در کدهاي CSS مشاهده مي کنيد که براي هر سه تگ div با id هاي sidebar1 ، sidebar2 و content ، مشخصه float به کار رفته است به اين صورت که چون ابتدا کدهاي sidebar1 در بخش body نوشته شده است پس ابتدا مشخصه float آن را به صورت left ( سمت چپ ) تعيين کرده ايم تا در سمت چپ صفحه قرار بگيرد ، سپس بخش content را داريم که مشخصه float آن را نيز برابر left تعيين کرده ايم تا به sidebar1 که در سمت چپ آن است بچسبد . سپس براي sidebar2 نيز مشخصه float را برابر left تعيين کرده ايم تا در کنار بخش content که در سمت چپ آن است بچسبد .

نکته :

طراحی وب سایت

براي آنکه دو ستون اصلي و بخش content به درستي در کنار هم قرار بگيرند بايد مجموع عرض هر سه بخش برابر عرض کل صفحه باشد وگرنه ممکن است sidebar2 در زير sidebar1 و content قرار بگيرد . براي فهميدن عرض هر بخش ابتدا بايد در کدهاي CSS نگاه کنيد و ببينيد عرض آن بخش چقدر تعريف شده است و علاوه بر اين بايد ببينيد که اين بخش ها داراي مشخصه padding-left يا padding-right هستند يا نه . زيرا بايد ميزان اين مشخصه ها را به عرض تعريف شده اضافه کنيد . به عنوان مثال در کدهاي بالا عرض هاي تعريف شده به صورت درصد مي باشند و زماني که کل درصدها را براي sidebar1 ، content و sidebar2 جمع بزنيد ، برابر 100 درصد خواهد شد .