تبلیغات
تبلیغات متنی
محبوبترینها
سه برند برتر کلید و پریز خارجی، لگراند، ویکو و اشنایدر
مراحل قانونی انحصار وراثت در یک نگاه: از کجا شروع کنیم؟
چگونه برای دریافت ویزای ایران اقدام کنیم؟ مدارک لازم و نکات کاربردی
راهنمای خرید یو پی اس برای مراکز درمانی و بیمارستانی مطابق الزامات قانونی
آیا طلاق توافقی نیاز به وکیل دارد؟
چگونه ویزای آفریقای جنوبی را به آسانی دریافت کنیم؟ راهنمای قدم به قدم
همه چیز درباره ویزای آلمان و مراحل دریافت آن
چرا پاسارگاد به عنوان یکی از مهم‌ترین آثار تاریخی ایران شناخته می‌شود؟
خرید انواع خودکار و روان نویس شیک و ارزان
خرید انواع خودکار و روان نویس شیک و ارزان
صفحه اول
آرشیو مطالب
ورود/عضویت
هواشناسی
قیمت طلا سکه و ارز
قیمت خودرو
مطالب در سایت شما
تبادل لینک
ارتباط با ما
مطالب سایت سرگرمی سبک زندگی سینما و تلویزیون فرهنگ و هنر پزشکی و سلامت اجتماع و خانواده تصویری دین و اندیشه ورزش اقتصادی سیاسی حوادث علم و فناوری سایتهای دانلود گوناگون
مطالب سایت سرگرمی سبک زندگی سینما و تلویزیون فرهنگ و هنر پزشکی و سلامت اجتماع و خانواده تصویری دین و اندیشه ورزش اقتصادی سیاسی حوادث علم و فناوری سایتهای دانلود گوناگون
آمار وبسایت
تعداد کل بازدیدها :
1819701445
نکات ساده در طراحی وب -
واضح آرشیو وب فارسی:سایت ریسک: نکات ساده در طراحی وب honeyman 15 خرداد 1386, 12:02هر چی گشتم بخشی که واسه نکات متفرقه طراحی سایت باشه رو پیدا نکردم، نکاتی ساده که متاسفانه خیلی ها حتی آنهایی که مدعی حرفه ای بودن میکنند رعایت نمیکنند. بنابر این تصمیم گرفتم خودم همچین توپیکی بزنم، البته هر چی اینجا مینویسم تجربه های شخصی خودم هست و ممکنه تکراری یا ابتدایی باشه ولی حداقل کپی پیست نیست. honeyman 15 خرداد 1386, 12:04حتما تا حالا دیدید، خیلی از لینکهایی که دوستانتان برایتان می فرستند دارای علامت 20% در بین آدرس سایت می باشند که بعضی وقتها تعداد این علامت بسیار زیاد می شود، دلیل آن یک اشتباه بسیار کوچک است -فاصله- اصولا آنها که آموزش خاصی ندیده اند و الله بختکی کنار کامپیوتر می نشینند تا وبلاگی، سایتی راه بیاندازند(یکیش خودم) خیلی از کارهای ساده ولی مهم را بی خیال می شوند حالا عمدا یا سهوا را کاری نداریم مثلا همین حالت علامت درصد زمانی به وجود می آید که اسم فایل یا صفحه مورد نظر بصورت منفصل نوشته شود و روی سرور آپلود شود و از آنجایی که در URL امکان فاصله گذاری وجود ندارد ما جای این فاصله ها را 20% می بینیم، بهترین راه جهت جدا کردن اسم فایل هم استفاده از underline هست چون یک کاراکتر استاندارد در آدرس است، honeyman 17 خرداد 1386, 09:12اولین مرحله در ساختن یک وب سایت (البته پس از انتخاب میزبان و دومین) ساخت یک home page هست که بسیاری از افراد به نکته ای بسیار مهم و ساده توجه نمی کنند و آنهم این است که اولین فایلی را که می سازند اگر قرار باشد به عنوان home page یا همان صفحه شروع وب سایت قرار دهند باید به اسم index.html ذخیره کنند و نه اسم دیگری همانند main.html یا home.html این یکی از اصول ساخت یک صفحه اینترنتی برای وب سایت است، دلیل آن هم ساده است برای این که همه سرورها بصورت پیش فرض صفحه اول را به این اسم می شناسند و در زمانی که شما آدرس یک سایت را وارد میکنید مثلا که به خودی خود فقظ یک دومین است اما سرور برای شما صفحه را به نمایش خواهد گذاشت، بدون اینکه این اسم را به آن اضافه کند. (صحت مطلب فوق را با تایپ کردن index.html جلوی دومین و دیدن همان صفحه اصلی خواهید فهمید، این مطلب را با امتحان بر روی تمامی آدرسها می توانید امتحان کنید) البته همین قضیه روی index.php هم صدق میکنه یعنی در پوشه روی سرور حداقل یکی از این دو فایل باید وجود داشته باشند، که بسته به تنظیمات، سرور یکی را فرا میخواند که معمولا index.html است (تعیین اولویت در htaccess. هستش) honeyman 17 خرداد 1386, 17:15به احتمال زیاد در میان جستجوهای خود در اینترنت و مخصوصا در بین وب سایتهای ایرانی به صفحاتی برخورد کرده اید که دو مطلب (دو تکست) بر روی هم افتاده اند و یا شما ممکن است یک مطلب را خارج از کادری که برایش قرار داده اند ببینید، این مشکل در بین فارسی نویسان فوق العاده رایج است، هر چند همانطور که حدس زده اید کمی از این مشکل به کاراکترهای فارسی بر می گردد و اینکه هیچ سرور و یا برنامه ای از زبان فارسی پشتیبانی نمی کند ولی از این مهم تر نکاتی در مورد طراحی آن وب سایت و یا صفحه است، چرا که بسیاری از کاربران از دستورات و یا المنت هایی در وب سایت خود استفاده کرده اند که استاندارد نبوده بلکه یک دستور کمکی می باشد و فقط بخاطر آسان بودن از آن استفاده می کنند و از آنجایی که این المنتها هیچ وقت از یونیکدها پشتیبانی نمی کنند در نمایش تکست در internet browser های مختلف متغییر خواهند بود یعنی ین که مثلا ممکن است شما یک مطلب را در اینترنت اکسپلورر به هم ریخته ببینید ولی در نت اسکیپ و یا فایر فوکس صحیح ببینید، و یا بر عکس. واین بسته به محیط و برنامه ای است که با آن صفحه طراحی شده است، اگر صفحه شما دچار این مشکل است به این چند توصیه توجه کنید: اگر از کد HTML برای ساخت صفحه وب استفاده می کنید از دستور <div></div> برای تعریف یک استایل استفاده نکنید اگر از فرونت پیج استفاده می کنید، هیچ گاه از layer استفاده نکنید بجای آن از همان گزینه استاندارد table استفاده کنید فرق این دو فقط در این است که layer به شما امکان می دهد که در هر قسمتی از صفحه یک کادر ترسیم کرده و درون آن عکس، تکست و یا هر چیز دیگری وارد کنید این لایر در هر جا حتی بر روی مطالب دیگر نیز می تواند باشد و همین ویژگی خود باعث به هم ریخته گی در صفحاتی که یونیکد هستند می شود. البته این مشکل معمولا برای کسانی که از برنامه های مدیریت محتوا استفاده میکنند وجود ندارد ولی برای بعضی افراد که سورس صفحه را دستکاری کرده اند این مشکل وجود دارد آنهم احتمالا به علت قاطی کردن دستورات HTML با PHP هستش چون اکثر این برنامه ها بصورت متن باز و با PHP ساخته شده اند که بسیاری از دستورات HTML را هم پشتیبانی میکند ولی چنین مشکلاتی را نیز بوجود می آورند. البته اینی که نوشتم روی تجربه شخصیمه که دقیقا برعکس سفارش حرفه ایهای وب هستش تعدادی از دلایلی که IBM در سایت خودش راجع به این موضوع نوشته از این قرارند: (در پایان یه لینک گذاشتم اصل رو بخونید خیلی بهتره.) مرورگرهای مختلف کدهای HTML را تا حدودی متفاوت می خوانند، این یک موضوع کلی است البته؛ دلیل اصلی این که یک صفحه را در مرورگرهای مختلف، متفاوت می بینیم در این است که هر مرورگری از استانداردهای خاصی پشتیبانی می کند، IBM می گوید بهترین راه مقابله با این مشکل استفاده از دستورات و کدهای عمومی و مشترک است هر چند ممکن است بعضی مواقع از کدهای خاصی استفاده کنیم که بقول معروف پای لرزش هم باید بشینیم. خصوصیتهای هر مرورگر مثل زبان و تعامل آن با جاوا اسکریپت (سایت IBM این یکی رو خیلی مهم توصیف کرده) باعث می شود نمایش یک صفحه در هر مرورگر متفاوت باشد. و اما یکی از مشکلات اساسی فارسی نویسان؛ بعضی از زبانها مانند عربی و فارسی به عنوان زبانهای دوجهتی شناخته می شوند (متن از راست به چپ نوشته می شود ولی کدینگ آن از چپ به راست است) هرچند مرورگرها قابلیت نمایش آنها را دارند ولی باید توجه داشت وقتی صفحه ای از راست به چپ به نمایش در آمد مرورگی همچون IE منشاء پنجره را دوباره تعریف می کند مثلا در بردار موقعیت X را بصورت منفی تعریف می کند که خود این عمل ممکن است بعضی از المنتهای موجود در صفحه را در موقعیت و مکان اشتباه به نمایش در آورد، به همین ترتیب مرورگرهای دیگر نیز به روشهای خود کد اولیه را میخوانند و اصطلاحا render می کنند که طبیعتا نتیجه نیز متفاوت خواهد بود IBM () echessdesign 18 خرداد 1386, 09:51همین حالت علامت درصد زمانی به وجود می آید که اسم فایل یا صفحه مورد نظر بصورت منفصل نوشته شود و روی سرور آپلود شود و از آنجایی که در URL امکان فاصله گذاری وجود ندارد ما جای این فاصله ها را 20% می بینیم، بهترین راه جهت جدا کردن اسم فایل هم استفاده از underline هست چون یک کاراکتر استاندارد در آدرس است، درود بر شما روشی که BBC برای علامت گزاری لینک های خود تعیین می کند بدین شکل است: bbc.com/persian/iran_nuke-2007-3-27 که نام ها را با UnderLine و تاریخ را با Line جدا می کند. ------------------------------------------------ اولین فایلی را که می سازند اگر قرار باشد به عنوان home page یا همان صفحه شروع وب سایت قرار دهند باید به اسم index.html ذخیره کنند و نه اسم دیگری همانند main.html یا home.html این یکی از اصول ساخت یک صفحه اینترنتی برای وب سایت است، دلیل آن هم ساده است برای این که همه سرورها بصورت پیش فرض صفحه اول را به این اسم می شناسند و در زمانی که شما آدرس یک سایت را وارد میکنید مثلا که به خودی خود فقظ یک دومین است اما سرور برای شما صفحه را به نمایش خواهد گذاشت، بدون اینکه این اسم را به آن اضافه کند. البته همین قضیه روی index.php هم صدق میکنه یعنی در پوشه روی سرور حداقل یکی از این دو فایل باید وجود داشته باشند، که بسته به تنظیمات، سرور یکی را فرا میخواند که معمولا index.html است (تعیین اولویت در htaccess. هستش) معمولا این نام ها را می توان انتخاب کرد: main, index, default اما بسته به تنظیمات هاست ،معمولا اولویت ها بدین شکل است: index, default, main --------------------------------------------- اینکه هیچ سرور و یا برنامه ای از زبان فارسی پشتیبانی نمی کند ولی از این مهم تر نکاتی در مورد طراحی آن وب سایت و یا صفحه است، چرا که بسیاری از کاربران از دستورات و یا المنت هایی در وب سایت خود استفاده کرده اند که استاندارد نبوده بلکه یک دستور کمکی می باشد و فقط بخاطر آسان بودن از آن استفاده می کنند و از آنجایی که این المنتها هیچ وقت از یونیکدها پشتیبانی نمی کنند در نمایش تکست در internet browser های مختلف متغییر خواهند بود یعنی ین که مثلا ممکن است شما یک مطلب را در اینترنت اکسپلورر به هم ریخته ببینید ولی در نت اسکیپ و یا فایر فوکس صحیح ببینید،SIZE][/url] جدا از بیان مطالبی که اطلاعاتی در رابطه با آن ندارید بپر هیزید دوست عزیز، شما به سادگی می توانید با Encode کردن یک صفحه به سادگی متون را به دون به هم ریختگی در مروگر های مختلف مشاهده کنید. ---------------------------------------- اگر صفحه شما دچار این مشکل است به این چند توصیه توجه کنید: اگر از کد HTML برای ساخت صفحه وب استفاده می کنید از دستور <div></div> برای تعریف یک استایل استفاده نکنید اگر از فرونت پیج استفاده می کنید، هیچ گاه از layer استفاده نکنید بجای آن از همان گزینه استاندارد table استفاده کنید فرق این دو فقط در این است که layer به شما امکان می دهد که در هر قسمتی از صفحه یک کادر ترسیم کرده و درون آن عکس، تکست و یا هر چیز دیگری وارد کنید این لایر در هر جا حتی بر روی مطالب دیگر نیز می تواند باشد و همین ویژگی خود باعث به هم ریخته گی در صفحاتی که یونیکد هستند می شود. البته این مشکل معمولا برای کسانی که از برنامه های مدیریت محتوا استفاده میکنند وجود ندارد ولی برای بعضی افراد که سورس صفحه را دستکاری کرده اند این مشکل وجود دارد آنهم احتمالا به علت قاطی کردن دستورات HTML با PHP هستش چون اکثر این برنامه ها بصورت متن باز و با PHP ساخته شده اند که بسیاری از دستورات HTML را هم پشتیبانی میکند ولی چنین مشکلاتی را نیز بوجود می آورند. البته اینی که نوشتم روی تجربه شخصیمه که دقیقا برعکس سفارش حرفه ایهای وب هستش تعدادی از دلایلی که IBM در سایت خودش راجع به این موضوع نوشته از این قرارند: (در پایان یه لینک گذاشتم اصل رو بخونید خیلی بهتره.) SIZE][/url] کاملا در اشتباهید، برای تعریف ایستایل ها باید از تگ div استفاده کرد، و علت به هم ریختگی صفحات شما، اطلاع نداشتن از نحوه استفاده CSS هست!!! دوست گرانقدر، هم CSS استاندارد هست و هم Table, نی کوست که شما فرم را مطالعه کنید تا پی به کاربرد Layer ها ببربد. ------------------------------------------- مرورگرهای مختلف کدهای HTML را تا حدودی متفاوت می خوانند، این یک موضوع کلی است البته؛ دلیل اصلی این که یک صفحه را در مرورگرهای مختلف، متفاوت می بینیم در این است که هر مرورگری از استانداردهای خاصی پشتیبانی می کند، IBM می گوید بهترین راه مقابله با این مشکل استفاده از دستورات و کدهای عمومی و مشترک است هر چند ممکن است بعضی مواقع از کدهای خاصی استفاده کنیم که بقول معروف پای لرزش هم باید بشینیم. خصوصیتهای هر مرورگر مثل زبان و تعامل آن با جاوا اسکریپت (سایت IBM این یکی رو خیلی مهم توصیف کرده) باعث می شود نمایش یک صفحه در هر مرورگر متفاوت باشد. IBM () خیر!!!!!!! همه مرورگر ها متعهد به رعایت استاندارد های W3C هستند اما نگرش آنها به یک صفحه متفاوت است، بدین دلیل است که یک صفحه را در مرورگر های مختلف ، متفاوت میبینیم. اطمینان خاطر داشته با شید که رعایت استاندارد ها، کمترین تناقض را در نمایش صفحه شما در مرورگر های مختلف به وجود مب آورد. ----------------------------------- و اما یکی از مشکلات اساسی فارسی نویسان؛ بعضی از زبانها مانند عربی و فارسی به عنوان زبانهای دوجهتی شناخته می شوند (متن از راست به چپ نوشته می شود ولی کدینگ آن از چپ به راست است) هرچند مرورگرها قابلیت نمایش آنها را دارند ولی باید توجه داشت وقتی صفحه ای از راست به چپ به نمایش در آمد مرورگی همچون IE منشاء پنجره را دوباره تعریف می کند مثلا در بردار موقعیت X را بصورت منفی تعریف می کند که خود این عمل ممکن است بعضی از المنتهای موجود در صفحه را در موقعیت و مکان اشتباه به نمایش در آورد، به همین ترتیب مرورگرهای دیگر نیز به روشهای خود کد اولیه را میخوانند و اصطلاحا render می کنند که طبیعتا نتیجه نیز متفاوت خواهد بود IBM () جهت راست چین کردن: style=direction:rtl جهت چپ چین کردن: style=drrection: ltr --------------------------------- دوست عزیز، بیان اطلا عات اشتباه فقط با عث گمراهی کاربران می شود،.. amirabbas_p30magazine 18 خرداد 1386, 10:24honeyman عزیز شما با این مطلبی که نوشتی کلا استاندارد های وب رو به طور کامل بردی زیر سوال :razz: تمامی مواردی که echessdesign عزیز توضیح داد تایید میشه نام index.html در سرور ها به عنوان صفحه پیش فرض در نظر گرفته میشه ولی نام هایی مثل main.html و default.html هم در اکثر سرور ها به عنوان صفحه اول در نظر گرفته میشه ولی استفاده از نامه index.html ارجحیت داره به احتمال زیاد در میان جستجوهای خود در اینترنت و مخصوصا در بین وب سایتهای ایرانی به صفحاتی برخورد کرده اید که دو مطلب (دو تکست) بر روی هم افتاده اند و یا شما ممکن است یک مطلب را خارج از کادری که برایش قرار داده اند ببینید، این مشکل در بین فارسی نویسان فوق العاده رایج است، هر چند همانطور که حدس زده اید کمی از این مشکل به کاراکترهای فارسی بر می گردد و اینکه هیچ سرور و یا برنامه ای از زبان فارسی پشتیبانی نمی کند ولی از این مهم تر نکاتی در مورد طراحی آن وب سایت و یا صفحه است، چرا که بسیاری از کاربران از دستورات و یا المنت هایی در وب سایت خود استفاده کرده اند که استاندارد نبوده بلکه یک دستور کمکی می باشد و فقط بخاطر آسان بودن از آن استفاده می کنند و از آنجایی که این المنتها هیچ وقت از یونیکدها پشتیبانی نمی کنند در نمایش تکست در internet browser های مختلف متغییر خواهند بود یعنی ین که مثلا ممکن است شما یک مطلب را در اینترنت اکسپلورر به هم ریخته ببینید ولی در نت اسکیپ و یا فایر فوکس صحیح ببینید، و یا بر عکس. واین بسته به محیط و برنامه ای است که با آن صفحه طراحی شده است، اگر صفحه شما دچار این مشکل است به این چند توصیه توجه کنید: این مورد اصلا ربطی به یونی کد نداره. اون بر میگرده به طراحی ضعیف صفحه. اشکالات syntax در کد HTML و CSS و استفاده از دستوراتی که فقط توسط یک مرورگر خاص اجرا میشن و یا احیانا استفاده از کدهای جاوا اسکریپت غیر استاندارد. هیچ ارتباطی بین کاراکتر های فارسی و اون مشکل وجود نداره اگر از کد HTML برای ساخت صفحه وب استفاده می کنید از دستور <div></div> برای تعریف یک استایل استفاده نکنید اگر از فرونت پیج استفاده می کنید، هیچ گاه از layer استفاده نکنید بجای آن از همان گزینه استاندارد table استفاده کنید فرق این دو فقط در این است که layer به شما امکان می دهد که در هر قسمتی از صفحه یک کادر ترسیم کرده و درون آن عکس، تکست و یا هر چیز دیگری وارد کنید این لایر در هر جا حتی بر روی مطالب دیگر نیز می تواند باشد و همین ویژگی خود باعث به هم ریخته گی در صفحاتی که یونیکد هستند می شود این جمله کاملا بر خلاف پیشنهاد w3c هستش table برای این طراحی شده که اطلاعات یک جدول درش وارد بشه. یک صفحه وب از نظر شما یک جدوله ؟ جداول سرعت بار گذاری صفحه بالا میبرند. حجم کد صفحه رو چند برابر می کنند و ساختار معنایی صفحه رو به کل به هم می ریزند. در طراحی حال حاضر توصیه میشه تنها و تنها هنگامی از جدول استفاده کنید که قصد ایجاد یک جدول رو دارید و میخواید توش اطالعات جدولی وارد کنید در طراحی صفحه در حال حاضر همیشه از div استفاده میشه و تگ های h1 تا h6 کاربرد زیادی دارند . همچنین تگ های dt , dd, dl هم کاربرد خیلی زیادی دارند. البته این مشکل معمولا برای کسانی که از برنامه های مدیریت محتوا استفاده میکنند وجود ندارد ولی برای بعضی افراد که سورس صفحه را دستکاری کرده اند این مشکل وجود دارد آنهم احتمالا به علت قاطی کردن دستورات HTML با PHP هستش چون اکثر این برنامه ها بصورت متن باز و با PHP ساخته شده اند که بسیاری از دستورات HTML را هم پشتیبانی میکند ولی چنین مشکلاتی را نیز بوجود می آورند دستورات HTML و PHP هیچ وقت با هم قاطی نمیشن چون دستورات PHP در داخل یک بلوک قرار میگیره و تنها اون بخش از کد که داخل اون بلوک قرار داره توسط مفسر PHP موجود در سرور پردازش میشه. این اصلا صحیح نیست در ضمن سایت آی بی ام مرجع خوبی برای درک استاندادر های وب نیست شما از پیشنهاد سایت هایی استفاده کنید که اسم و رسمی در زمینه طراحی وب دارند. آی بی ام هیچ تخصصی در این زمینه نداره honeyman 20 خرداد 1386, 12:18بسیار بسیار از تذکرات شما عزیزان [echessdesign,amiabbas] متشکرم هر دوی شما به نکات مهم و اشتباهات ضایع من اشاره کرده اید که جای بسی سپاس است، فقط چند نکته را عرض میکنم، یکی اینکه من در پستم دقیقا ذکر کرده ام البته اینی که نوشتم روی تجربه شخصیمه که دقیقا برعکس سفارش حرفه ایهای وب هستش واسه Index.html و اینکه من نوشتم حتما از این اسم استفاده کنید بخاطر اینه که همه سرورها بصورت پیش فرض این نام رو بصورت default در نظر میگیرند [به فرض این که اسم و پسوند فایل رو وارد نکنید] و بقیه گزینه ها بصورت option هستش و گرنه هر اسمی حتی ali, amir و غیره رو هم میشه واسه سرور تعریف کرد که بشند default ولی من فرض رو بر این گرفتم که یه نفر از این چیزها سردر نمیاره و اسم فایل رو میذاره main و انتظار داره با وارد کردن فقط نام دوماین صفحه باز بشه (سایت من که در حالت معمولی این صفحه رو باز نمیکنه) دیگه اینکه دوست خوبم آقای amirabbas ذکر کردند که به آی بی ام نمیشه استناد کرد، ولی خوب من که کل وب رو سرچ کردم هیچ سایت دیگه ای رو پیدا نکردم که دلیل مشکلات زبانهای راست به چپ رو ذکر کرده باشه دریغ از یک سایت ایرانی، ناگفته نماند این مطلب مال الان نیست و من چندوقت پیش تو این زمینه تحقیق کردم، من هم به اسم IBM اعتماد کردم و چند قسمت از مطالبش رو ترجمه کردم لینکش هم گذاشتم، بخونید اگه اشتباه ترجمه کردم تذکر بدید. در هر حال باز هم متشکرم، amirabbas_p30magazine 20 خرداد 1386, 21:31خوب دوست عزیز برای آشنا شدن با استاندارد های وب من پیشنهاد میکنم مقالات سایت a list apart () رو بخونی. پیج رنک اون سایت نشون دهنده اعتبار اون سایته. مقالات اون سایت حرفه ای ترین و بهترین مقالاتیه که روی وب می تونید پیدا کنید. صاحب اون سایت آقای جفری زلدمنه که یکی از معروف ترین شخصیت ها در زمینه طراحی وبه. ایشون یه کتاب داره به اسم Designing With Web Standards - 2nd edition این هم لینک دانلودشه این کتاب هم یکی از بهترین کتاب ها هست که به بهترین شکل و راحت ترین شکل ممکن استاندارد های وب رو برای شما توضیح میده. تمامی مثال ها واضحه و همراه با عکسه
این صفحه را در گوگل محبوب کنید
[ارسال شده از: سایت ریسک]
[مشاهده در: www.ri3k.eu]
[تعداد بازديد از اين مطلب: 4563]
-
گوناگون
پربازدیدترینها