رفتن به مطلب
  • Sky
  • Blueberry
  • Slate
  • Blackcurrant
  • Watermelon
  • Strawberry
  • Orange
  • Banana
  • Apple
  • Emerald
  • Chocolate
  • Charcoal

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

جستجو در تالارهای گفتگو

در حال نمایش نتایج برای برچسب های 'سایت'.



تنظیمات بیشتر جستجو

  • جستجو بر اساس برچسب

    برچسب ها را با , از یکدیگر جدا نمایید.
  • جستجو بر اساس نویسنده

نوع محتوا


تالارهای گفتگو

  • قوانين،اخبار،اطلاعيه
    • قوانین و اطلاعیه ها
    • اخبار
    • پی سی کمپ
    • بازارچه
  • انـجمن کاربـران ویــژه
    • کتاب ، مقاله و جزوه
    • پایان نامه و پروژه
    • دانلود نرم افزار
    • پرسش و پاسخ
  • عـمـومــی
    • مباحث نرم افزاری
    • مباحث سخت افزاری
    • مباحث اینترنت
    • دانلود نرم افزار
  • تخصصی
  • دروس مشترک
  • دروس تخصصی مهندسی کامپیوتر
  • دروس تخصصی مهندسی فناوری اطلاعات
  • مباحث عمومی مقاطع تحصیلی
  • علمی - پژوهشی
  • لپ تاپ،تبلت و موبایل
  • بازی های رایانه ای

وبلاگ‌ها

  • خرید اینترنتی بلیط هواپیما ارزان قیمت

جستجو در ...

نمایش نتایجی که شامل ...


تاریخ ایجاد

  • شروع

    پایان


آخرین بروزرسانی

  • شروع

    پایان


فیلتر بر اساس تعداد ...

تاریخ عضویت

  • شروع

    پایان


گروه


درباره من


جنسیت


مکان


تحصیلات


شغل


علاقه مندی ها


اینستاگرام


تلگرام


اسکایپ

