نحوه ایجاد طرح بندی وب سایت

فهرست مطالب:

نحوه ایجاد طرح بندی وب سایت
نحوه ایجاد طرح بندی وب سایت

تصویری: نحوه ایجاد طرح بندی وب سایت

تصویری: نحوه ایجاد طرح بندی وب سایت
تصویری: طراحی وب سایت - ایجاد طرح های ایزومتریک با استفاده از CSS 2024, آوریل
Anonim

در قرن گذشته ، طرح صفحات وب دامنه چند متخصص بود. پیشرفت تکنولوژی این کار را بسیار ساده کرده است. اکنون هر کاربر اینترنتی می تواند یک وب سایت ایجاد کند.

نحوه ایجاد طرح بندی وب سایت
نحوه ایجاد طرح بندی وب سایت

لازم است

  • - بسته نرم افزاری برای طرح بندی صفحه وب ؛
  • - یک ویرایشگر گرافیکی شطرنجی برای ایجاد عناصر طراحی.

دستورالعمل ها

مرحله 1

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

گام 2

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

مرحله 3

طرح بندی صفحه را بدون افت کیفیت در قالب bitmap ذخیره کنید. عناصر یک ظاهر طراحی شده را با استفاده از HTML تعریف کنید. اینها می توانند منوها ، پیوندها ، جداول ، فرم های جستجو باشند. بقیه عناصر را از طرح استخراج کرده و در پرونده های جداگانه ذخیره کنید. دو سند متنی در هارد دیسک خود ایجاد کنید. پسوند یکی از آنها را به.htm تغییر دهید. این شامل کدی است که مسئول موقعیت نسبی عناصر است. فایل دوم شامل صفحات سبک است.

مرحله 4

اولین فایل را در ویرایشگر HTML باز کنید. عناصر طراحی صفحه را که قبلاً در فایلهای bitmap ذخیره شده اند ، قرار دهید. پیوندهای متنی ، جداول و سایر عناصری را که باید در HTML ارائه شوند ایجاد کنید. ویژگی های عناصر ، مانند رنگ ، اندازه قلم ، وجود مرزها ، در یک فایل CSS می نویسند. اگر می خواهید عناصر صفحه را متحرک کنید ، از JavaScript استفاده کنید.

توصیه شده: