پوسته فوق العاده Award Blue |
قیمت: 10.000 تومان |
این پوسته به صورت راست چین واکنش گرا و کامل بوده و بر روی دات نت نیوک نسخه 07.04.02 و 06.02.09 تست شده است پیش نمایش |
برای خرید این ماژول ایمیل بزنید |
بررسی این پوسته |
پوسته فوق العاده Award Blue |
قیمت: 10.000 تومان |
این پوسته به صورت راست چین واکنش گرا و کامل بوده و بر روی دات نت نیوک نسخه 07.04.02 و 06.02.09 تست شده است پیش نمایش |
برای خرید این ماژول ایمیل بزنید |
بررسی این پوسته |
قبل از شروع مطلب اصلی, بد نیست اگر کمی بیشتر با خود زبان CSS و کاربرد آن طراحی وب آشنا شویم. ابتدا نگاهی به سیاساس و نحوه تعامل آن با اچتیامال نگاهی خواهیم انداخت و سپس روشهای اضافه کردن سیاساس به صفحات وب را به شما آموزش خواهیم داد.
برای درک بهتر اهمیت سیاساس، فرض کنید قصد طراحی صفحه وبی دارید که بیش از ۱۰۰ پاراگراف متن دارد. اگر روزی بخواهید رنگ متون خود را مثلا به قرمز تغییر دهید، با روشهایی که در دوره قبلی آموختهایم، ناچارید تا استایل تک تک المانهای صفحه را به صورت جداگانه تعریف کنید و به آنها رنگ بدهید.
اما برای زمانی که ما دهها نوع المان داخل و خارج صفحه داریم استفاده از این روش نه تنها بسیار وقتگیر است بلکه گاهی باعث تداخل در کارها و همچنین مشکلات در طراحی نهایی میشود. اینجا است که سیاساس به فریاد طراحان وب میرسد. در واقع سیاساس نقش اتاق فرمان برای اچتیامال را دارد و برنامهریزی اینکه هر المان در زبان اچتیامال با چه مدل و در چه جایی قرار بگیرد را بر عهده میگیرد.
نمونه CSS:
یکی از اصول بسیار مهم و کلیدی در طراحی صفحات وب ، توجه به اصل رنگ بندی
صفحات و استفاده از رنگ های مکمل و ترکیبی مطلوبی است که کاربران بتوانند
بر اساس اصل سهولت و جذابیت صفحه ، به مشاهده مطالب آن بپردازند.
این که چه رنگی متناسب سایت های وب است ، پرسشی است که کارشناسان وب ، خیلی
پاسخ جامع و کاملی برای ان ارایه نکرده اند و کم تر متخصصات طراحی وب به
مسیله روان شناسی رنک ها در طراحی سایت ، توجه کرده اند.
اما به هر حال یک اصل کلی وجود دارد که می گوید : در رنگ بندی یک صفحه ،
باید به این موضوع توجه شود که این رنگ قرار است در چه صفحه ای و با چه
موضوعی به کار رود. یعنی اصل توجه به عملکرد و موضوعیت سایت ، در رنگ بندی
مطالب مهم است . سایت های دولتی و به طور کل ، سایت هایی با بازدیدکننده
بسیار بالا ، معمولا از رنک سفید برای زمینه صفحات و رنگ آبی برای لینک های
صفحه و رنگ بنفش برای لینکهای مشاهده شده که به عنوان default برنامه
فرانت پیج نیز به کار می رود ، استفاده می کنند.
سایت هایی که بیش تر جنبه شخصی دارند ، از رنگ های مکمل استفاده می کنند.
مثلا رنگ سبز پر رنگ در کنار سرمه ای ، جذابیت خاصی به سایت هایی با
موضوعیت بازرگانی می دهد . و یا در طراحی سایت های کودکان ، از رنگ های خیلی شاد استفاده می شود.
به هر حال توجه به کارکرد کد رنگ ها در طراحی صفحات وب از اهمیت مهمی
برخوردار است . در ادام این مطلب ، فقط قصد یادآوری نوع روان شناسی هر رنگ
درمخاطبان از دید روان شناسان داریم و فعلا در مورد این که چه نوع رنگی
برای چه سایتی مناسب است ، صحبت نمی کنیم. اگر چه این توضیحات ، خود نیز
بیان گر استنتاجات خوبی هستند که وب مسترها را در گرافیک سایت ، به خوبی
هدایت می کند.
یک بهترین رنگ نداریم!
در مدیریت نوین یک اصل پذیرفته شده وجود دارد که یک بهترین شیوه مدیریت در
کار وجود ندارد. ترکیب و هماهنگی و استقرار یک نظام در رنگ بندی صفحات وب
نیز ، چنین رویکردی دارد. تجربه و نوع علاقه و هنر web designer هست که
سایتی را برای ما جذاب و سایتی دیگر را next می کنیم. نکاتی که می بایست در
زمان طراحی گرافیکی سایت در نظر داشته باشیم به شرح زیر هستند :
اثر روان شناسی رنگ
در سرویس کاربردی و خوب سکرت اینفو شما میتوانید اطلاعات خود را به صورت رمزنگاری شده برای دیگر کاربران ارسال و پس از یکبار از خوانده شدن آنرا پاک کنید.طریقه کار با این سرویس فارسی ساده و آسان است،پس از ورود به سایت اطلاعاتی محرمانه متنی خود را در کادر متنی تایپ کرده (تا ۲۰۰۰ کارکتر) و سپس لینک ایجاد شده توسط این سرویس را در اختیار دوستان خود قرار دهید.
در بخشهای قبلی آموزش اچ تی ام ال با تگ پاراگراف و نحوه نوشتن متن و قرار دادن عنوان در صفحات آشنا شدیم. حالا شما میتوانید با ساخت یک صفحه اچ تی ام ال (بخش اول)، متنهای خود را در آن وارد نمایید(بخش دوم) و برای آن عنوان قرار دهید. حالا در انتهای این شماره شما قادر خواهید بود تا صفحات خود را به یکدیگر متصل نمایید. جالب است, نه؟ برای یادگیری قدم به قدم قرار دادن لینک در صفحه, با ما همراه شوید.
قرار دادن لینک در صفحه تگ <a>
;لینکها یکی از پراستفادهترین المانهای اچتیامال هستند و در واقع این لینکها هستند که کاربران شما را به جایی که شما میخواهید هدایت میکنند. به مثال زیر دقت کنید:
< a href = "http://zoomit.ir"> متنی که به عنوان نماینده لینک در مرورگر نشان داده می شود</ a >