سازگاری قالب با فایر فاکس

[hamedmax73]

با سلام به همه

من یک قالب برای سایت خودم طراحی کردم که فکر کنم قالب قشنگی باشه اما با فایر فاکس مشکل داره و در این مرورگر بهم میریزه همیشه من دیده بودم که قالب ها با IE مشکل دارند اما این برعکسه و شاید هم دلیلش این باشه که با اکسپرشن وب کد نویسی شده است

قالب رو میتونید تویه این وبلاگ ببینید
http://maxhelp.mihanblog.com/

واقعا اگر کسی کمک کنه تا اخر عمر مدیونش میشم

البته بگین که مشکل کار من کجاست و باید چکار کنم که قالب هام با تمامی مرورگر ها سازگار باشه


یک سوال جانبی:روش کار طراحی من اینه که اول در فتوشاپ کل گرافیک قالب رو انجام میدم و بعد یکی یکی عکس های که لازم دارم رو جدا میکنم و بعد با اکسپرشن وب کد نویسی نهایی رو انجام میدم ایا در روش من مشکلی هست و یا اینکه کلا همه این کار رو میکنند؟
با تشکر از همه ی استاد های عزیز

 

[kami.awz]

سلام دوست عزیز

پاسخ شما در یک عنوان است "استاندارد سازی"
استاندارد شامل یکسری قوانین و دستورالعمل‌هاست که با رعایت اونها محصول تولیدی ما استانداردسازی میشه. استانداردهای وب توسط سازمانی به نام W3 وضع میشن. این استانداردها باید در مرورگرها قرار بگیرند که امروزه این اتفاق افتاده و در فایرفاکس، کروم، سافاری و حتی آی‌ای ۹ در حال رعایت شدن هستند (اپرا هم با اندکی لاک‌پشتی بودن داره میرسه)
حالا برای اینکه صفحه طراحی شده توسط ما در این چارچوب قرار بگیره باید چه کنیم؟ تنها راه علمی و عملی رعایت قوانین وضع شده از سوی W3 هست. ممکنه که گاهی اوقات با رعایت تمامی قوانین باز هم مشکل چند وجهی شدن داشته باشیم این دیگه بخاطر تفاوت و کم و زیاد شدن استانداردها در خود مرورگرهاست. مورد دیگه که باعث بهبود طراحی صفحات و یکسان‌سازی نمایش میشه تجربه‌ست. اینکه کجا و کی چه کاری را انجام بدیم تا مثلا در آی‌ای ۶ و ۷ یا اپرا و فایرفاکس تفاوتی وجود نداشته باشه تنها از روی تجربه‌ست که بدست میاد.

من با اکسپرشن کار نکردم ولی میتونم حدس بزنم که بخاطر اینکه اینترنت اکسپلورر یک محصول از مایکروسافته و مرورگر استانداردی نیست بخاطر حفظ ظاهر در این مرورگر کدها رو سازگار با اینترنت اکسپلورر تولید می‌کنه که این میشه یک فایل کد غیر استاندارد به همراه کلی مشکل برای نمایش در دیگر مرورگرها.

برای آشنایی با مباحث و ابزارهای طراحی، استانداردسازی و اینکه چگونه استاندارد کد بنویسیم به وب‌سایت http://w3.org مراجعه کنید.

پاسخ سوال جانبی: روش کار شما درسته. اما توصیه من اینه که از ویرایشگرهای متنی خالص استفاده کنید. IDEها حداقل در مورد وب کلی کد اضافه و بی‌مصرف و بعضا غیر استاندارد تولید می‌کنن. شما به من میگید که یک دکمه می‌خوام، من دیگه به شما اجازه نمیدم که روش کار من رو مشخص کنید که چطور تولید بشه، ممکنه دکمه استاندارد تحویل بگیرید ممکنه هم استاندارد نباشه چیزی که برای من مهمه ظاهر کار هست. این طرز کار IDEهاست. ویرایشگر متن‌های عالی برای کدنویسی وجود داره که انواع و اقسام زبان‌ها رو پشتیبانی می‌کنن مثلا Notepad++ و در طرف دیگه دشمن کدنویسی برنامه Notepad ویندوز

 

