سلام
خب فکر کنم تو این مجموعه پستها به کل پروسه اصلی طراحی و توسعه وب سایت اشاره شد، فقط مونده یه سری نکات تکمیلی که تو این پست بهش اشاره میکنیم و یه پست آخر رو هم به استفاده از یک راه میانبُر، سریع و شدیدا درآمدزا برای طراحی وب سایت که همون CMS های آماده و در راس اون Wordpress هست اختصاص میدیم.
تو این پست در مورد چند تا موضوع مهم صحبت میکنیم! از مبحث بهینه سازی وب سایت برای موتورهای جستجو که باید قواعدش هنگام کدنویسی و تولید محتوای الکترونیک رعایت بشه، معرفی ابزارها و محیطهای مربوط به کدنویسی، مباحث مربوط به تهیه و خرید Host و Domain ، معرفی وب سایتهای فارسی مفید، شبکههای اجتماعی مربوط، معرفی مجلات معتبر و وب سایتهایی که یه طراح وب اگه ندونه اصلا نمیشه! معرفی مدارک بین المللی وب با نام CIW و...
وب سایتی که تو گوگل بالا نیاد مثل آدمی میمونه که تو غاز پنهان شده تا کسی پیداش نکنه!
همه میدونیم گوگل خیلی مهمه! خیلیها اصلا شاید همین مانشت رو هم با گوگل یا بقیه موتورهای جستجو مثل Bing پیدا کرده باشیم! موتور جستجو یعنی دروازه ورود به وب! پس خیلی مهم و خیلی مهمه که ما بتونیم از این طریق بیشترین ورودیها رو داشته باشیم... جالبه بدونید ما
یه سری افراد رو داریم که فقط SEO کار هستن! یعنی هیچ کار دیگه نه! فقط سایت رو واسه Google و بقیه بهینه میکنند! و البته چون از این افراد خیلی نداریم، درآمدشون هم بالاست!
SEO سرواژه
Search
Engine
Optimization و به معنای بهینه سازی برای موتورهای جستجو هست. اگه علاقهمند به این هستین که کدهای اصولی برای وب سایت خودتون بزنید، اگه دوست دارید الگوریتمهای گوگل با وب سایت شما مهربون باشن و خلاصه اگه دوست دارید تو صدر نتایج گوگل باشید، این مبحث رو دنبال کنید. در این زمینه میتونید بهترین کتاب فارسی تالیف شده با نشر آزاد در وب رو هم از زیر دریافت و مطالعه کنید.
یک یا دو هزار و یک، رتبه سایت خود را در گوگل بالا ببرید! از مهدی رودکی
مهمان عزیز شما قادر به مشاهده پیوندهای انجمن مانشت نمیباشید. جهت مشاهده پیوندها ثبت نام کنید.
نکته: برای اجرای عملی مباحث SEO میتونید به بخش آموزشهای ویدئویی وبسایتهای
مهمان عزیز شما قادر به مشاهده پیوندهای انجمن مانشت نمیباشید. جهت مشاهده پیوندها ثبت نام کنید.
و
مهمان عزیز شما قادر به مشاهده پیوندهای انجمن مانشت نمیباشید. جهت مشاهده پیوندها ثبت نام کنید.
مراجعه کنید.
ویرایشگرها و محیطهای مجتمع توسعه
کجا قراره کد بزنیم؟ مهمه؟ میتونیم تو همین Notepad ویندوز کدنویسی کنیم! حالا بعضیها میگن ابزاری که امکانات کمتری به شما تو کدنویسی بده بهتره! چون شما یاد میگیرید که خودتون همه چیز رو با دست تجربه کنید! این صحبت تا حدی درسته! مخصوصا تو نرم افزار ویژوال استودیو؛ حالا اینکه واقعا اینجوری هست یا نه، به نظرم یه نسخه همگانی نیست.
بد نیست ابزار یا ادیتوری داشته باشیم که بتونه قابلیتهایی مثل پیشبینی کد، کامل کردن خودکار (Auto Completion)، تفکیک از طریق رنگبندی، فرمتبندی، تشخیص خطا و... رو داشته باشه که هم کد تمیزتری بنویسیم، هم سریعتر کار کنیم و... . تعدادی از مطرحترین این نرم افزارها رو در زیر با لینک دانلود آورده شده، من شخصا واسه PHP از اولی و دومی استفاده میکنم. فقط یه چیزی اینکه واسه کدنویسی PHP ابزار زیاد داریم! اما واسه ASP.NET چون در انحصار مایکروسافت هست، بهترین ابزار یا محیط مجتمع توسعه (IDE) ویژوال استودیو هست.
++Notepad
مهمان عزیز شما قادر به مشاهده پیوندهای انجمن مانشت نمیباشید. جهت مشاهده پیوندها ثبت نام کنید.
JetBrains PhpStorm
مهمان عزیز شما قادر به مشاهده پیوندهای انجمن مانشت نمیباشید. جهت مشاهده پیوندها ثبت نام کنید.
Microsoft Visual Studio
مهمان عزیز شما قادر به مشاهده پیوندهای انجمن مانشت نمیباشید. جهت مشاهده پیوندها ثبت نام کنید.
Adobe Dreamweaver
مهمان عزیز شما قادر به مشاهده پیوندهای انجمن مانشت نمیباشید. جهت مشاهده پیوندها ثبت نام کنید.
ابزارهای لازم برای اجرای وب سایت به صورت محلی - Local Host
شما وب سایت خودتون رو به هر شکلی طراحی کردید! چه Static و چه Dynamic ، درسته؟ حالا ما باید این رو روی یه فضایی استقرار بدیم دیگه نه؟ ما کلا برای اینکه یه وب سایتی رو روی مرورگر اجرا کنیم دو تا راه داریم: اولی اجرای محلی (روی سیستم خودمون) و دومی اجرا روی وب با خرید Host و دامنه و... اما اجرای محلی:
یعنی اینکه ما میخوایم وب سایت رو در کل مراحل فرآیند طراحی و توسعه روی سیستم خودمون تست کنیم و بعد که همه چیز درست شد ببریم و تو اینترنت آپلودش کنیم! درسته؟ خب توجه کنید وقتی ما صرفا یه سایت Static داریم یعنی سمت کاربره دیگه نه؟ نیازی به سرور نداره پس! درسته؟ پس جز مرورگر به هیچ چیزی نیاز نداریم! میتونیم خیلی راحت کدهای HTML و CSS و Javascript خودمون رو تو هر ویرایشگری که دلمون خواست بنویسیم و برای مشاهده ننتیجه کار دو بار روی صفحه اصلی خودمون یا همون index.html کلیک کنیم! همین؛
اما اگه ما یه وب سایت داینامیک داشتیم که بانک اطلاعاتی هم داشت اون موقع ما نیاز به یک سرور مجازی داریم! که برای ما امکان پشتیبانی از بانک اطلاعاتی رو فراهم کنه و در واقع کامپیوتر شخصی شما رو تبدیل به یه سرور کنه! برای ASP.NET چیزی به اسم IIS رو داریم و برای PHP و MySql از این چیزا زیاده... نرم افزارهایی مثل Xampp و Easy PHP و... که کلا فرق زیادی با هم ندارند ولی من به شما WampServer رو پیشنهاد میکنم که میتونید از لینک زیر دانلود کنید. اینکه از هر کدوم از اینها چطور میشه استفاده کرد، چطور نصبش کرد و... تو وب کلی آموزش داریم، میتونید Search کنید.
دانلود نرم افزار شبیه ساز سرور WampServer v2.5 x86/x64
مهمان عزیز شما قادر به مشاهده پیوندهای انجمن مانشت نمیباشید. جهت مشاهده پیوندها ثبت نام کنید.
کار کردن با ابزار Chrome Inspector
یکی از ابزارهای بسیار مفید برای طراحان وب که اکنون به بخشی جدایی ناپذیر از پروسه طراحی تبدیل شده است، ابزارهای inspector است. این ابزار اولین بار به عنوان افزونه برای مرورگر فایرفاکس و با نام Firebug منتشر شد و سپس توسط تمامی مرورگرها، افزونههای مشابهی منتشر شد. اکنون به نظر میرسد بدون استفاده از این ابزارها، طراحی وب کاری مشکل و گاها غیر ممکن به نظر میرسد.
شما در این مجموعه فیلم نخست با مفهوم Inspector آشنا می شوید. سپس ابزارهای موجود برای مرورگرهای مختلف را می شناسید. بعد از آن به سراغ اینسپکتور مرورگر کروم میرویم و تمامی قسمت هایی را که یک طراحی وب (چه مبتدی و چه حرفه ای) به آن نیاز دارد را تک به تک بررسی میکنیم. / به نقل از پی سی دانلود
دانلود ویدئوهای آموزشی Inspector مرورگر Chrome و استفاده از آن در طراحی وب به زبان فارسی
مهمان عزیز شما قادر به مشاهده پیوندهای انجمن مانشت نمیباشید. جهت مشاهده پیوندها ثبت نام کنید.
خب! ما کار طراحی وب سایت رو تموم کردیم، حالا ما باید بریم چیکار کنیم؟ باید کل پکیج وب سایت خودمون رو که شامل صفحات وب و فایلهای تصویری و احتمالا ویدئویی و صوتی و... هست رو + بانک اطلاعاتی (در صورت داینامیک بودن) رو به سرور اینترننی انتقال بدیم.
اما چه چیزهایی نیاز هست؟ دو تا چیز:
یک فضای میزبانی یا Host + یک دامنه (حداقل)
اول بگم که ما
هم فضای رایگان داریم و هم پولی! صد در صد توصیه میکنم که
از هاستهای رایگان صرفا جهت تمرین استفاده کنید! چون اولا بهشون اعتمادی نیست که فردا هم باشند! و دوما کدها و دادههای ما ارشمند هستند! برای پیدا کردن اینها کافیه "Host رایگان PHP یا ASP" رو جستجو کنید. وب سایت ما ارزشمنده! هزینه طراحی اون در شهرستان میانگین بین ۵۰۰ الی ۲ میلیون تومانه، پس سالیانه هم اگه ۳۰ هزار یا بیشتر هزینه نگهداری فضا و دامنه بدیم مشکلی نیست، یعنی ما طراحان نباید این پول رو بدیم! صاحب وب سایت پول رو میده!
چه معیارهایی در انتخاب یک شرکت Hostng رو باید در نظر داشته باشیم؟
شما باید با یه شرکت ارائه دهنده خدمات میزبانی کار کنید تو اون زمینه! چه معیارهایی باید داشته باشه این شرکت؟ اولا دارای مجوزهای لازم، نمادهای مربوط به وزارت صنایع و معادن، وزارت ارتباطات، سازمان نظام صنفی و... در واقع
باید Grade داشته باشه تو حوزه انفورماتیک؛ بعد از این باید پشتیبانی خوبی داشته باشن! شما مطمئنا کلی سوال فنی دارید! ممکنه به مشکل بخورید! ممکنه سیستم بره رو هوا! باید به شما کمک کنن شبانه روزی! تاکید میکنم باید!
از مهمترین معیارهای فنی انتخاب یک Host میشه به این موارد اشاره کرد:
۱/ سخت افزار سرور: مثلا نوع پردازنده، مقدار Ram و کیفیت اون، نوع هارددیسک و پشتیبانی از Raid برای امنیت و سرعت و... / بررسی UpTime بودن در بازه ۹۹ تا ۱۰۰ درصدی...
۲/ کشور سرور: مثلا آلمان، کانادا و... خیلیها به دلایلی قصد دارن سرور اونها داخل کشور باشه، مثلا تو DataCenter های پارک فناوری پردیس تهران باشه و...
۳/ نوع و بازههای پشتیبانگیری: مثلا خوبه اونجا براتون در بازههای روزانه، هفتگیف ماهیانه و سالیانه Backup بگیرن از وب سایت و هر وقت که اراده کنید با یک درخواست Backup رو Restore کنند.
۴/ مشخصات نرم افزاری: سیستم عاملش ویندوز هست یا لینوکس؟ چون مهمه برای وب سایت ما، اگه PHP باشیم باید بریم رو لینوکس و اگه ASP.NET روی ویندوز، بعد اینکه چیها روش نصبه؟ PHP و MySql ورژن چند؟ و... که ببینیم به کار ما میاد یا نه؛
۵/ مجوزهای دسترسی: اجازه دارید چند بانک اطلاعاتی درست کنید؟ محدود یا نامحدود؟ چند تا Email اختصاصی؟ چند تا Park Domain (یعنی ارجاع از n دامنه به یک وب سایت)، چند تا Addon Domain (یعنی چند وب سایت با دامنههای مختلف روی یک هاست)، چند تا Sub Domain (یعنی زیردامنه مثلا: Shop.Manesht.ir) و... بعضیها نامحدود ارائه میدن و بعضیها محدود...
۶/ نوع سرویس: اشتراکی باشه؟ (واسه وب سایتهای معمولی، کم بازدید و تازه افتتاح شده)، پهنای باندش وسیع باشه؟ (واسه وب سایتهای دانلود و پر بازدید مثل خبرگزاریها)، حجمش نامحدود باشه؟ و...
۷/ پشتیبانی خدمات: باید ۲۴ ساعته و خیلی سریع به سوالات و درخواستهای شما جواب بدن، اخلاق و رفتار خوب و... . این خیلی مهمه! خیلی... خوبهاش سعی میکنند اینطوری باشن! چون میدونن اگه خوب باشن بازم ازشون خرید میکنید و به بقیه هم پیشنهاد میکنید...
معیارهای متغیر ما:
۱/ فضای هاست: بر حسب اندازه کل وب سایت شما تعیین میشه، مثلا ۱GB
۲/ ترافیک ماهیانه: مثل حجم سرویس ADSL شما که اگه سرویس ۳GB ماهیانه داشته باشید با ۳۰ بار دانلود یک فایل ۱۰۰MB این حجم تموم میشه، سایت هم همینطوره! و اگه ۳GB ترافیک ماهیانه داشته باشید به همین شکل و با بازدید و... تموم میشه! البته این قضیه بیشتر برای وب سایتهای دانلود صدق میکنه!
ثبت دامنه
دامنه یا Domain که حتما میدونید از ir داریم تا com و org و net و... که باید به صورت حداقل یک ساله اینارو اجاره کنیم! از همون شرکتی هم که Host رو میگیریم میتونیم دامنه رو هم بگیریم! دامنه ir ارزونترینه! اما بینالمللیها چون به دلار محاسبه میشن گرونتر! توصیه میشه طبق قاعده برای یک برند تجاری دامنه مورد نظر هم به صورت ir و هم com ثبت شه؛ مسئول اصلی نظارت و واگذاری دامنه ir در ایران
پژوهشگاه دانشهای بنیادی معروف به نیک به آدرس >>
مهمان عزیز شما قادر به مشاهده پیوندهای انجمن مانشت نمیباشید. جهت مشاهده پیوندها ثبت نام کنید.
هست، که حتما باید برای ثبت دامنه ملی اینجا پروفایل کاملا صحیح و واقعی (حقیقی یا حقوقی) ایجاد کنید، ولی میتونید از خودش مستقیما دامنه نخرید! گرون فروشه! از نمایندههاش بخرید!
عجیبه! اما کل فروش گرونتر از خرده فروش زیرمجموعه خودش میده!
دیدم خیلی طولانی شد، ادامهش رو ننوشتم!
ادامه دارد...