واحد مشترک کمکی پژوهش و مهندسی «هوش یار-تواندار» (HT-CSURE)

Hooshyar-Tavandar Common Subsidiary Unit for Research & Engineering

واحد مشترک کمکی پژوهش و مهندسی «هوش یار-تواندار» (HT-CSURE)

Hooshyar-Tavandar Common Subsidiary Unit for Research & Engineering

مفهوم وب پنهان

از وب پنهان چه می‌دانید؟

فضای سایبر > مفاهیم سایبر - یوسف اسفندیاری:
اخیرا موسسه Bright Planet اعلام کرده که وب پنهان حدود ۵۰۰ برابر بزرگ‌تر از محتوای ظاهری اینترنت است.

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

اما در سال‌های اخیر به دلیل فعالیت‌های تبهکارانه گسترده در این بخش از اینترنت نام آن بر سر زبان‌ها افتاده است.

اینترنت به دو بخش تقسیم می‌شود. بخش ظاهری و پنهان. تمام چیزی که ما به عنوان اینترنت می‌شناسیم بخش ظاهری آن است.

اما در پس این ظاهر جذاب، اقیانوسی از داده‌های مخفی قرار دارد که عموم مردم از آن خبر ندارند. جست‌وجو در سایت‌های متداول این کار مانند گوگل و بینگ مانند این است که توری را به قصد صید به اقیانوس بیندازیم.

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

  • اندازه وب پنهان

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

محققان تخمین می‌زنند که حجم اطلاعات وب پنهان حدود ۷/۵ پتابایت است (هر پتابایت برابر با ۱۰۲۴ ترابایت است). اخیرا موسسه Bright Planet اعلام کرده که وب پنهان حدود ۵۰۰ برابر بزرگ‌تر از محتوای ظاهری اینترنت است.

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

  • رازهای وب پنهان

در وب پنهان برای اینکه سایت‌ها مخفی بمانند از روش‌های زیادی استفاده می‌شود. صفحه وب پویا: صفحه وب پویا صفحه وبی است که شکل آن ثابت اما محتوای آن متغیر باشد و بتوان آن را با توجه به معیارهای جست‌وجوی کاربر تغییر داد.

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

محتوای بدون لینک: در وب پنهان سایت‌ها هیچ لینکی به سایت‌های دیگر ندارد و این کار در مخفی نگه داشتن آنها موثر است.

وب خصوصی: سایت‌هایی هستند که فقط با داشتن نام کاربری و رمز عبور می‌توان به آنها وارد شد. نرم افزار مخصوص: نرم افزارهای مخصوصی برای ورود به دنیای وب پنهان وجود دارد.

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

  • کاربردهای منفی وب پنهان

مهم‌ترین جنبه وب پنهان خریدهایی است که در آن انجام می‌شود. در نگاه اول، خرید در وب پنهان مانند سایت‌های خرید محبوب و متداولی مانند eBay است؛ همان قالب و روش خرید و دیگر مسائل. ولی فقط یک تفاوت کوچک با eBay دارد.

سایت‌های خرید در وب پنهان فقط مخصوص کالاهای غیرقانونی هستند؛ از پاسپورت جعلی گرفته تا بهترین اسلحه‌ها. یکی از معروف‌ترین سایت‌های وب پنهان، سایت silk road است.

سایتی کاملا مشابه با eBay. البته این سایت مدتی پیش توسط FBI مسدود شد، ولی چند صد سایت مانند این وجود دارند. در این سایت در آمریکا می‌توانستید شیشه، ماری‌جوانا، اکستازی و هر گونه ماده مخدری را پیدا کنید و بخرید.

این سایت مانند eBay فقط به عنوان واسطه‌ای بین فروشندگان و خریداران عمل می‌کرد و از هر خرید درصد کوچکی را می‌گرفت. بعد از خرید هم خریداران می‌توانستند زیر لینک فروشنده نظر خود را بگذارند.

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

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

در سایتی دیگر با پرداخت ۶۰۰۰ یورو می‌توانید پاسپورت انگلیسی بخرید. وب پنهان باعث شده گروه‌های تروریستی در سرتاسر جهان به راحتی و بدون نظارت دولت‌ها با هم در ارتباط باشند.

  • سرزمین مخفی

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

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

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

اما بخشی از کتابخانه وجود دارد که پر از کتاب‌های ممنوعه است. کتاب هایی که فقط راهنمایی مخفی در کتابخانه می‌تواند شما را بین آنها راهنمایی کند.

