مرجع اطلاعات وب

  • ۰
  • ۰

فصل دوم . سایت ساز ها پشت پرده محوبیت هستند

ورود به مرحله ادیتور های ویژوال

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

آن ادیتور ها اجازه می دادند که از کد های HTML استفاده کنند .

در اکثر اوقات ، آن ها کد رنگ های مناسب ، پر کردن اتوماتیک فرمت کد ها و هایلایت کردن ارور ها در کد های HTML انجام می دادند .

مرحله اول خارج شدن از این ادیتور های متن و ورود به ادیتور های ویژوال برای طراحی سایت بود .

ورود به بوت استرپ

مرحله دو ، شروع فعالیت سیستم های وبلاگی مثل وردپرس ، جوملا و ابزار های طراحی سایت بود .

از جمله ی آن ها می توان به Artisteer اشاره کرد .

مردم قالب های زیادی را با Artisteer طراحی کردند .

اما در طی چند سال ، طراحی سایت هایی که با Artisteer انجام شده بودند از رده خارج شدند .

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

از جمله آن ها می توان به Webflow ، Visual Composer ، Elementor ، Divi و ... اشاره کرد .

اکثر آن ها بر پایه بوت استرپ برای طراحی سایت ساخته شده اند .

این ابزار براس طراحی سایت 2.0 مناسب هستند .

چه چیزی را برای طراحی سایت 3.0 کم دارند ؟

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

همچنین آن ها سادگی و راحتی ابزار های طراحی گرافیکی را ندارند .

جیزی که طراحان برای طراحی سایت نیاز دارند .

اخیرا بوت استرپ طراحی سایت صفحه اصلی خود را تغییر داده است .

همان طور که مشاهده می کنید گویا نوعی طبقه بندی خاص دارد .

احتمالا بوت استرپ دارد روی قرار گیری عناصر در مکان دلخواه کار می کند .

در این جا مثال های دیگری نیز در طراحی سایت هست .

اگر طراحان بخواهند فضای خالی اضافه کنند باید عناصر خالی و ردیف های خالی اضافه کنند .

برای این که در طراحی سایت عناصر روی یکدیگر قرار گیرند ، باید margin های منفی به عناصر اختصاص دهند .

این کار ها طراحی سایت را از کار که باید سرگرمی باشد به یک کار حوصله سر بر تبدیل می کند .


منبع : http://generalinfo1.parsiblog.com/Posts/216/

  • ۹۸/۰۴/۰۷
  • گرگ سفید

نظرات (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی