در توسینسو تدریس کنید

و

با دانش خود درآمد کسب کنید

فرخ

منوی استفاده در header

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

لینک سایت

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

ممنون :)

#سایت #طراحی_سایت #منو
لذت یادگیری با توسینسو
به عنوان شخصی که مدت هاست از سایت توسینسو استفاده می کنم باید بگم که واقعاً یکی از بهترین مرجع ها برای ارتقاء دانش شخصی هست. دوره های سایت، راهکارها و مطالب، همگی عالی هستند.
فرهاد خانلری

سوال اول شما:

ببینید کلاً وقتی با table میایی یه هدر درست میکنی(مثلاً) اون Table نسبت به اندازه مرورگر کوچیک و بزرگ میشه نیازی نیست کاری روش انجام بدی این یه استاندارد هست.

سوال دوم:

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

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

بهترین ابزار بررسی و استاندارد سازی صفحه http://validator.w3.org می باشد که با ورود به این سایت و درج آدرس صفحه مورد نظر می توانید خطاهای صفحه مورد نظر را مشاهده نمایید.

اکثریت مخاطبان از رزولوشن ۱۰۲۴×۷۶۸ و یا بیشتر از این استفاده میکنند.بنابر این عرض وب سایت باید متناسب با این رزولوشن باشه تا اکثریت کاربراین اینترنت بتونن بدون مشکل وبدون تغییرات ظاهری وب سایت رو ببینند.

خوب یه مشکلی وجود داره و اون اینه که بسیاری از مراکز دولتی ، ادارات و … هنوز خودشون رو بروز نکردند و دارن از صفحات مانیتور با رزولوشن ۸۰۰×۶۰۰ استفاده میکنند . باید برای اونها هم فکری کرد چون مخاطبان مهمی هستند در عین اینکه خیلی قدیمین !

چند روش برای بر طرف کردن این مشکل وجود داره . اول اینکه از دستورات CSS برای کنترل صفحات در رزولوشن های مختلف استفاده کنیم و دوم اینکه یک وب سایت با عرض متغیر برای تمامی رزولوشن ها طراحی کنیم که البته کار بسیار تخصصی هست.

خوب در حال حاضر فرض میکنیم که اندازه عرض وب سایت ما به صورت ثابت ۹۶۰px هست که برای رزولوشن ۱۰۲۴×۷۶۸ طراحی شده اما چه اتفاقی برای وب سایت ما در رزولوشن ۸۰۰×۶۰۰ میوفته؟

خوب اگه Dir ( دایرکشن ) و یا چینش وب سایت ما که زبانمون فارسی هست از راست به چپ باشه تنها قسمتی از وب سایت ، که در دید اولیه نمایش داده نمیشه منوهای سمت راست وب سایت ما هستن و تمامی محتوای وب سایت ما که بخش اصلی وب سایت ما هست بدون اینکه احتیاج به Scroll صفحه باشه نمایش داده میشه!.البته این یک راه حل حرفه ای و۱۰۰% نیست .البته اگه چینش و یا Dir از چپ به راست باشه قسمتی که نمایش داده نمیشه منوهای سمت راست هستند که بیشتر در وب سایتهای انگلیسی زبان استفاده میشه.

سایز هدر چقدر باشد در طراحی سایت های استاندارد با توجه به مانیتورهای در حال حاضر در بهترین حالت نمایش آنها بهتر است سایز هدر 960 پیکسل در نظر گرفته شود ارتفاع هدر با توجه به قالب سایت می تواند متفاوت باشد از 75 به بالا .بزرگترین و حرفه ای ترین وب سایت ها میان سایت طراحی هدر و نمونه کارهای خود را با اندازه استاندارد 200*960 در وب سایت قرار می دهد.

خداوند برکتے عظیم به نام "زندگے" به تو بخشیده است . تو چه چیزے به او تقدیم می کنے ؟ هر روز چیــزے هر چند کوچک به او تقدیم کن ، مقداری عشق به مخلوقاتش . . .
فرخ

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

منظورم این منو هست

وب سایت توسینسو

وب سایت توسینسو

با css نمیشه این کارو کرد؟

سایتمو گذاشتم برای اون لینک که گفتید هیچ اروری نداشت

اره من برای رزولیشن ۱۰۲۴×۷۶۸ طراحی کردم برای مانیوتورهای بزرگتر مشکلی نداره ولی مانیتور کوچکتر بهم میریزه

مهدی رزمجویی

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

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

وب سایت توسینسو

سپس یه فایل CSS هم به نام style.css بسازید و کدهای زیر توش قرار بدید .

header, #content, #footer#

}

;border: 2px solid #000

;margin: 10px auto

;width: 1000px

{

header#

}

;height: 200px

{

content#

}

;height: 700px

{

footer#

}

;height: 200px

{

menu#

}

;width: 900px

;padding: 0

;margin: 0 auto

{

menu ul#

}

;list-style: none

{

menu li#

}

;line-height: 38px

;float: right

;border: 1px solid #F00

;height: 40px

;width: 120

;text-align: center

;margin-right: 10px

{

menu a#

}

;font-size: 18px

;font-family: Arial, Helvetica, sans-serif

;font-weight: bold

;display: block

;text-decoration: none

;width: 120px

;height: 40px

{

این جا ما سه قسمت ایجاد میکنیم بنام های header,content,footer که کد های CSS روی انها اعمال میکنیم،دیگه کسی نمیاد با کمک table صفحات سایت خودشو قالب بندی کنه ،همه از تگ های مثل div استفاده میکنن با کدهای CSS یا CSS3 واسه طراحی قالب سایت .

که زمانی که مینویسیم

;margin: 10px auto

یعنی از بالا و پایین 10px فاصله بده و از چپ و راست هم اتوماتیک مقدار بده جوری که وسط صفحه بیوفته .

زمانی که از تگ ul استفاده میکنیم کنار هر ردیفش li یه نقطه یا مربع میزاره و میشه با این خط کد list-style: none این مربع یا نقطه رو حذف کرد .

;float: right اگه بخوایم منوی که طراحی میکنیم به صورت افقی باشه نه عمودی، باید از این کد استفاده کنیم .

;text-decoration: none خط زیر لینکهارو حذف میکنه .

;line-height: 38px این مقدار واسه اینکه که متن منو رو از بالا یه فاصله ای بدیم تا تقریباً وسط بیوفته (ارتفاع خط هارو میشه باهاش تنظیم کرد)

با توجه به کدهای بالا، صفحه زیر رو به ما نمایش میده

وب سایت توسینسو

پاسخ شما
برای ارسال پاسخ خود وارد شوید.
از سرتاسر توسینسو
تنظیمات حریم خصوصی
تائید صرفنظر
×

تو می تونی بهترین نتیجه رو تضمینی با بهترین های ایران بدست بیاری ، پس مقایسه کن و بعد خرید کن : فقط توی جشنواره تابستانه می تونی امروز ارزونتر از فردا خرید کنی ....