کتاب‌هایی که پاسخ بسیاری از پرسش‌ها در آن قرار دارد. در حال حاضر بعضی محققان و دانشمندان هم برای یافتن داده‌های مورد نظر خود از وب پنهان استفاده می‌کنند. داده‌هایی که به راحتی در دسترس نیستند.

اما خب در حال حاضر بیشترین استفاده‌ای که از دنیای «وب پنهان» می‌شود همان کارهای زیرزمینی و خلافکاری است.

منبع: همشهری دانستنیها

مایکروسافت به دنبال توسعه نسخه جدید زبان برنامه‌نویسی #C

رایورز - طراحان سیستم‌های رایانه‌ای منتظر هستند تا نسخه آتی زبان برنامه‌نویسی #C مایکروسافت روانه بازار شود که به گفته آنها، این زبان جدید بر مدیریت داده، عملکرد و قابلیت اطمینان تاکید دارد.

به گزارش رایورز به نقل از اینفوورلد، در آخرین جلسه برگزار شده توسط گروه توسعه زبان برنامه‌نویسی #C گفته شد که این مرکز چشم‌انداز خود را فراتر از قرار داد است تا نسخه ۶.۰ برنامه را متمرکز بر زبان برنامه‌نویسی و ایمنی کامل عرضه کند.

"مدس تورجرسان"(Mads Torgerson) یکی از اعضای این گروه توضیح داد: «این نخستین جلسه طراحان برای زبان برنامه‌نویسی #C است که برای نسخه بعد از C# 6 برگزار می‌شود. ما فعلا مجبوریم آن را با نام C# 7 بشناسیم.»

او در ادامه گفت: «در زبان برنامه‌نویسی C# 7 بر استفاده از داده‌ها، عملکرد، قابلیت‌های اطمینان و برنامه‌ نویسی‌های گسترده تاکید فراوان شده است.» از آنجایی که گروه توسعه‌دهنده #C بر داده‌ها تاکید فراوان داشته است، این زبان برنامه‌نویسی با انواع ساختارهای داده‌، طبقه‌بندی‌های داده‌ای و ... سازگار شده است.

 

منبع:

بهترین نرم افزارهای رایگان طراحی و کدنویسی صفحات وب (قسمت ۲)

بهترین نرم افزارهای رایگان طراحی و کدنویسی صفحات وب (قسمت ۲)
محیط مجتمع WebMatrix : وب ماتریکس بهترین IDE برای طراحی قالب برای CMS های اوپن سورس است

نشر توسط:محمد محسن خاشعی نژاد ۰۴ دی ۱۳۹۳ درآموزش طراحی وب نظر بدهید

سلام دوستان.در این پست میخواهم براتون دیگر ویرایشگرهای مفید که در طراحی وب سایت مورد استفاده قرار میگیرند رو معرفی کنم. لازم به ذکر است که میتونید قسمت اول این اموزش را با نام “ بهترین نرم افزارهای رایگان طراحی و کدنویسی صفحات وب(قسمت ۱)” مطالعه نمایید.

ویرایشگر ویژوال Kompozer : یک نرم افزار ویژوال خوب و رایگان برای طراحی صفحات وب

ویرایشگر ویژوال Kompozer : یک نرم افزار ویژوال خوب و رایگان برای طراحی صفحات وب

۷- ویرایشگر ویژوال Kompozer : یک نرم افزار ویژوال خوب و رایگان برای طراحی صفحات وب با امکان مدیریت CSS ها و تعریف webSite برای مدیریت بهتر صفحات پروژه جاری است و توسط بنیاد موزیلا پشتیبانی میشود.

ویرایشگر ویژوال Blue Griffon : یکی برنامه رایگان برای طراحی صفحات وب است

ویرایشگر ویژوال Blue Griffon : یکی برنامه رایگان برای طراحی صفحات وب است

۸- ویرایشگر ویژوال Blue Griffon : یکی برنامه رایگان برای طراحی صفحات وب است که از روی پروژه kompozer ایجاد شده است. محیط ویژوال و قابل درکی دارد. این برنامه نیز توسط بنیاد موزیلا پشتیبانی میشود. این ادیتور امکان تغییر رنگ ادیتور را نیز دارد. (صفحه را در حالت source view بگذارید. حالا وارد منوی view شوید. گزینه source view و سپس theme)

یرایشگر متنی Komodo Edit : این نرم افزار رایگان، بهترین نرم افزار ویرایش فایلهای XML است

یرایشگر متنی Komodo Edit : این نرم افزار رایگان، بهترین نرم افزار ویرایش فایلهای XML است