10 نتیجه پیدا شد

  1. robotbin

    ربات تلگرام Stack overflow

    ربات تلگرام Stack overflow اگر با برنامه نویسی آشنا باشید حتما نام سایت Stack overflow به گوشتان رسیده است. این سایت یک فروم پرسش و پاسخ درباره ی حوزه وسیعی از مباحث برنامه نویسی و زبان های مختلف برنامه نویسی است که با استفاده از این ربات تلگرامی می توانید به راحتی به آن دسترسی داشته باشید. برای جستجو کافی است از دستور search/ در ابتدای کلمه کلیدی خود استفاده کنید. توانایی ها:دسترسی سریع و آسان به Stack Overflow شرح دستورات(Commands): /start: شروع ربات /search: جستجو در سایت /s: جستجو سریع زبانها:English
  2. azibaji

    چگونه طراح وب سایت موفقی باشید

    چگونه طراح وب سایت موفقی باشید هدف طراحان وب سایت و برنامه نویسان "وب سایتی کامل" می باشد. اولین و مهم ترین قدم ایجاد نوعی هماهنگی میان عناصر سایت در طراحی سایت است. در این مقاله به نکات و ترفند هایی می پردازیم که به موفقیت بیشتر طراحان وب سایت کمک خواهند کرد. 1) نا معقول بودن: در حالی که همه طراحان وب سایت برای منحصر به فرد بودن در تلاش هستند ، برخی از این طراحان اهمیت مساله نا معقول و شهودی بودن را نادیده می گیرند. در جهان متمرکز بر کاربر که تمام وب سایت ها و برنامه ها منطبق بر قوانین شهودی می باشند ، سایت هایی که از این قوانین پی روی نمی کنند ، فراموش خواهند شد. کاربران برای آشنایی با هر وب سایت یا اپلیکیشنی باید زمان صرف کنند اما وقت آن ها نباید برای ساعت ها گرفته شود. در غیر این صورت رفته رفته مخاطبین خود را از دست می دهید و این امر تاثیری مستقیم بر سئو و بهینه سازی وب سایت شما خواهد داشت ، به همین دلیل رعایت سادگی در طراحی امری مهم می باشد. نوآوری نیز مهارتی ضروری برای یک طراح خوب است. هم چنین یک طراح خوب باید قادر به پیش بینی زمان مناسب برای معرفی ویژگی های جدید نیز باشد. 2) آشنایی با ناوبری: به طور مثال وقتی برای اولین بار به منزل اقوام خود می روید به سختی می توانید اتاق به خصوصی را پیدا کنید و قطعا این سردرگمی را دوست نخواهید داشت. این دقیقا همان اتفاقی است که در طراحی وب سایت رخ می دهد. کاربران نیاز دارند بدانند چگونه در سایت شما حرکت کنند. اکثر کاربران کم حوصله اند به همین دلیل باید آموزشی صحیح و دقیق برای چگونگی استفاده کاربران از وب سایت خود فراهم نمایید. هم چنین عناصر را در سمت راست صفحه قرار دهید زیرا جایی است که اکثر مخاطبین تصور می کنند. از اشکال ، خطوط و رنگ ها به شکلی مناسب استفاده کنید. به عنوان مثال ورود به سامانه و ثبت نام باید در گوشه سمت راست بالای صفحه قرار بگیرد. 3) انعطاف پذیری: انعطاف پذیری چالش برانگیز ترین بخش طراحی و ساخت سایت می باشد. بسیاری از طراحان اهمیت انعطاف پذیری را دست کم گرفته وتنها برای مرورگر یا دستگاه هایی خاص طراحی می نمایند. طراحی برای دستگاه های خاص و مرورگرها رویکرد خوبی به همراه نخواهد داشت. به یاد داشته باشید کاربران دارای سلایق متفاوتی می باشند و همیشه دنبال طرحی می باشند که با تمام علایق آن ها تناسب باشد. بنابراین سعی در خلق سایت هایی که تمام سلایق را دربر گرفته و در عین حال جذاب هم باشند ، داشته باشید. 4) سادگی: استفاده بیش از حد از کلید های جهت یابی کاربران را گمراه می سازد ، گزینه های غیر ضرورری زیادی را پیش روی آن ها قرار داده و حتی ممکن است منجر به غفلت کاربران از مطالب مهم شود. به عنوان مثال سایت گوگل را در نظر بگیرید. یکی از دلایل موفقیت روزافزون گوگل استفاده از حداکثر سادگی در طراحی آن است. با این حال ما قصد نداریم شما را به سطحی از سادگی که خستگی و عدم تفریح را برای کاربران در پی خواهد داشت، سوق دهیم بلکه منظور استفاده از ساده سازی به میزان لازم می باشد.
  3. ghazalehs

    بالا آمدن سئو سایت

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

    آموزش کامل ایکس ام ال- xml

    مقدمه و معرفی XML XML چیست ؟ XML مخفف عبارت Xtensible Markup Language ، به معنای زبان فرا متنی قابل توسعه است . زبان فرامتنی در اصطلاح به زبانی گفته می شود که با استفاده از یکسری علام و یا نشانه ها ، به کاربر و یا هر برنامه دیگری که اطلاعات به آن وارد می شود ، می فهماند که اطلاعات را چگونه ویرایش و یا استفاده نماید . برای مثال همانطور که می دانید ، HTML یک زبان فرا متنی است . در HTML نشانه هایی به نام تگ داریم . هنگامی که شما یک متن را بین تگ باز و بسته قرار دهید ، مرورگر متوجه می شود که آن متن را باید به صورت توپر نمایش دهد . XML هم همانند HTML ، یک زبان فرامتنی است و در آن از تگ ها و نشانه هایی برای دسته بندی و انتفال اطلاعات استفاده می شود . XML با هدف نگهداری و انتقال اطلاعات طراحی شده است و نه برای نمایش آنها . تگ ها و نشانه های XML از قبل تعریف نشده اند ، بلکه کاربر بر حسب نیاز و کاری که می خواهد انجام دهد ، تگ های دلخواه خود را ایجاد می کند . به همین دلیل به XML یک زبان قابل توسعه می گویند ، چون شما می توانید هر چه قدر که نیاز داشته باشید ، برای خود تگ های جدید ایجاد نمایید . تفاوت بین XML و HTML : XML به هیچ عنوان جایگزین HTML نیست ، بلکه هر دو دارای ساختار فرامتنی هستند و فقط از این جهت شبیه هم می باشند . XML و HTML هر کدام با اهداف متفاوتی طراحی شده اند : XML برای نگهداری و انتقال اطلاعات طراحی شده است و تمرکز آن بر این است که اطلاعات چیست و چگونه باید نگهداری شود . HTML برای نمایش اطلاعات در خروجی طراحی شده است و تمرکز آن بر چگونگی و ظاهر نمایش اطلاعات است . قبل از مطالعه XML چه باید بدانید : قبل از اینکه به مطالعه بخش آموزش XML بپردازید ، باید با زبان های زیر آشنایی و تسلط کافی داشته باشید . چنانچه با این زبان ها آشنا نیستید ، به بخش های آموزشی آنها در سایت بروید : HTML جاوا اسکریپت XML کار خاصی انجام نمی دهد : شاید درک این مسئله کمی سخت باشد ، اما XML کار خاصی انجام نمی دهد . XML برای دسته بندی ، نگهداری و انتقال اطلاعات طراحی شده است و خودش خروجی بر روی صفحه ندارد . در مثال زیر یک نمونه ساده از کد XML را برای درک بهتر این زبان نمایش داده ایم . در این قطعه کد زیر Ali به Hamed یک نامه با عنوان و متن مورد نظر خود ارسال کرده است . به کد دقت کنید : Hamed Ali Reminder Don't forget me this weekend! به نکات زیر توجه نمایید : تمامی تگ هایی که در قطعه کد بالا قرار داده شده اند ، توسط طراح نامه تعیین شده و هیچ کدام قبلا در زبان XML وجود نداشته اند . هر تگی که باز شده است ، همانند تگ ها در HTML ، توسط یک تگ متناظر بسته شده است . برای مثال . قطعه کد بالا ، فقط برای نگهداری و یا ارسال یک قطعه کد استفاده شده است و خودش به تنهایی کار خاصی انجام نداده و خروجی بر روی صفحه ندارد . برای نمایش آن باید قطعه کدی به زبان HTML یا مثلا ASP.Net بنویسید . به وسیله XML شما تگ های خودتان را ساخته و استفاده می کنید : همانطور که قیلا گفتیم ، XML دارای تگ های از پیش تعریف شده نیست ، برخلاف HTML که تمام تگ های آن از قبل تعیین شده اند . کاربر برای استفاده از XML به راحتی می تواند تگ های مورد نظر خود را ایجاد و استفاده نمایید . برای مثال در قطعه کد نمونه ، تگ های یا ، توسط طراح تعیین و ابداع شده اند . فقط نکته مهم در تعیین و استفاده از تگ های XML ، یکسان بودن تمام تگ ابندایی و انتهایی و قرار گیری صحیح آنهاست . نتیجه گیری XML : XML یک زبان باز و قابل توسعه برای نگهداری و انتقال اطلاعات است . هر کاربر در این زبان می تواند تگ های دلخواه خود را ابداع و استفاده نماید .
  5. مقدمه : یکی از مباحث مهم در طراحی وب سایت ها ، عضوگیری و تعیین نحوه دسترسی اعضا به صفحات و امکانات سایت می باشد . ممکن است شما بخواهید بخش یا کل وب سایتتان یا برخی از امکانات آن فقط به افرادیکه در سایت شما عضو بوده و سپس وارد سایت می شوند ، قابل دسترسی باشند . برای این منظور باید از سیستم ثبت عضویت و مدیریت آن در Asp.Net استفاده نمایید . این راهکار نحوه استفاده از تمپلیت های آماده برای ساخت سیستم عضوگیری در Asp.Net را آموزش می دهد . موارد زیر در این راهکار بررسی شده اند : ساخت یک سایت Asp.Net . ساخت یک صفحه ویژه فقط برای اعضا ( این صفحه فقط از طریق اعضایی که در سایت ثبت کرده و وارد آن شده اند ، قابل رویت است ) . ساخت یک صفحه ثبت نام که کاربران می توانند در آن صفحه برای عضویت در سایت اقدام کرده و یک اکانت جدید بسازند . نحوه ورود کاربران ثبت نام کرده به سایت و مشاهده صفحات آن . طراحی یک صفحه برای کاربرانی که تمایل دارند تا رمز عبور خود را تعویض نمایند . پیش نیازها : برای اجرای این راهکار نیاز دارید تا برنامه های زیر بر روی سایت شما نصب شده باشد : Microsoft Visual Studio . Microsoft .NET Framework version 2.0 . SQL Server Express که بر روی کامپیوتر شما نصب شده باشد . این برنامه معمولا با ویژوال استودیو نصب می شود . مرحله اول - طراحی یک سایت ASP.Net : در مرحله اول از راهکار بایستی یک سایت ASP.Net را برای اجرای پروژه خود ایجاد نمایید . فرض بر این است که سایت را قبلا ایجاد کرده و یا با نحوه اجرای آن آشنایی دارید ، در غیر اینصورت به راهکار شماره 1-1 : نحوه ایجاد یک وب سایت ASP.Net در ویژوال استودیو بروید . نکته مهم : در این راهکار ، ما از یک سایت ASP.Net با تمپلیت پیش فرض ویژوال استودیو استفاده می کنیم . این تمپلیت دارای چندین صفحه ، پوشه و فایل آماده می باشد . نمای کلی تمپلت در آغاز کار به صورت زیر می باشد : همچنین ساختار و فایل های پیش فرض سایت شامل موارد زیر هستند : مرحله دوم - طراحی صفحه ویژه اعضا ( فقط قابل دسترسی توسط اعضا ) : در این بخش به طراحی صفحه ویژه اعضا می پردازیم . فقط اعضایی که در سایت ثبت نام کرده اند و وارد آن شده اند ، به این صفحه دسترسی دارند . یک کنترل HyperLink را بر روی صفحه مسترپیج قرار می دهیم ، تا اعضای ثبت نام کرده و وارد شده به سایت به صفحه ویژه اعضا راهنمایی شوند . همچنین کاربرانی که در سایت وارد شده و هنوز عضو نیستند ، چنانچه صفحه ویژه اعضا را کلیک نمایند به صفحه ورود یا ثبت نام راهنمایی می شوند تا در سایت وارد شده یا ثبت نام کنند . نحوه طراحی صفحه ویژه اعضای سایت : در منوی Solution Explorer ، بر روی پوشه Account کلیک راست کرده و سپس گزینه Add New Item را بزنید . ( این پوشه به طور پیش فرض در تمپیلت سایت های ایجاد شده توسط ویژوال استودیو وجود دارد ) . در پنجره Add New Item ، گزینه Web Form را کلیک نمایید . سپس نام آن را به MembersOnly.aspx تغییر دهید . گزینه انتخابی Select master page را علامت زده ، سپس دکمه Add را فشار دهید . پنجره Select a Master Page باز می شود ، از زیر بخش Contents of folders فایل Site.master را انتخاب کرده و OK را بزنید . صفحه MembersOnly.aspx در پوشه Account ایجاد شده و از مسترپیج Site.master الگو می گیرد . صفحه MemberOnly.aspx را باز کرده و به حالت Design بروید . محتوای مورد نظرتان را به صفحه MemberOnly.aspx اضافه نمایید . برای مثال یک پیام خوش آمد یا معرفی سایت در آن قرار دهید .علاوه بر این صفحه که خود شما آن را ساختید ، پوشه Account ( به دلیل اینکه این پروژه یک template آماده Asp.Net بوده است ) دارای چندین فایل دیگر از جمله فایل های زیر می باشد : egister.aspx : این صفحه به کاربران امکان ثبت نام در سایت را می دهد . Login.aspx : در این صفحه کاربران می توانند با وارد نمودن رمز عبور کاربری در سایت وارد شوند . ChangePassword.aspx : در این صفحه کاربران می توانند رمز عبور خود را در صورت نیاز تعویض نمایند . ChangePasswordSuccess.aspx :این صفحه یک اطلاعیه را به کاربر در زمانی که رمز عبور وی با موفقیت عوض شود ، نمایش می دهد . یک فایل تنظیمات سایت یا web.config . به صورت پیش فرض ، صفحاتی که درون پوشه Account هستند به کاربران غیر عضو نمایش داده نمی شوند ( بجز صفحات Register.aspx و Login.aspx برای ثبت نام یا ورود ) . تنظیماتی که تعیین کننده نحوه دسترسی کاربران به صفحات موجود در پوشه Account می باشند در تگ مربوط به آن پوشه در فایل web.config قرار دارند . در مرحله بعدی ، یک کنترل منو Menu را بر روی مسترپیج سایت قرار خواهیم داد تا لینک دسترسی به صفحه MemberOnly.aspx را نمایش دهد . به صورت زیر : در منوی Solution Explore بر روی فایل Site.master کلیک کرده ، آن را باز نموده و به نمای Design بروید . کنترل Menu ای که شامل آیتم های Home و About است را انتخاب کرده و سپس گزینه smart tag آن که شبیه یک فلش بر روی کنترل است را کلیک نمایید . از زیر بخش Menu Tasks ، گزینه ... Edit Menu Items را کلیک نمایید تا پنجره Menu Item Editor باز شود . در بخش Items ، دکمه Add a root item را کلیک نمایید تا یک آیتم منوی جدید در کنترل ایجاد شود . گزینه New Item را انتخاب کرده و در پنجره Properties آن مقدار خاصت Text را به "Members Only" تغییر دهید . گزینه NavigateUrl را کلیک کرده و سپس دکمه (...) را فشار دهید تا منوی ellipsis برای انتخاب مسیر مقصد باز شود . از زیر بخش Project folders ، پوشه Account را باز کرده و فایل MembersOnly.aspx را به عنوان مقصد انتخاب کرده و OK را بزنید . فایل Site.master را ذخیره کرده و ببندید . همچنین با کلیک بر روی فایل Default.aspx با انتخاب گزینه Set as Start Page آن را به عنوان صفحه آغاز سایت تعیین کنید . مرحله سوم - ایجاد یک اکانت جدید : به دلیل اینکه شما هنوز اکانتی بر روی سایت ندارید ( هنوز ثبت نام و ورود نکرده اید ) ، اجازه دسترسی به صفحات خاص مثل members-only را ندارید . بنابراین بایستی ابتدا در سایت ثبت نام کرده و اکانت بسازید . کاربران غیر عضو فقط می توانند فایل های Default.aspx و About را دیده و اجازه دسترسی به محتویات تعیین شده برای کاربران عضو را ندارند . اگر کاربر غیر عضوی تلاش کند تا به این محتویات دسترسی پیدا کند ، به صفحه ثبت نام ( Register.aspx ) یا صفحه ورود ( Login.aspx ) راهنمایی خواهد شد . مراحل ایجاد یک اکانت : کلیدهای CTRL + F5 را برای اجرای سایت فشار دهید . صفحه Members Only را کلیک نمایید . با انجام این کار به صفحه login راهنمایی می شوید . بر روی گزینه Register کلیک نمایید . صفحه Register.aspx برای ایجاد یک اکانت جدید باز می شود . اطلاعات لازم برای ثبت نام در سایت را وارد نمایید . توجه داشته باشید که بصورت پیش فرض ، رمز عبور حداقل بایستی 6 کاراکتر داشته باشد . نام کاربری لزومی ندارد حتما شامل کاراکترهای غیر الفبایی بوده و ایمیل نیز می تواند یکتا نباشد . بر روی گزینه Create User کلیک نمایید . با این کار اکانت شما ایجاد شده و به صفحه members-only راهنمایی خواهید شد . دقت داشته باشید نام کاربری شما در کنار عبارت Log Out نمایش داده خواهد شد . برای خروج از سایت Log Out را بزنید . به صفحه home برخواهید گشت. مرحله چهارم - نحوه تعویض رمزتان در سایت : در این بخش از راهکار ، لینکی را به صفحه home سایت اضافه می کنیم تا کاربران را پس از ورود به سایت ، در صورت تمایل به صفحه change password برای تعویض رمز عبور خود راهنمایی نماید . برای این منظور مراحل زیر را انجام دهید : 1) صفحه Site.master را باز کرده و به نمای Design بروید . 2) از بخش Standard منوی Toolbox یک کنترل HyperLink را وارد کرده و در کنار کنترل Log In قرار دهید . 3) در پنجره Properties ، مقدار خاصیت Text کنترل را به Change Password تغییر دهید . 4) همچنین در پنجره Properties بر روی گزینه NavigateUrl کلیک کرده و سپس دکمه (...) کرا بزنید تا پنجره Select URL برای انتخاب مسیر مقصد لینک باز شود . 5) از پنجره باز شده ، پوشه Account را باز کرده و سپس فایل ChangePassword.aspx را انتخاب کنید و سپس OK را بزنید 6) کنترل های CTRL + F5 را برای اجرای صفحه فشار دهید . توجه داشته باشید که لینک Change Password با وجود اینکه هنوز در سایت Log In نکرده اید ، در دسترس است . 7) بر روی لینک Change Password کلیک نمایید . خواهید دید که به صفحه login راهنمایی می شوید زیرا صفحه تعویض رمز فقط برای کاربران وارد شده به سایت ، قابل دسترس است . 8) رمز عبور و نام کاربری که در مرحله قبل ایجاد کرده بودید را وارد کرده و Log In نمایید . با انجام این کار به صفحه قبلی درخواست شده یعنی ChangePassword.aspx برمی گردید . 9) با کلیک بر روی گزینه Log Out از سایت خارج شوید . در مرحله بعدی می خواهیم کاری کنیم تا لینک Change Password فقط برای اعضای عضو سایت قابل مشاهده باشد . این کار را می توانیم با اضافه کردن hyperlink به کنترل HeadLoginView در صفحه مسترپیج انجام دهیم . مرحله پنجم - نحوه تنظیم لینک 9 جهت نمایش فقط به اعضای وارد شده به سایت : برای این منظور مراحل زیر را انجام دهید : صفحه Site.master را باز کرده و به نمای Design بروید . کنترل HyperLink با نشان Change Password ای که قبلا ایجاد کرده بودید را حذف کنید . به نمای Source صفحه رفته و از بخش Standard منوی Toolbox یک کنترل HyperLink را درگ کرده و درون المنت LoggedInTemplate کنترل LoginView موجود بر روی صفحه قرار دهید . مقدار خاصیت Text آن را به Change Password تغییر داده و خاصیت NavigateUrl آن را نیز به صفحه ChangePassword.aspx تعیین نمایید . در نهایت کنترل hyperlink باید بصورت زیر باشد : کد Change Password نکته : جه نمایید که کنترل HyperLink در حالت Design صفحه قابل رویت نیست زیرا محتویات درون المنت LoggedInTemplate کنترل LoginView بصورت پیش فرض مخفی هستند . مرحله آخر - امتحان کردن سایت : اکنون می توانیم عملکرد لینک تعویض رمز را بصورت درست امتحان کنیم : کلیدهای CTRL + F5 را برای اجرای سایت فشار دهید . صفحه خانه باز می شود ولی لینک Change your password مخفی است ( زیرا هنوز وارد سایت نشده ایم ) . برای وارد شدن به سایت بر روی لینک Log In کلیک کرده و نام کاربری و رمز عبور خود را وارد نمایید . پس از ورود به سایت به صفحه members-only بازمیگردید ، ولی این بار لینک Change your passwordنمایش داده می شود . بر روی لینک Change your password کلیک نمایید تا صفحه change-password برای تعویض رمز باز شود . یک رمز جدید را برای اکانت خود وارد نموده و بر روی گزینه Change Password کلیک نمایید . اگر عملیات تعویض رمز با موفقیت اجرا شود ، پیام تعویض رمز نمایش داده می شود . از سایت خارج شده و رمز جدید را امتحان نمایید . خواهید دید که رمز قبلی دیگر کار نمی کند .
  6. mehrdadkiller

    تغییر سرور سایت

    سلام میخواستم بگم برای اینکه هم کیفیت سایت بره بالا و هم از لحاظ امنیتی برای سایت مناسب باشه بهتره سایت رو از هاست و اشتراک روی سرور به حالت سرور اختصاصی یا اگر بودجه سایت جواب نمیده روی سرور های وی پی اس بندازید چون من یک تست کلی روی سرور سایت انجام دادم دیدم هم اینکه کرنل سرور اپدیت نیست 2.6.18=2011 هستش و هم سایت های دیگه ای که روی این سرور هستند که خودتون میتونید ببینید Pccamp.ir - Is Pccamp on Dedicated or Shared hosting? مثل این سایت ها icut.ir و talarparsa.com که از cms ورد پرس استفاده میکنن و اینکه احتمال اپیدیت این سایت ها از لحاظ امنیتی بسیار پایینه باعث احتمال هک شدن سایت رو بالا میبره و میشه با یک لوکال روت ساده از طریق سایت های دیگه به اطلاعات سایت خودمون دسترسی پیدا کرد بدروود
  7. PCcamp_Admin

    آموزش کامل php

    مقدمه و معرفی زبان PHPمعرفی زبان PHP : PHP یک زبان برنامه نویسی اسکریپتی اپن سورس است که برای طراحی برنامه های تحت وب سمت سرور ( Server Side ) ، به کار می رود . سمت سرور بودن به این معناست که صفحات PHP ابتدا توسط سرور PHP ( که می تواند از نوع Apache یا IIS ) باشد ، پردازش شده و سپس خروجی به صورت کدهای HTML و جاوا اسکریپت ، برای اجرا به مرورگر کامپیوتر کاربر ارسال می شود . به عبارت دیگر وظیفه اجرای صفحات PHP به عهده کامپیوتر سرور وب هاست سایت آن می باشد . ( برخلاف HTML یا جاوا اسکریپت که اجرای آنها توسط خود مرورگر کاربر انجام می شود ) . PHP مخفف عبارت Hypertext PreProcessor به معنای پیش پردازنده فرا متن می باشد که در سال 1994 توسط رسموس لردورف ایجاد شد و سپس توسط سایرین توسعه و گسترش پیدا کرد . ساختار زبان PHP بسیار شبیه به زبان c و در نسخه های جدید شبیه به جاوا می باشد و به همین دلیل از محبوبیت فراوانی برخوردار است . از مشهورترین نرم افزارهای ساخته شده با PHP می توان به جوملا ، WikiMedia و یا Mambo اشاره کرد . سایت های فراوانی در جهان براساس زبان PHP نوشته شده اند و هر روز نیز بر تعداد آنها اضافه می شود . از مهمترین آنها می توان به ویکی پدیا اشاره کرد . پی‌اچ‌پی امکان استفاده از انواع مختلفی از پایگاه‌های داده را از جمله MySQL، اوراکل، IBM DB۲ ،Microsoft SQL Server ،PostgreSQL و SQLite با دستورهایی ساده فراهم می‌سازد. پی‌اچ‌پی روی بیشتر سیستم‌عامل‌های معروف از جمله لینوکس، یونیکس، ویندوز و Mac OSX و با اغلب کارگزارهای وب (Web Server) معروف، قابل اجراست. پیش از آغاز به یادگیری PHP ، شما باید آشنایی کافی با زبان های HTML و جاواسکریپت داشته باشید . برای یادگیری زبان های ذکر شده به بخش مربوط به آموزش آنها رجوع نمایید . بخش آموزش HTML بخش آموزش Java Script مزیت های PHP : PHP یک ابزار اپن سورس و رایگان است و به همین دلیل هاست هایی که میزبانی آن را انجام می دهند ، بسیار ارزانتر از هاست های .Net هستند . پی اچ پی بر روی تمامی پلتفورم های معروف مثل Windows , Linux و iOs اجرا می شود . PHP یک زبان ساخت یافته بوده و یادگیری آن بسیار ساده است . ابزار کار با PHP همگی اپن سورس بوده و استفاده از آنها رایگان هستند . نسخه های مختلف PHP : تا کنون نسخه های مختلفی از PHP منتشر شده که به معرفی آنها در جدول زیر پرداخته ایم . این اطلاعات از سایت ویکی پدیا منتقل شده است : نسخه مهم نسخه مهم تاریخ نشر یادداشت‌ها ۱٫۰ ۱٫۰.۰ ۱۹۹۵-۰۶-۰۸ این اولین نام کاربردی پی اچ پی بود.نامیده شد..(PHP Tools) Personal Home Page Tools رسما "PHP". ۲٫۰ ۲٫۰.۰ ۱۹۹۶-۰۴-۱۶ توسط سریعترین و ساده ترین ابزار ایجاد شد.برای ایجاد کردن صفحات وب پویا pages. ۳٫۰ ۳٫۰.۰ ۱۹۹۸-۰۶-۰۶ توسعه آن از یک نفر به چند نفر تغییر کرد.زیو سوراسکی و اندی گاتمنز دوباره اساس این نسخه را نوشتند. ۴٫۰ ۴٫۰.۰ ۲۰۰۰-۰۵-۲۲ سیستم تجزیه/اجرا در دو مرحله تحت عنوان ماشین Zend اضافه شد.. ۴٫۱.۰ ۲۰۰۱-۱۲-۱۰ ( $_GET, $_POST, $_SESSION)متغیرهای بسیار خوبی معرفی شدند. etc.) ۴٫۲.۰ ۲۰۰۲-۰۴-۲۲متغیرهای بدون استفاده با پیش فرض.holes in applications. ۴٫۳.۰ ۲۰۰۲-۱۲-۲۷ علاوه بر CLI٬CGI نیز معرفی شد.. ۴٫۴.۰ ۲۰۰۵-۰۷-۱۱ صفحات مهمی برای اسکریپت phpsize و config-php اضافه شد.. ۴٫۴.۸ ۲۰۰۸-۰۱-۰۳ چند پیشرفت ایمنی.منتشر شدن پی اچ پی ۴.. ۴٫۴.۹ ۲۰۰۸-۰۸-۰۷ پیشرفت بیشتر و انتشار نسخه پی اچ پی ۴٫۴ .. ۵٫۰ ۵٫۰.۰ ۲۰۰۴-۰۷-۱۳ ماشین ۲ zend با امکان مدل شی گرایی.. ۵٫۲.۰ گسترش فیلتر با پیش فرض. ۶٫۰.۰ No date set پشتیبانی از یونیکد یامتغیرهای رجیستری. support برای استفاده از PHP به چه نیاز دارید ؟ برای استفاده و اجرای صفحات PHP شما باید سرور آپاچی ( Apache ) یا IIS را بر روی کامپیوتر خود نصب کنید . یا اینکه صفحه خود را بر روی یک سرور که از PHP پشتیانی می کند ، اجرا نمایید . درباره بخش آموزش PHP : در این بخش داریم تا شما را با نحوه برنامه نویسی و طراحی صفحات وب با زبان PHP آشنا نماییم . در هر صحفحه به توضیح نحوه کار و syntax استفاده از دستورات پرداخته و سپس سعی کردیم تا با ارائه مثال های عملی آنها را در عمل به شما نمایش دهیم . مطالب این بخش براساس سرفصل های منابع رسمی این زبان طراحی شده و مثال های عملی آن با استاندارهای نرم افزارهای Adobe Dreamweaver و Rad PHP طراحی شده و با مرورگر های مطرح تست شده است .
  8. PCcamp_Admin

    لایت اسپید ( Lite Speed ) چیست؟

    وب سرور لایت اسپید ( Lite Speed Web Server ) لایت اسپید ( Lite speed ) وب سروری است بر پایه عملکرد و سرعت بالا. لایت اسپید ( Lite speed ) بسیار شبیه آپاچی هست و براحتی میتواند جایگزین آن شود. کنترل پنل بسیار ساده برای نصب آن از دلایل محبوبیت آن است. به دلیل سرعت بالای این وب سرور و استفاده و نصب بسیار ساده میتوانید وب سایت خود را به این سیستم مجهز کنید. لایت اسپید عملکرد و مقیاس پذیری فوق العاده بالایی دارد و تقریبا سرعتش شش برابر سریع تر از آپاچی است.برای محتوا های ایستا یا استاتیک لایت اسپید ( Lite speed ) از thttpd , boa و TUX استفاده میکند و برای محتوای پویا یا دینامیک لایت اسپید ( Lite speed ) تا 50% سریع تر در سرویس های نوشته شده در php است نسبت به آپاچی و این به دلیل استفاده از mod_php است که در این وب سرور استفاده شده.از ورژن 3 لایت اسپید ( Lite speed ) به بعد این سرویس همواره کنار وب هاستینگ ها بوده و از کنترل پنل های سی پنل ( Cpanel ) ، دایرکت ادمین (Direct Admin ) و ... پشتیبانی میکند.همچنین لایت اسپید ( Lite speed ) بهترین انتخاب برای هاستینگ اشتراکی میباشد زیرا هم از سرعت بسیار بالا و هم از امنیت خوبی برخوردار است. ویژگی های لایت اسپید ( Lite speed ) : 1 - قابلیت های استثنایی CGI, FastCGI, LSAPI, PHP, Servlet/JSP, Proxy SSL, IPv4, IPv6 بهترین پشتبانی از Ruby on Rail قابلیتهای آپاچی و پشتیبانی از .htaccess قابلیت پیلطرینگ mod_security قابلیت موتور URL آپاچی افزونه سرور MS FrontPage 2 - سرعت تا 9 برابر سریع تر از آپاچی افزایش عملکرد php تا 50% بهترین عملکرد Ruby on Rail 3 برابر سریع تر از آپاچی در ssl cgi های موثر بهترین عملکرد perl شتاب سخت افزاری ssl 3 - رابط کاربری نصب آسان نصب اتوماتیک php مدیریت سرور ساده از طریق GUI Real-time service monitoring بروز رسانی اتوماتیک تنظیمات قالب هاست مجازی 4 - امنیت دقیق ترین درخواست اعتبار سنجی http لغو همه buffer-overrun ها Anti-DDoS جلو گیری از System overloading CGI/FCGI/LSAPI/PHP/RUBY suEXEC هاست های مجازی 5 - قابل اعتماد مشاهده Dog monitoring بازیابی سرور از قطعی های ناگهانی down time نزدیک به سفر در ریستارت های مطبوع در پایان باید عرض کنم ، بهترین وب سرور از نظر ما لایت اسپید ( Lite Speed ) می باشد . گواه این ادعا مجهز بودن بیشتر سرور های هاستینگ دنیا به این تکنولوژی می باشد .
  9. کارنامه مرحله اول آزمون نیمه متمرکز دکتری سال ۱۳۹۱ در سایت سنجش قرار گرفت.برای ورود از لینک زیر استفاده کنید. http://srv2000.sanjesh.org/karname_PHD/91_PhD_S1/index.php
  10. PCcamp_Admin

    آموزش css3

    بخش اول در سری مقالات آموزش css3 می خواهم به شما شیوه استفاده وچگونگی عملکرد سی اس اس ۳ را توضیح دهم. به طور کلی css3 از همه قابلیتهای css2 پشتیبانی می کند. برای اینکه شما css3 را درست بفهمید باید با css آشنایی داشته باشید. اگر در یک خط بخواهم برای شما توضیح بدهم css3 امکان فرمت و قالب و تغییر الگوهای صفحات html را برای شما فراهم می کند. سی اس اس ۳ به ماژولهای مختلفی تقسیم شده است که آنها عبارتند از : Selectors Box Model Backgrounds and Borders Text Effects 2D/3D Transformations Animations Multiple Column Layout User Interface لازم هست که بگم سی اس اس ۳ هنوز در حال ویرایش و بروزرسانی هست و بسیاری از قابلیتهای اون در مرورگرهای جدید قابلیت اجرا خواهند داشت. شما با استفاده از css3 می توانید Border های دور گرد و سایه دار ایجاد کنید , همچنین به راحتی می توانید یک عکس را به عنوان حاشیه Border انتخاب کنید و همه اینها با css3 به تنهایی امکان پذیر هست بدون نیاز به هیچ ابزار گرافیکی مثل فتوشاپ یا غیره . در این مقاله سه خاصیت Border ها را بررسی می کنم که اونها عبارتند از : border-radius box-shadow border-image پشتیبانی مرورگرها border-radius = IE , Firefox ,Google Chrome , Safari , Opera box-shadow = IE , Firefox ,Google Chrome , Safari , Opera border-image = Firefox , Google Chrome (webkit ) , Safari ( webkit) , لازم به ذکر است که مرورگر IE 9 خاصیتهای border-radius و box-shadow را پشتیبانی می کند. مرورگر Firefox کل خاصیتهای پیشرفته و جدید را پشتیبانی می کند. مرورگر Chrome و Safari خاصیتهای border-radius و box-shadow را پشتیبانی می کنند ولی باید پیشوند webkit برای آنها فعال گردد. مرورگر Opera خاصیتهای border-radius و box-shadow را پشتیبانی می کند ولی باید پیشوند -o- برا ی آنها فعال گردد. Css3 و لبه های گرد در سی اس اس ۳ ایجاد لبه های گرد بسیار آسان است. برای گرد کردن لبه های یک حاشیه Border کافی است از خاصیت border-radius استفاده کنیم. مثال : div { border:2px solid; border-radius:25px; -moz-border-radius:25px; /* Old Firefox */ } در مثال بالا لبه های گرد برای یک تگ Div تعریف شده است. خاصیت border-radius مقادیر را به صورت % درصد خمیدگی یا گردی هر کدام از ۴ لبه قبول می کند. اگر یک مقدار تخصیص داده شود این درصد خمیدگی یا زاویه برای هر ۴ گوشه اعمال می گردد . همچنین قابلیت تعریف درصد خمیدگی برای گوشه های مختلف امکان پذیر است. Css3 و سایه در سی اس اس ۳ برای ایجاد سایه از خاصیت box-shadow استفاده می کنیم. مثال : div { box-shadow: 10px 10px 5px #888888; } در مثال بالا سایه برای یک تگ Div تعریف شده است. پارامترها میزان ضخامت سایه ها و رنگ هر کدام را تعریف می کنند. پارامترهای قابل قبول در خاصیت box-shadow به شرح ذیل می باشند. box-shadow: h-shadow v-shadow blur spread color inset; h-shadow : موقعیت سایه افقی را مشخص می کند. مقدار آن می تواند یک عدد منفی هم باشد. v-shadow : موقعیت سایه عمودی را مشخص می کند . مقدار آن می تواند یک عدد منفی هم باشد. blur : می تواند خاصیت بلور یا محو شدگی را تعیین کند. spread : می تواند خاصیت میزان پخش شدگی را تعیین کند. color : رنگ سایه را مطابق جداول استاندارد رنگ وب مشخص می کند. inset : حالت سایه را می تواند مشخص کند که داخل محوطه باشد یا خارج از محوطه مورد نظر ما. Css3 و حاشیه از تصاویر در سی اس اس ۳ از خاصیت border-image برای استفاده از تصاویر به عنوان حاشیه می توان استفاده کرد. مثال : div { border-image:url(border.png) 30 30 round; -moz-border-image:url(border.png) 30 30 round; /* Old Firefox */ -webkit-border-image:url(border.png) 30 30 round; /* Safari and Chrome */ -o-border-image:url(border.png) 30 30 round; /* Opera */ } در مثال بالا از تصویر border.jpg برای حاشیه های اطراف تگ Div استفاده شده است. همانطور که می بینید برای اینکه این حاشیه ها و تعاریف در همه انواع مرورگرها درست کار کند از پیشوند های -webkit- برای مرورگر safari و Chrome و پیشوند -o- برای مرورگر Opera استفاده شده است. خاصیت border-image پارامترهای متفاوتی دارد که به شرح ذیل می باشند : border-image: source slice width outset repeat; border-image-source : نام و مسیر فایل تصویری که قرار است از آن به عنوان حاشیه استفاده کنیم. border-image-slice : آفست تقسیم تصویر ( ممکن است ما از یک تصویر ترکیبی استفاده کنیم که تنها از قسمتی از آن برای حاشیه بورد استفاده کنیم یا اینکه بخواهیم برای هر کدام از حاشیه چپ یا راست تصویر متفاوتی را استفاده کنیم که باید در این خاصیت مشخص شود که از چه قسمتی از تصویر باید استفاده شود. border-image-width : مقدار ضخامت حاشیه تصویری را مشخص می کند. border-image-outset : حالت و وضعیت قرارگیری تصویر نسبت به حاشیه از درون یا بیرون را مشخص می کند. border-image-repeat : مشخص می کند که تصویر در طول حاشیه باید تکرار شود یا کشیده شود یا به تناسب در حاشیه ۴ طرف استفاده گردد. سی اس اس ۳ چندین خاصیت جدید برای پس زمینه ( بک گراند ) ارایه کرده است. یک نکته که دوست داشتم به آن اشاره کنم که کسی گیج نشود خاصیت را من به معنی Properties می گویم. در این مقاله راجع به background-size و background-origin و همچنین استفاده از تصاویر خواهم گفت. Firefox 3.6 و پایینتر از خاصیت background-size و background-origin پشتیبانی نمی کند و باید از پیشوند -moz- برای استفاده از این خاصیتها استفاده کرد. همچنین Safari 4 توسط پیشوند -webkit- می تواند خاصیتهای جدید پس زمینه در سی اس اس ۳ را پشتیبانی کند. IE9 , Firefox 4 و Chrome , Safari 5 , Opera همگی خاصیتهای جدید پس زمینه سی اس اس ۳ را پشتیبانی می کنند. خاصیت background-size خاصیت background-size سایز تصاویر پس زمینه را مشخص می کند. قبل از سی اس اس ۳ اندازه تصویر پس زمینه بر اساس اندازه واقعی تصویر باید تنظیم می شد ولی در سی اس اس ۳ ما امکان این را خواهیم داشت که اندازه تصویر پس زمینه را خودمان تعیین کنیم. جهت تعریف اندازه در این خاصیت ما می توانیم هم از مقدار پیکسل برای سایز استفاده کنیم و هم از مقدار درصد % . فقط توجه داشته باشید در صورتی که از درصد % استفاده میکنید مقدارها کاملا وابسته به طول و عرض صفحه اصلی که تصویر بر روی آن قرار می گیرند دارد. مثال : div { background:url(img_flwr.gif); -moz-background-size:80px 60px; /* Old Firefox */ background-size:80px 60px; background-repeat:no-repeat; } در مثال بالا سایز تصویر زمینه تعریف شده است. مثال ۲ : div { background:url(img_flwr.gif); -moz-background-size:100% 100%; /* Old Firefox */ background-size:100% 100%; background-repeat:no-repeat; } در مثال بالا تصویر به اندازه ۱۰۰% کشیده شده است که کل پس زمینه را پر کند. پارامترهای خاصیت background-size به شرح ذیل می باشند. background-size: length|percentage|cover|contain; length : مقدار طول و عرض تصویر زمینه را مشخص می کند که مقدار اول برای طول و مقدار دوم برای عرض می باشد . در صورتی که فقط یک مقدار را بدهید مقدار دوم به صورت خودکار بر اساس مقدار اول تعیین می گردد. percentage : مقدار طول و عرض تصویر زمینه را به صورت درصد مشخص می کند که مقدار اول برای طول و مقدار دوم برای عرض می باشد . در صورتی که فقط یک مقدار را بدهید مقدار دوم به صورت خودکار بر اساس مقدار اول تعیین می گردد. cover : این پارامتر طوری عمل می کند که تصویر پس زمینه به صورت کامل کل پس زمینه را پوشش بدهد. contain : این پارامتر طوری عمل می کند که تصویر پس زمینه به طور کامل نشان داده شود . خاصیت background-origin خاصیت background-origin موقعیت قرار گیری تصویر پس زمینه را در صفحه سایت ما تعیین می کند. تصویر پس زمینه می تواند در یکی از سه موقعیت content-box, padding-box, border-box قرار بگیرد. تصویز زیر موقعیتها را نشان می دهد. مثال ۳ : div { background:url(img_flwr.gif); background-repeat:no-repeat; background-size:100% 100%; -webkit-background-origin:content-box; /* Safari */ background-origin:content-box; } در مثال بالا موقعیت تصویر زمینه content-box قرار داده شده است. پارامترهای خاصیت background-origin به شرح ذیل می باشند : background-origin: padding-box|border-box|content-box; توضیحات پارامترها را در قسمت بالا برای شما گفته بودم. استفاده از چند تصویر در پس زمینه در Css3 ما در سی اس اس ۳ می توانیم از چندین تصویر برای پس زمینه استفاده کنیم. مثال ۴ : body { background-image:url(img_flwr.gif),url(img_tree.gif); } در مثال بالا از دو تصویر برای پس زمینه استفاده شده است. در css3 قابلیتهای جدید برای نمایش ویژه متون اضافه شده است. در این مقاله راجع به دو خاصیت text-shadow و word-wrap صحبت خواهم کرد. پشتیبانی مرورگرهای مختلف IE از خاصیت text-shadow پشتیبانی نمی کند. Firefox , Chrome , Safari و Opera از خاصیت text-shadow پشتیبانی می کنند. تقریبا همه مرورگرهای معروف از خاصیت word-wrap پشتیبانی می کنند. خاصیت text-shadow با استفاده از خاصیت text-shadow می توانیم به متون خود در صفحه وب سایه بدهیم و آنها را زیباتر کنیم. مثل شکل زیر ما می توانیم میزان سایه افقی , عمودی , میزان محو شدگی و رنگ سایه را تعریف کنیم. مثال ۱ : h1 { text-shadow: 5px 5px 5px #FF0000; } در مثال بالا برای تگ h1 سایه تعریف شده است. پارامترهای خاصیت text-shadow به شرح ذیل می باشند. text-shadow: h-shadow v-shadow blur color; h-shadow: اندازه سایه افقی v-shadow: اندازه سایه عمودی blur : خاصیت محو شدگی و فاصله آن. color: رنگ سایه . خاصیت word-wrap به صورت عادی وقتی متنی از فضایی که در آن قرار گرفته است بزرگتر باشد از محدوده خارج می گردد. با استفاده از خاصیت word-wrap ما می توانیم تعیین کنیم که حتما متن در محدوده تعیین شده ما قرار بگیرد. مثال ۲ : p {word-wrap:break-word;} در مثال بالا برای تگ P تعریف شده است که حتما متن طولای تر شکسته شود و در محدوده تگ قرار بگیرد. پارامترهای خاصیت word-wrap به شرح ذیل می باشند. word-wrap: normal|break-word; normal : متن به صورت استاندارد در نقطه هایی که قابلیت شکستن دارد شکسته شود. break-word : متن به صورت اجباری در هر نقطه ای که خارج از محدوده بود شکسته شود. قبل از به وجود آمدن css3 طراحان وب مجبور بودند فقط از فونتهایی که بر روی رایانه کاربران به طور پیش فرض نصب شده است استفاده کنند ولی در css3 شما از هر فونتی که بخواهید می توانید به راحتی استفاده کنید. فرض کنید شما در سایت خود از فونت خاصی استفاده کرده اید , در سی اس اس ۳ به راحتی فونت را تعریف و بر روی سایت خود قرار می دهید. وقتی کاربری سایت شما را بازدید می کنند مرورگر وی به صورت خودکار چک می کند که آیا فونتی که شما تعریف کرده اید بر روی کامپیوتر کاربر وجود دارد یا خیر. در صورتی که وجود نداشت فونت را به صورت خودکار از سایت شما دانلود کرده و بر روی کامپیوتر کاربر فعال می کند و سایت شما با همان فونتی که دوست داشته اید برای بازدیدکنندگان نمایش داده خواهد شد. فونتهایی که استاندارد نیستند را ما می توانیم در سی اس اس ۳ با خاصیت @font-face تعریف کنیم. مرورگرهای Firefox , Chrome , Safari و Opera همگی فونتهای .ttf (True Type Fonts) و .otf (OpenType Fonts) را پشتیبانی می کنند. IE9 نیز از خاصیت font-face پشتیبانی می کند ولی فقط از نوع فونت .eot (Embedded OpenType). پشتیبانی دارد. اولین قدم جهت استفاده از فونت اختصاصی خودتان این است که یک نام برای فونت خود انتخاب کنید مثال myFirstFont و سپس آن را با نام فایل فونت اصلی متصل کنیم. به یاد داشته باشید که در همه قسمتهای صفحه سایت خود باید در جایی که می خواهید از فونت خود استفاده کنید نام فونت خود همان ( myFirstFont ) را به جای نام فونت وارد کنید. مثال ۱ : @font-face { font-family: myFirstFont; src: url(‘Sansation_Light.ttf’), url(‘Sansation_Light.eot’); /* IE9+ */ } div { font-family:myFirstFont; } در مثال بالا یک فونت با نام myFirstFont تعریف کرده ایم که اسم فایل فونت آن برای مرورگرهای غیر از IE فایل Sansation_Light.ttf و برای مرورگر IE نام آن Sansation_Light.eot می باشد. لازم به ذکر است که فونتهای فوق باید در مسیر اصلی وب سایت شما قرار داشته باشند. اضافه کردن یک خصیصه به فونت اختصاصی خودمان در مثال قبل مشاهده کردید که یک فونت اختصاصی خودمان را ایجاد کردیم . فرض کنید می خواهیم فونت ما حالت Bold یا درشت هم داشته باشد برای این منظور به طریق مثال زیر عمل می کنیم. مثال ۲ : @font-face { font-family: myFirstFont; src: url(‘Sansation_Bold.ttf’), url(‘Sansation_Bold.eot’); /* IE9+ */ font-weight:bold; } مثال بالا حالت Bold فونت ما را نیز ایجاد می کند و در جایی از متن که نام فونت myFirstFont باشد و تگ B جهت Bold کردن به کار گرفته شده باشد از فایلهای فونت Bold به جای استاندارد استفاده خواهد شد. پارامترهای خاصیت @Font-face font-family : نام فونت اختصاصی شما. src : مسیر فایل فونت مربوط به فونت اختصاصی ما بر روی وب سرور. font-stretch : میزان کشیدگی یا جمع شدگی فونت که حالت پیش فرض Normal است و می تواند حالتهای condensed و ultra-condensed و extra-condensed و semi-condensed و expanded و semi-expanded و extra-expanded و ultra-expanded را داشته باشد. font-style : نوع نمایش فونت که پیش فرض آن normal است و می تواند حالتهای italic و oblique را داشته باشد. font-weight : میزان درشتی فونت را مشخص می کند که پیش فرض آن normal است که می تواند حالتهای bold و مقادیر از ۱۰۰ تا ۹۰۰ را داشته باشد. unicode-range : مقدار پیش فرض کاراکترهایی که این فونت پشتیبانی می کند که مقدار پیش فرض برابر با U+0-10FFFF می باشد. امروز می خواهم در خصوص تغییر شکل و جابه جایی ۲ بعدی در سی اس اس ۳ برای شما بنویسم. ما می توانیم توسط خاصیت transform اجزا صفحه وب خود را به اشکال مختلف تغییر بدهیم یا آنها را بچرخانیم. همه مرورگرها از خاصیت transform پشتیبانی می کنند. مرورگر IE9 پیشوند-ms- را لازم دارد. مرورگر Firefox پیشوند -moz- را لازم دارد. مرورگر Chrome و Safari پیشوند -webkit- را لازم دارد. مرورگر Opera پیشوند -o- را لازم دارد. در این مقاله راجع به حالتهای زیر صحبت می کنیم. translate() rotate() scale() skew() matrix() مثال ۱ : div { transform: rotate(30deg); -ms-transform: rotate(30deg); /* IE 9 */ -webkit-transform: rotate(30deg); /* Safari and Chrome */ -o-transform: rotate(30deg); /* Opera */ -moz-transform: rotate(30deg); /* Firefox */ } در مثال بالا برای تگ Div خاصیت چرخش ۳۰ درجه ای که در همه مرورگرها هم درست عمل کند نوشته شده است. تابع translate تابع translate می تواند یک جزء از صفحه وب را به نقطه ای دیگر منتقل کند و محل جدید را بر اساس پیکسل از چپ و پیکسل از بالا بر اساس موقعیت فعلی تعیین می کند. مثال ۲ : div { transform: translate(50px,100px); -ms-transform: translate(50px,100px); /* IE 9 */ -webkit-transform: translate(50px,100px); /* Safari and Chrome */ -o-transform: translate(50px,100px); /* Opera */ -moz-transform: translate(50px,100px); /* Firefox */ } در مثال بالا از تابع translate جهت انتقال استفاده شده است. translate(50px,100px) تعیین می کند که ۵۰ پیکسل از سمت چپ موقعیت فعلی و ۱۰۰ پیکسل از بالا باید انتقال انجام شود. تابع rotate با استفاده از تابع rotate ما می توانیم اجزاء صفحه وب را به دلخواه در جهت عقربه های ساعت و یا در خلاف جهت عقربه های ساعت بچرخانیم . پارامتر ورودی این تابع درجه چرخش می باشد. مثال ۳ : div { transform: rotate(30deg); -ms-transform: rotate(30deg); /* IE 9 */ -webkit-transform: rotate(30deg); /* Safari and Chrome */ -o-transform: rotate(30deg); /* Opera */ -moz-transform: rotate(30deg); /* Firefox */ } در مثال بالا تگ div به میزان ۳۰ درجه در جهت عقربه های ساعت چرخیده می شود. در صورتی که بخواهیم برعکس باشد کافی است از اعداد منفی استفاده کنیم. تابع scale با استفاده از تابع scale ما می توانیم اجزاء صفحه را کوچک یا بزرگ کنیم.این تابع میزان بزرگ شدن/کوچک شدن را برای طول و عرض دریافت کرده و آن را اعمال می کند. مثال ۴ : div { transform: scale(2,4); -ms-transform: scale(2,4); /* IE 9 */ -webkit-transform: scale(2,4); /* Safari and Chrome */ -o-transform: scale(2,4); /* Opera */ -moz-transform: scale(2,4); /* Firefox */ } در مثال بالا مقدار عرض ۲ برابر مقدار فعلی و مقدار طول ۴ برابر مقدار فعلی خواهد شد. تابع skew با استفاده از تابع skew می توانیم یک جز را در صفحه وب بر اساس زاویه بچرخانیم. این مقادیر برای میزان زاویه عمودی و افقی خواهند بود. مثال ۵ : div { transform: skew(30deg,20deg); -ms-transform: skew(30deg,20deg); /* IE 9 */ -webkit-transform: skew(30deg,20deg); /* Safari and Chrome */ -o-transform: skew(30deg,20deg); /* Opera */ -moz-transform: skew(30deg,20deg); /* Firefox */ } در مثال بالا ۳۰ درجه در زاویه X چرخش ایجاد می شود و ۲۰ درجه در زاویه Y چرخش ایجاد می گردد. تابع matrix تابع matrix در حقیقت تابعی است که می تواند همه کارهای توابع قبلی را انجام دهد.این تابع ۶ پارامتر دریافت می کند که بر اساس آن می تواند همه توانایی های توابع قبلی را داشته باشد. مثال ۶ : div { transform:matrix(0.866,0.5,-0.5,0.866,0,0); -ms-transform:matrix(0.866,0.5,-0.5,0.866,0,0); /* IE 9 */ -moz-transform:matrix(0.866,0.5,-0.5,0.866,0,0); /* Firefox */ -webkit-transform:matrix(0.866,0.5,-0.5,0.866,0,0); /* Safari and Chrome */ -o-transform:matrix(0.866,0.5,-0.5,0.866,0,0); /* Opera */ } در مثال بالا با استفاده از تابع matrix تک div را ۳۰ درجه چرخانده ایم. منبع :سید محمدرضا موسوی

-مدیر کل
-مدیر انجمن
-تیم برنامه نویس
-تیم گرافیک
-کاربـر ویـژه
-مدیر آزمایشی
-نویسنده انجمن
-عضو انجمن

×
×
  • اضافه کردن...