[hamedmax73]

خیلی ممنون از جواب کاملتون اما مشکل من هنوز پابرجاست اینکه الان این قالبی که طراحی کردم باید چکارش کنم که استاندارد بشه و در واقع یعنی چه مشکلی وجود داره که من رفع کنم و اگر هم مشکل کلی هست که از اول شروع به کدنویسی کنم

شما خودتون برای طراحی از چه برنامه ای استفاده می کنید؟

 

[kami.awz]

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

من گرافیک رو با ps و ai کار می‌کنم و کدها رو با notepad++ میزنم. ابزارهای دیگه هم هست مثل انواع و اقسام مرورگر، دیباگر، آنالیزر و... که کمک می‌کنن به تست و شناسایی مشکلات.

 

[hamedmax73]

واقعا تشکر از جوابتون خیلی به من کمک کرد هیچ وقت گفته هایتان را فراموش نمیکنم و امیدوارم که همیشه موفق و پیروز باشید

 

[echessdesign]

درود بر شما

من با اکسپرشن کار نکردم ولی میتونم حدس بزنم که بخاطر اینکه اینترنت اکسپلورر یک محصول از مایکروسافته و مرورگر استانداردی نیست بخاطر حفظ ظاهر در این مرورگر کدها رو سازگار با اینترنت اکسپلورر تولید می‌کنه که این میشه یک فایل کد غیر استاندارد به همراه کلی مشکل برای نمایش در دیگر مرورگرها.

فرمایش شما اشتباه هست، نظر شما رو به تایپیک های پیشین که در رابطه با این نرم افزار توضیح داده شده، جلب می کنم.
به دوستان حتما توصیه می کنم از نرم افزار های طراحی وب همانند:
Adobe Dreamweaver
Microsoft Expression Web
استفاده کنید، زیرا علاوه بر سرعت انجام کار، توانیی اعلام خطاهای کد ها و رفع آنها را نیز دارند.

 

[kami.awz]

نظر من چیز دیگه‌ای هست و این رو بخاطر این میگم که مثل شما تجربه استفاده از هر دو روش رو دارم، کلا IDEها بجز افزایش سرعت برای تولید محصول هیچ خاصیت دیگه‌ای ندارن، اما اینکه چطور باعث افزایش سرعت میشن ممکنه به کیفیت و سطح کار آسیب وارد کنه. دیباگرها، آنالیزرها و ابزارهای آنلاین و اکستنشن‌هایی که در فایرفاکس میشه استفاده کرد و بعضا در ویرایشگرهایی مثل np++ کاملا سرتر از دو محصولی هستند که شما نام بردید. این قاعده مخصوص طراحی وب نیست در همه زمینه‌ها مثل برنامه‌نویسی دسکتاپ هم مبحث استفاده از GUI به جای متن مطرح هست اما هنوز هیچ IDE به قدرتمندی، بروز بودن و انعطاف‌پذیری ویرایشگر متنی پیدا نشده.

من ترجیح میدم که با ویرایشگرهای متنی کار کنم.

 

[Resident-Evil]

ویرایشگر متنی...؟!
فقط کافیست یک بار از Microsoft Expression Web مایکروسافت استفاده کنید تا ببینید با چه شاهکاری روبرو میشید...

 

[hamedmax73]

سلام

ببينيد من اين مدت خيلي با اين اكسپرشن كار كردم و فهميدم واقعا فوق العاده است من تاحاله برنامه اي مثل اين نديده بودم .

مشكل اينكه كه قالب هام با فايرفاكس مشكل داشتند اين بود كه ميبايست براي همه ي div ها float ميزاشتم همين اينجوري قالب با همه ي مرورگرها سازگار ميشد

بهتون پيشنهاد ميكنم از اين برنامه استفاده كنيد