استفاده از تکنیک intrinsic در ساخت سایت
Intrinsic Web Design تکنیکی میباشد که که از آن برای طراحی وب سایت ها استفاده می شود و نمونه های موفقی از به کار گیری آن، وجود دارد. این عبارت که اولین بار بوسیله Jen Simmons مطرح شد، اصطلاح جدیدی می باشد که فی مابین بهترین آموزشگاه طراحی سایت در مشهد بسیار رایج شده است و توجه زیادی به آن می شود. این شیوه که به آن ساخت سایت داخلی یا ذاتی هم می گویند، باعث ساخت هماهنگی در ساخت سایت میشود. تکنیک intrinsic در طراحی سایت، شیوه ای است که حتی از طراحی وب ریسپانسیو هم فراتر می رود و از آن پیشی میگیرد.
اصطلاحات تازه و پیدایش آنها:
در طراحی وب سایت، معمولا اصطلاحات زیادی وجود دارااست. برخی از آن ها برهه زمانی ها مورد استعمال و کاربرد قرار میگیرند و دیرین تر و رایج تر میباشند. ولی درمورد اصطلاحات جدیدی که رواج مییابد، معمولا دو موقعیت وجود داراست. دسته ای از اصطلاحات که با پیدایش یک روش جدید و معرفی آن، باب میشوند و بعد از آن مورد استعمال قرار میگیرند. مانند ریسپانسیوسازی که تا پیش از معرفی، چندان شناخته شده و مورداستفاده خلا.
دسته دیگر اصطلاحات، آن هایی می باشند که طراحان و کدنویسان از آن تکنیک ها استفاده می کنند فارغ از اینکه عبارت خاصی که علامت دهنده آن باشد، مطرح گردد. با رواج بیشتر این تکنیک ها، اسمی برای آن گزینش میگردد تا سرچ و حرف درمورد آن، آسوده تر گردد. Intrinsic Web Design هم از همین تیم است.
پیدایش اصطلاح intrinsic :
اصطلاح intrinsic نخستین دفعه درسال 2018 توسط Jen Simmons معرفی شد. Jen که یک طراح کاربری وبسایت است، از دارای شهرت ترین افراد در این زمینه میباشد که با شرکت هایی بزرگی مثل google، W3C ، دروپال و ... همکاری کرده است. او پروژه های بزرگی را به اتمام رسانده و از طراحان موزیلا است و نحوه طراحی داخلی را، روشی نوین برای طرحی تارنما می داند.
طراحی وب با تکنیک intrinsic :
پیدایش این تکنیک با معرفی ماژول های css grid و flexbox در CSS اتفاق افتاد. تا پیش از معرفی و استفاده از این تکنیک و طی یکسری سال پیشین، برای چیدن موادسازنده وب سایت و مهیا سازی ساختار یک وبسایت از Table استفاده می شد. اما به مرور این طرز جایگاه خود را از دست اعطا کرد و دستور های fixed و Absolute برای انتخاب موادتشکیل دهنده ورقه و منزلت آن گزینه به کارگیری قرار گرفت و ساخت سایت هارا پیچیده تر و خاص تر کرد. برای طراحی یک وب سایت با استعمال از اینشیوه ها، نیاز به ابتکار عمل بالای طراح بود تا بتواند المان ها و ارکان را به بهترین شیوه سازمان دهی کند تا نمایش زیبایی داشه باشند و ساختاری معلوم برای المان ها وجود نداشت.
البته معرفی ماژول های مختلف Css طراحی سایت را بسیار آسانتر کرد و دیگر نیازی به تکنیک های مختلف برای طراحی وب و تعیین عنصرها صفحه عدم وجود. چهار ماژول متعدد CSS (Multicolumn, Flow, Grid, Flex) برای چیدمان ارکان صفحات وب، به شما کمک می کند و میتوانید به آسانی از آنها استفاده کرده و ساختار دوبعدی چینش محتوا در صفحه های خودرا مشخص و معلوم فرمایید و ساخت وب سایت های خودرا به صورت خاص و ماهر ایفا دهید.
طراحی سایت ذاتی، در واقع روش جدیدی هست که به محتوا این قابلیت را میدهد که از لایه بندی ها با خبر شود. یعنی به جایاینکه به مدل خاصی از روش های ساخت وب سایت محدود گردد، طراحی سایت داخلی از ابزارهای طرح بندی ویژه ای مثل CSS GRIDE استفاده می کند و آن هارا با شیوه ها و تکنیک های حقیقی و واقعی و سنتی ترکیب می کند. به عبارتی دیگر، علاوه بر داشتن آیتم های بیشتر، طراحی سایت دستخوش تغییراتی اساسی میگردد. با به کارگیری از تکنیک intrinsic، می توان به بهترین شکل محتوارا در نظر گرفت وسپس آن را به بهترین وجه در سایت نشانه بخشید.
طراحی وب سایت intrinsic با Responsive چه تفاوتی دارااست؟
طراحی وب سایت ، درباره روش طرح بندی در وب و شیوه تغییر آن به صورت طراحی سایت ریسپانسیو است.
برای طراحی وب سایت های ریسپانسیو، با استفاده از Media Queries گزینش می کنیم که نمایش صفحه ها وبسایت در بعد ها متفاوت به چه صورتی باشد و محتوای موردنظر در دستگاه های مختلف به چه شکلی نمایش داده خواهد شد. ولی در صورت استفاده از ماژول های جدیدی مثل Flex، می توان بدون به کار گیری از Media Queries، تنها با یک امر مشخص، چگونگی نمایش صفحات وب سایت در سایزها و دستگاه های گوناگون را به آسانی معلوم و مدیر فرمایید.
در طراحی سایت ریسپانسیو، ستون بندی ها به صورت شناور هستند به این مضمون که عرض آنان با عوض شدن بعد ها کاغذ عوض می شود. اما در طراحی داخلی، می قدرت با به کار گیری از Grid، ردیف هارا نیز مدیریت کرده و محتوا و سایزهای آن را شناور کنیم.
در طراحی ریسپانسیو ما ستون بندی های شناور داریم یعنی قسمت هایی که عرض آنها با تغییر سایز ورقه عوض می شود. اما در طراحی ذاتی با استعمال از Grid ضمن ستون ها می توانیم ردیف ها را نیز مدیریت کرده و محتوا و ابعاد آنها را شناور کنیم. تصویر تحت نمونه ای جالب از کاربرد CSS grid در طراحی صفحات وب میباشد.
در بخش نمایش تصاویر، در طراحی ریسپانسیو، عکس هایی که بلندمرتبه هستند از فضای مشخص شده خارج میشوند مگر اگر سایز آن هارا از بخش عرض به بعدها فضای بالایی محدود کنیم و ارتفاع آن به صورت خودکار به حساب آوردن گردد. اما در طراحی intrinsic با به کارگیری از object-fit می اقتدار تصویر را متناسب با سایزی که در آن قرار میگیرد نشانه دهیم تا خود مرورگر تصویر را متناسب با ابعاد فضای مادر نشان دهد.
نظرات این مطلب
تعداد صÙØات : 0
درباره ما
اطلاعات کاربری
لینک دوستان
آرشیو
خبر نامه
چت باکس
پیوندهای روزانه
آمار سایت
کدهای اختصاصی