گامهایی برای برداشتن زمانی که مشکلی در طراحی دارید
اگر تا به حال یک وب سایت ساختید، به احتمال زیاد کشف کردید که کارها همیشه به همان اندازه برنامه ریزی شده نیستند. به عنوان یک طراح وب بدان معنی است که شما باید با مشکلات نادرست با سایتهایی که ساخت میکنید، راحت باشید.
گاهی اوقات بدانید که چه چیزی با طراحی وب شما اشتباه است، بسیار ناامید کننده است، اما اگر شما در مورد تجزیه و تحلیل خود سیستماتیک هستید، اغلب می توانید علت مشکل را پیدا کرده و سریعتر آن را حل کنید. در اینجا چند نکته برای استفاده از آن می توان استفاده کرد.
اعتبار HTML خود را
وقتی که من با یک صفحه وب خود مشکل دارم، اولین کاری که انجام می دهم اعتبار HTML است. دلایل زیادی برای اعتبارسنجی HTML وجود دارد، اما زمانی که مشکلی دارید باید اولین کاری باشد که انجام می دهید. در حال حاضر بسیاری از افراد وجود دارند که هر صفحه را به صورت خودکار اعتبار می دهند. اما حتی اگر شما در عادت هستید، ایده خوبی برای بررسی اعتبار HTML شما در هنگام مشکلی است. این اطمینان حاصل خواهد کرد که این یک خطای ساده نیست، مانند یک عنصر یا عنصر HTML غلط املایی، که سبب مشکل شما می شود.
- معتبر HTML
اعتبار CSS شما
بعدی احتمالا محل که در آن شما باید مشکلات با CSS خود را. تأیید کردن CSS شما به همان کارکرد اعتبارسنجی HTML شما عمل می کند. اگر خطایی وجود داشته باشد، اطمینان حاصل خواهد کرد که CSS شما صحیح است و دلیل آن مشکلات شما نیست.
- CSS Validator
جاوا اسکریپت یا سایر عناصر پویا را تأیید کنید
همانند HTML و CSS اگر صفحه شما با استفاده از جاوا اسکریپت، پی اچ پی، JSP یا برخی از عناصر پویا دیگر، شما باید مطمئن شوید که آنها نیز معتبر هستند.
تست در مرورگرهای متعدد
شاید مشکلی که مشاهده میکنید نتیجه مرورگر وب شماست که شما آن را مشاهده میکنید. اگر مشکلی در هر مرورگر وجود داشته باشد، می توانید آن را تست کنید، به شما در مورد آنچه شما باید انجام دهید برای حل آن بگویید. به عنوان مثال، اگر می دانید که این مشکل تنها در یک مرورگر خاص اتفاق می افتد، می توانید عمیق تر به این نکته بپردازید که فقط یک مرورگر ممکن است باعث ایجاد یک مشکل در حالی که دیگران خوب هستند.
ساده صفحه
اگر اعتبارسنجی HTML و CSS به شما کمک نمیکند، پس باید مشکل را پیدا کنید. ساده ترین راه برای انجام این کار این است که بخش هایی از صفحه را حذف یا «اظهارنظر کنید» تا زمانی که همه چیز باقی مانده بخشی با مشکل باشد. شما همچنین بایستی CSS را به روش مشابهی برش دهید.
ایده ی ساده سازی آن اینست که صفحه را فقط با عنصر ثابت کنار بگذارید، بلکه این است که شما مشخص می کنید که مشکل چیست و سپس آن را حل کنید.
تفریق و سپس اضافه کردن پشت
هنگامی که منطقه مشکلی سایت خود را کاهش داده اید، عناصر را از طرح خارج کنید تا مشکل حل شود. برای مثال، اگر شما مشکل را به یک خاص
تست بعد از هر حذف. اگر آنچه را که رفع کرده اید حذف کرده یا مشکل را کاملا حذف می کنید، سپس می دانید که چه چیزی نیاز به تعمیر دارد.
هنگامی که شما دقیقا می دانید چه مشکلی ایجاد می شود، شروع به اضافه کردن آن با موارد تغییر می دهد. اطمینان حاصل کنید که بعد از هر تغییر تست کنید. هنگامی که شما طراحی وب را انجام می دهید، تعجب آور است که چقدر چیزهای کوچک می تواند تفاوت ایجاد کند. اما اگر شما آزمایش کنید که صفحه پس از هر تغییر، حتی از نظر ظاهری جزئی، چگونه تعیین نمی کند، ممکن است مشکل محل را تعیین کنید.
طراحی برای مرورگرهای سازگار با استانداردهای اول
رایج ترین مشکلی که طراحان وب با آن مواجه می شوند در مورد گرفتن صفحات مشابه در اکثر مرورگرها است. در حالی که ما بحث کرده ایم که می توان صفحات وب را در همه مرورگرها یکسان نگاه داد، اگرچه غیرممکن است، اما هنوز هم هدف از بیشتر طراحان است. بنابراین ابتدا باید با طراحی بهترین مرورگرها، که شامل مواردی است که استانداردهای سازگار را دارند، شروع کنید. هنگامی که شما آنها را کار می کنید، می توانید با مرورگرهای دیگر بازی کنید تا آنها را کار کنید، از جمله مرورگرهای قدیمی تر که ممکن است هنوز به مخاطب سایت شما مربوط باشد.
کد خود را ساده نگه دارید
هنگامی که مشکالت خود را پیدا کرده و آنها را ثابت کرده اید، باید مراقب باشید تا آنها را بعد از ظهر نگه دارید. ساده ترین راه برای جلوگیری از مشکلات این است که HTML و CSS خود را به همان اندازه ساده نگه دارید. توجه داشته باشید که من نمی گویم باید از چیزی مانند ایجاد گوشه های گرد استفاده کنی، زیرا HTML یا CSS پیچیده است. تنها زمانی که یک راه حل ساده ارائه می شود، باید از انجام کارهای پیچیده جلوگیری کنید.
دریافت برخی از راهنما
ارزش کسی که می تواند به شما در حل مشکل سایت کمک کند، نمی تواند بیش از حد باشد. اگر به مدت زماني به همان کد نگاه کرده ايد، اشتباه آسان به دست مي آيد. بدست آوردن مجموعه ای دیگر از چشم ها در آن کد اغلب بهترین چیزهایی است که می توانید برای آن انجام دهید.
ویرایش شده توسط Jeremy Girard در تاریخ 2/3/17