۹- ویرایشگر متنی Komodo Edit : این نرم افزار رایگان، بهترین نرم افزار ویرایش فایلهای XML است. زبان html و CSS را هم پشتیبانی میکند و درضمن می توانید پشتیبانی از زبان های برنامه نویسی دیگر را هم بصورت پلاگین به این نرم افزار اضافه کنید. (این برنامه یک نسخه پولی هم بنام Komodo IDE دارد). همچنین برای تغییر تم رنگی ادیتور برنامه، از منوی edit وارد گزینه prefrences شوید و برگه fonts and colors را باز کنید، منوی پایین افتادنی وسط صفحه را بازکنید تا سایر پلت های رنگی ادیتور را ببینید.

ویرایشگر متنی CodeLobster : ویرایشگری قدرتمند در کار با کدهای HTML و CSS است

ویرایشگر متنی CodeLobster : ویرایشگری قدرتمند در کار با کدهای HTML و CSS است

۱۰- ویرایشگر متنی CodeLobster : ویرایشگری قدرتمند در کار با کدهای HTML و CSS است و در هنگام استفاده از کدهای CSS حتی به شما نشون میده که هر دستور در چه مرورگرهایی قابل استفاده است..

ویرایشگر متنی Eclipse classic : یکی از معروف ترین ویرایشگرهای متنی برای طراحان وب و برنامه نویسان جاوا است.

ویرایشگر متنی Eclipse classic : یکی از معروف ترین ویرایشگرهای متنی برای طراحان وب و برنامه نویسان جاوا است.

۱۱- ویرایشگر متنی Eclipse classic : یکی از معروف ترین ویرایشگرهای متنی برای طراحان وب و برنامه نویسان جاوا است. این IDE امکان پشتیبانی از زبان های دیگر را هم دارد و کافیست پلاگین زبان یا خروجی خود را دانلود کنید و به قابلیت های آن بیفزایید. مثلا می توانید پلاگین ADT را به این نرم افزار اضافه کنید تا بتوانید برای اندروید برنامه بنویسید.

 ویرایشگر متنی Coffeecup HTML Editor : یک ادیتور کدهای اچتمل رایگان

ویرایشگر متنی Coffeecup HTML Editor : یک ادیتور کدهای اچتمل رایگان

۱۲- ویرایشگر متنی Coffeecup HTML Editor : یک ادیتور کدهای html رایگان، با پشتیبانی از HTML و CSS ، یک نسخه پولی هم دارد که امکانات بیشتری را در اختیار شما قرار میدهد، اما نسخه رایگان آن برای یک طراح وب کافی است.

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

درباره‌ محمد محسن خاشعی نژاد

مدیر تیم طراحی وب نوین فن هستم.و قصد دارم اطلاعات تیم خودمون رو با تمام علاقه مندان وب به اشتراک بگذارم. وب سایت گروه : http://www.novinfan.ir

طراحی سایت ریسپانسیو چیست؟ و چگونه ایجاد شد

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

نشر توسط:محمد محسن خاشعی نژاد ۰۳ دی ۱۳۹۳ درآموزش طراحی وب نظر بدهید

متغیر بودن رزولوشن نمایشگرها و ظهور سایزهای مختلف تبلت و موبایل، باعث شد تا طراحان وب به فکر ابداع روشی مبتنی بر CSSبرای نمایش صحیح سایت در کلیه سایزهای نمایشگرها بیفتند. این روش Responsive یا در فارسی واکنشگرا نامیده شد. اما این مدل طراحی، یک شبه ایجاد نشده است و در سالهای گذشته، راه طولانی ای طی شده تا ما امروز به طراحی ریسپانسیو رسیده ایم.

طراحی سایت ریسپانسیو چیست؟

طراحی سایت ریسپانسیو چیست؟

مرحله اول : طراحی با پهنای ثابت

تا همین چند سال پیش، (و به دلیل محبوبیت ویندوز ایکس پی) رزولوشن نمایشگر اکثر کاربران روی ۸۰۰x600 تنظیم بود و سایتها نیز برای مطابقت با این اندازه طراحی می شدند. کسانی هم که مانیتور  بزرگتری داشتند، می توانستند سایت را به درستی مشاهده کنند و فقط کمی فضای خالی در کناره های سایت می‌دیدند. کمی گذشت و با گسترش ویندوز۷ که رزولوشن مانیتورها افزایش پیدا کرد، سایز ۱۰۲۴x768 به سایز استاندارد برای طراحی رابط کاربری صفحات وب تبدیل شد. در این دوران معمولا پهنای صفحات وب، سایز ثابتی داشت.

مرحله دوم : طراحی شناور (fluid)

