۷ سال

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

اما در این مطلب قصد دارم تا رابطه ریاضیات و طراحی وب را هر چند مختصر برای شما شرح دهم. اگر طراح وب هستید به شما توصیه میکنم ادامه مطلب را بخوانید. هرچقدر هم از ریاضی بدتان بیاید قول میدهم این مبحث شیرین خواهد بود.(حداقل برای من که بود!)

نسبت طلایی و مستطیل طلایی

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

و اما مستطیل طلایی. مستطیلی که نسب اضلاع آن برابر با نسبت طلایی (تقریبا ۱.۶۱۸) باشد مستطیل طلایی نام دارد. هنرمندان معتقدند کامل ترین و زیباترین مستطیلی که وجود دارد مستطیل طلایی است. در ادامه چگونگی رسم یک مستطیل طلایی آورده شده است.

ادامه مطلب

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

پرتال NukeLearn که برپایه پرتال IranNuke و برگرفته از پرتال محبوب phpNuke تحت لیسانس OpenSource در اختیار عموم قرار گرفته شده است. ااز نظر ساختاری سعی در بهینه شدن هسته سیستم شده به صورتی که بسیاری از کدهای بی استفاده که به مرور زمان کارآیی خود را از دست داده بودند حذف شده و علاوه بر آن سعی بر این بوده تا پایگاه داده نیز مرتب و سبک گردد.

در سیستم جدید بسیاری از ماژول‌هایی که کاربرد عمومی نداشته از بسته اصلی حذف شده و به صورت پلاگین و جدا ارائه شده است. از این رو شاهد کاهش حجم کل بسته خواهیم بود. همچنین سعی شده در بخش مدیریت سیستم از تکنیک های نوین برنامه نویسی استفاده شود, به صورتیکه بسیاری از قسمتها به صورت آژاکسی در آمده است.

در سیستم قالب های این پرتال نیز تحولی بزرگ ایجاد شده به این صورت که با موتور جدید قالب پرتال, طراحی قالبهای پرتال از آن پروسه سخت و طولانی به کاری بسیار راحت تبدیل شده که بدون هیچ دانش برنامه نویسی و تنها با تکیه بر HTML و CSS میتوان زیباترین قالبها را برای این سیستم طراحی کرد.

تغییرات زیر و درشت بسیاری در این نسخه وجود دارد که در یک مطلب نمیتوان به همه آن اشاره کرد. اما اگر علاقه مند هستید تا با این سیستم و اماکانات آن بیشتر آشنا شوید, به این آدرس مراجعه کنید.

مرجع پرتال Nukelearn

دانلود پرتال نیوک لرن USV نسخه ۱

اگر یک طراح وب باشید به طور یقین با تکه متن “Lorem ipsum” آشنا هستید. تکه متنی که صرفا جهت پر کردن فضاهای خالی در طرح ها خام به کار میرود و هیچ معنای خاصی ندارد. خوب حالا اگر بخواهیم به جای این عبارت بی معنا یک عکس برای نمایش نمونه خود استفاده کنیم راحت ترین کار باز کردن Paint ویندوز و ساختن یک تصویر خالی است. بگذریم که اگر بخواهیم دقیق اندازه گیری کنیم به برنامه‌ای مانند فتوشاپ نیاز داریم.

اما این همه زحمت چرا؟! با سرویس Dummy Image به راحتی میتوان هر تصویری با هر اندازه‌ای را ساخت, به طوریکه ابعاد تصویر نیز به وضوح در خود تصویر درج شده باشد. تنها کار لازم استفاده از آدرس سایت و ابعاد تصویر مورد نظر در انتهای آدرس است.

برای مثال اگر ما یک تصویر نمونه با ابعاد120×400 بخواهیم کافیست از آدرس زیر استفاده کنیم.

http://dummyimage.com/400×120

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

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

اگر بگویم که w3schools خدای سایتهای آموزشی در زمینه توسعه وب است دروغ نگفته‌ام. این سایت با گردآوری کامل ترین آموزشهای مرحله به مرحله از سطح ابتدایی تا پیشرفته برای تقریبا تمام تکنولوژی هایی که در وب امروز استفاده میشود یکی از بزرگترین منابع برای توسعه دهندگان است. همچنین در این سایت میتوانید به صورت زنده نمونه آموزشها را ببینید و اگر خواستید امتحان بدهید.

A List Apart

پایگاه A List Apart نه تنها مقالات بیشماری در زمینه تکنولوژی های وب مانند HTML, XTML, CSS, JavaScript, XML و … را داراست, بلکه این سایت در زمینه های متفاوت دیگری در زمینه طراحی وب شما را راهنمایی میکند. مانند روش انجام طراحی یک سایت و مدیریت انواع پروژه ها.

webmonkey

سایت webmonkey با یک سابقه طولانی که به سال ۱۹۹۶ باز میگردد در زمینه طراحی وب فعالیت داشته. این سایت که اکنون به صورت یک wiki در آمده نه تنها شامل آموزش انواع تکنیکها,  بلکه شامل انواع مقالات مرجع و همچنین کتابخانه کد (Code Library) است.

Dev Shed

Dev Shed در کنار مجموعه بزرگ مقالات آموزشی در زمینه تکنولوژی های وب مانند PHP, ASP, XML, JavaScript و … دارای انجمن های کمکی نیز میباشد که با شرکت در آن میتوانید با پرسش و پاسخ مشکلات خود را حل کنید.

Smashing Magazine

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

Developer Tutorials

اگر به دنبال یک منبع برای آموزشهای کاربردی و همچنین کدهای آماده میگردید Developer Tutorials مخصوص شماست. این سایت در هر زمینه‌ای آموزش دارد. از ترفندهای Photoshop گرفته تا آموزشهای مربوط به Java و CSS و … .

Ajaxian

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

DZone

سایت DZone همان Digg برای توسعه دهندگان است. این سایت که توسط کاربرانش به روز میشود یک دایرکتوری لینکهای به درد بخور برای طراحان و توسعه دهندگان وب است.

iDevCenter

اگر DZone حکم سایت Digg را داشت, iDevCenter همان بالاترین ما فارسی زبان هاست منتها مخصوص برنامه نویسها…!

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

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

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

نام کتاب: Google’s Search Engine Optimization Starter Guide

ناشر: Google Webmaster Central

زبان: انگلیسی

سلام

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

برای هفته اول ابتدا قصد دارم کتابی رو که چند سال پیش خودم جمع آوری کردم رو برای شما قرار بدم.

اگر شما همیشه به طراحی وب علاقه داشته‌اید و همیشه میخواستید بدانید چگونه این صفحات جذاب و زیبا ایجاد میشوند اولین قدم برای رسیدن به دانش طراحی وب دانستن زبان پایه طراحی وب یعنی HTML است. در کتاب “آموزش HTML” با مفاهیم اولیه و پایه HTML و به صورت قدم به قدم با دستورات این زبان آشنا خواهید شد. برای دانلود روی تصویر زیر کلیک کنید.