کم کم طراحان برای سازگار کردن سایز سایت با سایز صفحه به روش شناور  (fluid) روی آوردند. در این روش width ستون های سایت بجای واحد پیکسل با واحد درصد مشخص میشد و هرچه کاربر عرض مرورگرش بزرگتر بود، ستون های سایت را نیز با پهنای بیشتری مشاهده می کرد. (طراحی شناور در اصل تلاشی بود برای هماهنگ سازی سایت با پهنای مرورگر کاربر و شاید بتوان ریشه طراحی ریسپانسیو را، طراحی شناور عنوان کرد.) با گسترش سخت افزارها و روند رو به رشد لپ تاپ ها کم کم سایز ۱۳۶۶x768جای سایز قبلی را گرفت. اما هنوز میشد با استفاده از طراحی شناور، سایتهای قابل قبولی برای پهنای صفحه ۸۰۰ پیکسل تا ۱۳۶۶پیکسل طراحی کرد.

مرحله سوم: ظهور موبایلها و صفحات کوچک

با گسترش انواع موبایل و تبلت ها و افزایش دسترسی موبایلها به اینترنت، چالش جدیدی برای طراحان وب ایجاد شد. اینک نمایش سایز در صفحاتی با پهنای ۲۴۰ تا ۴۸۰ پیکسل مدنظر صاحبان سایتها بود. دیگر نمیشد با طراحی شناور، سایت را جوری طراحی کرد که هم در سایز مانیتور خوب نمایش داده شود و هم در سایز موبایلها. راه حل چه بود؟ اولین راه حلی که استفاده شد، طراحی دو نسخه متفاوت برای سایت بود. یکی برای نمایش در موبایل و یکی برای نمایش در مانیتورهای معمولی.

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

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

 طراحی سایت ریسپانسیو

طراحی سایت ریسپانسیو

مرحله چهارم: طراحی سایت ریسپانسیو، انقلابی در طراحی رابط کاربری

با افزایش سرعت دسترسی موبایل و ظهور تکنولوژی ۳G و ۴G ، اکثر کاربران بجای کامپیوتر، از موبایل یا تبلت خود برای گشت و گذار در وب استفاده میکنند. و متعاقبا دارندگان سایتها نیز ترجیح میدهند سایت آنها در موبایل و تبلت هم قابل استفاده باشد. در این زمان (حول و حوش ۲۰۱۰) اکثر کاربران نیز از مرورگرهای مدرن استفاده میکنند که تا حدی CSS را پشتیبانی میکند. همچنین در موبایل و تبلت ها، به دلیل ظهور دیروقت آنها در عرصه وبگردی، اکثرا مرورگرهای جدیدی وجود دارد که از مدیاکوئری های CSSبه خوبی پشتیبانی میکند. اینگونه شد که طراحان تصمیم گرفتند تا بجای تعریف یک CSS برای چیدمان هر صفحه، از چندین فایلCSS کمک بگیرند تا بتوانند جای المان ها را در سایزهای گوناگون صفحات و مرورگرها تغییر دهند.

برای اجرای طراحی ریسپانسیو شما نیاز جدی به جاوا اسکریپت ندارید و فقط با media query ها و تعریف CSS های گوناگون، می توانید یک رابط کاربری ریسپانسیو طراحی کنید. اما استفاده از جاوا اسکریپت کنترل بیشتری را روی المان های صفحه ممکن میسازد.

طراحی ریسپانسیو آنقدر پرطرفدار شد که در سال ۲۰۱۲ رتبه دوم در میان روشهای پرطرفدار طراحی را به خود اختصاص داد و در سال ۲۰۱۳ مجله محبوب ماشابل، سال ۲۰۱۳ را سال طراحی واکنشگرا نامید.

محبوب ترین فریمورک های موجود بوت استرپ و فاندیشین هستند.

محبوب ترین فریمورک های موجود بوت استرپ و فاندیشین هستند.

مرحله پنچم: ظهور فریم ورک های ریسپانسیو

با گسترش طراحی ریسپانسیو، شرکتها و گروه های نرم افزاری، ابزارها یا فریم‌ورک هایی برای تسریع طراحی ریسپانسیو ارائه کردند. از آنجایی که اکثر طرح های ریسپانسیو باید در سه سایز دسکتاپ، تبلت و موبایل اجرا شوند، این فریم‌ورک‌ها نیز روی همین سه سایز زوم کرده اند. یک فریمورک معمولا شامل یکسری CSS از پیش تعریف شده است هنگام طراحی، شما بجای تعریف classهای جدید، از نام های کلاس های این فریمورک ها استفاده میکنید. محبوب ترین فریمورک های موجود بوت استرپ و فاندیشینهستند.

مرحله ششم : زبان اسکریپت نویسی در CSS

 زبان اسکریپتی SASS  و همچنین LESS برای تغییر اندازه المانها

زبان اسکریپتی SASS و همچنین LESS برای تغییر اندازه المانها

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

درباره‌ محمد محسن خاشعی نژاد

مدیر تیم طراحی وب نوین فن هستم.و قصد دارم اطلاعات تیم خودمون رو با تمام علاقه مندان وب به اشتراک بگذارم. وب سایت گروه : http://www.novinfan.ir

چگونه طراح وب سایت شویم؟(قسمت ۱)

خانه » آموزش طراحی وب » چگونه طراح وب سایت شویم؟(قسمت ۱)
چگونه طراح وب سایت شویم؟(قسمت ۱)
اموزش طراحی وب سایت

چگونه طراح وب سایت شویم؟(قسمت ۱) (از نوین فن)

انتخاب شغل یکی از مهمترین و سخت ترین مراحل زندگی هر فرد است و گاهی اوقات میتواند در حد انتخاب همسر مهم باشد و زندگی شما را تحت تاثیر قرار دهد. اشتباه نکنید قرار نیست درس زندگی و انتخاب همسر به شما بدهم. منظور این است که قبل از انتخاب هر شغلی و به تبع آن انتخاب رشته دانشگاه خوب فکر کنید و “مشورت” کنید. فرض من بر این است شما الان در مرحله ای هستید که انتخاب کرده اید که یک طراح وب سایت یا Web Designer شوید.حال اولین سوالی که برای شما ایجاد میشود این است که چگونه طراح وب سایت شویم ؟

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

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

راهی که شما در پیش دارید آموزش و یادگیری نرم افزارها، زبانها و نکات زیر است :

۱-یادگیری HTML

۲-یادگیری CSS

۳-یادگیری JavaScript

۴-یادگیری و آشنایی با نحوه کار کردن با نرم افزار DreamWeaver

۵-یادگیری Photoshop و کمی هم Flash

۶-آشنایی با استانداردهای طراحی وب سایت و بکارگیری آنها در طرحهای خود

۷-آشنایی با یکی از زبانهای برنامه نویسی (ASP، PHP، Asp.Net و…) و دیتابیس (Access،Sql،MySql)

۸-آشنایی و استفاده از تکنولوژیهای جدید (در حال حاضر مانند jQuery،Mootools و . . .)

۹-آشنایی با نحوه کارکرد یک CMS(مانند Joomla یا WordPress) و نحوه ایجاد تغییرات در آن

۱۰- مطالعه، مطالعه، مطالعه و . . . .

۱۱- مشاهده نمونه سایتهای مختلف، ایده گرفتن و آشنا شدن با نمونه های بین المللی

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

نکته ۱: بهتر است در ابتدای کار فقط از طریق کدنویسی دستی و در یک نرم افزار ویرایشگر (مانندNotePad) کار رو شروع کنید و وقتی که به اندازه کافی با کدنویسی آشنا شدید آنگاه به سراغ نرم افزار بسیار قدرتمند DreamWeaver بروید.

نکته ۲: مرحله ۱۰ و ۱۱ واقعا مرحله مهمی است و شما باید اطلاعات بروزی داشته باشید و در جریان تازه ترین ها ی خود قرار بگیرید. میتوانید با دنبال کردن وب سایتهایی که در این زمینه وجود دارد اینکار را به خوبی انجام دهید (برای مثال من روزانه حدود ۳ ساعت از وقتم را اختصاص دادم به دنبال کردن مطالب جدید و به اشتراک گذاری آنها). این ۲ مرحله را باید از همان ابتدای کار خود شروع کنید و همیشه بدنبال دیدن بهترین ها باشید.

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

چگونه و از کجا شروع کنیم ؟

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

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

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

نکته : در کنار نرم افزارهای فتوشاپ و فلش یادگیری و استفاده از نرم افزار بسیار قدرتمند Adobe Illustrator هم توصیه میشه، مخصوصا اگر در کشوری بغیر از ایران میخواهید کار کنید

درباره‌ محمد محسن خاشعی نژاد

مدیر تیم طراحی وب نوین فن هستم.و قصد دارم اطلاعات تیم خودمون رو با تمام علاقه مندان وب به اشتراک بگذارم. وب سایت گروه : http://www.novinfan.ir
← مطلب قبلی۳ خطر اینترنتی که کاربران را تهدید می‌کند
مطلب بعدی →چگونه طراح وب سایت شویم؟(قسمت ۲)