در ضمن اگه روش کد نویسی اش که در css هست مال خودته که بعید بنظر میرسه میشه گفت استاندارد ترین نوع کد نویسی رو می تونم بهت بدم از نظرن نمره تو کد نویسیش 18 و از نظر ابتکار 10
خب تبریک میگم.
اگر XHTML و CSSش کاملا کار خودتون باشه عالیه ...
شما الان نسبتا از قابلیتها و امکانات خوبی در CSS استفاده کردی ... با لیستها به شکل معقولی کار کردید و تقریبا اضافه کاری زیادی نداشتید ...
موارد جزئی هست که قطعا به مرور بهش میرسید و کارتون رو تمیزتر و سبک تر از این خواهد کرد.
اولین نکته ای که به نظر میرسه استفاده از shorthandها در CSS هست.
مثلا برای margin میشه از حالت تک خطی به این شکل استفاده کرد:
HTML:
margin: top right bottom left;
یا مدل یک خطی :
HTML:
margin: top right&left bottom;
همچنین برای border و font و ....
امیدوارم با انرژی و طبق اصول به کارتون ادامه بدید و موفق باشید.
از تمام دوستان ممنونم .
همه کد نویسی ها رو با Macromedia Dreamweaver 8 انجام دادم و در اکثر جاها به علت اینکه Macromedia Dreamweaver 8 از بعضی از استانداردها استفاده نمی کرد مجبور بودم خودم کد نویسی کنم .
حالا نمی دونم چرا amirlol جان بعید می دونه . هرچی باشه ما CIW خوندیم .
راستی در مورد روش خطی هم باید بگم که در بیشتر جاها سعی کردم رعایت کنم اما از دستم در رفته بعضی جاها . ( همون جریانه Macromedia Dreamweaver 8 ) . بعضی جاهام مجبور بودم استفاده نکنم . مثلا می خواستم border-top با border-right فرق کنه . پس مجبور شدم از border-top و border-right و ... استفاده کنم . اگر روشی هست که می شه این کارو راحت تر انجام داد خوش حال می شم کمکم کنید .
چیز دیگه ای که باید بگم اینه که این روش رو کلا از دیدن سایتایه مختلف (کدهاشون) یاد گرفتم . منظورم همین CSS layout هستش . حدود 6-7 سایت که اینجوری طراحی شده بود رو گرفتم و سعی کردم عین اونارو بسازم . این طرحم واسه تمرین زدم و از هیچ جایه دیگه تقلید نکردم . حتی عکساشم خودم طراحی کردم .
حالا نمی دونم منظور از اینکه شبیه سیستمایه دیگست کدوم سیستماست ؟
Sajjad جان
مطمیِنن طراحی CSS کار شماست. تابلو که کار یک حرفه ای نسیت. اینقدر نواقص آماتورانه داره که مشخص کار یک حرفه ای نیست، اما برای شروع کار گام خوبی برداشتی
چرا background-image ؟ شما Warning سایت W3C رو ببینید به شما پیشنهاد استفاده از background: url(bg_body0.jpg); رو میده!!!!
خلاصه نویسی هم، همونطور که علی جان گفتند، انجام ندادی
به نظرت این نام برای انتخاب کلاس بهتر هست title_sidebar یا این نام titleSidebar
فراموش کردی در HTML صفحه خود، در وارد کردن CSS خارجی به صفحه، در تگ link از خصیصه
2 . من خوش حال می شم که در باره کارم نظر بدین و ایرادارو بگین . . اما اجازه تیکه انداختن نمی دم . echessdesign جان کسی می تونه در باره حرفه ای بودن یا نبودن یه کار نظر بده (اونم از نوع تابلو بودن) که خودش مسلط باشه . HTML سایت خود شما دارای 3تا info و 26تا error هست . همچنین CSS سایت شما 4تا error و کلی Warnings داره .
3 . من اینجا اومدم که نواقص آماتورانه رو بر طرف کنم . لطف کنید از اینقدری که گفتید همه رو هم ذکر کنید تا در کارهای بعدی تکرار نشه . به نظرم جالب نیست که فقط بگین نواقص داره اما اونارو نگید .
4 . من قبل از ایجاد این نظر خواهی CSS سایتم رو در W3C چک کردم و W3C هم CSS سایتم رو قبول کرد .
To show your readers that you've taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the HTML you could use to add this icon to your Web page:
متاسفانه این Warning که شما گفتید رو پیدا نکردم . البته نا گفته نمونه که نمونه کار منم warning زیاد داشت .
5 . در مورد خلاصه نویسی هم توضیح دادم . ممنون از یاد آوری
6 . در مورد نام هم منظورتون رو واضح تر بگین . حتما title_sidebar رو به titlesidebar ترجیح دادم . اما اگر اشکال فنی داره لطفا مستقیم بگین . من از انتقاد سازنده خوشحال می شم .
7 . خوشحال می شم در مورد خصیصه ذکر شده (media) بیشتر بدونم .
بازم از دوستان به خاطر اینکه وقتشون رو گذاشتن برای من سپاس گذارم .
اگه بخوام از قول يك كسي كه css بلد نيست بگم (يني خودم ) مي گم خب بود.
ظريف و زيبا.خوب هم لود مي شد.
به نظر من فونت تاهوما بهترينه...هميشه از تاهوما تسافده و پيشنهاد مي كنم.
سايز 11.
آقا اگه چرت و پرت گفتم شرمنده.
تا بعد
اگه بخوام از قول يك كسي كه css بلد نيست بگم (يني خودم ) مي گم خب بود.
ظريف و زيبا.خوب هم لود مي شد.
به نظر من فونت تاهوما بهترينه...هميشه از تاهوما تسافده و پيشنهاد مي كنم.
سايز 11.
آقا اگه چرت و پرت گفتم شرمنده.
تا بعد
با سلام به bahy_my جان که وقت گذاشته
اگه منظور شما برای تیترها هست که باید بگم امتحان که کردم بهتر شد . اما نه با فونت 11
ولی اگه منظورتون برای متن اصلی هست باید بازم بگم که از نظر ظاهری بازم بهتر شد . اما مشکل اینجاست که فونت Tahoma جزو فونت های بدون نیش هست . اینجور فونتها هم واسه نوشته های طولانی مناسب نیست زیاد . بیشتر به درده تیترها و کلماتی که درشت هستن می خوره .
sajjad جان
سایت خود من طراحی اون مال 2 سال پیش هست ، بر پایه Table
سایت جدیدم در چند روز آینده آپلور می کنم، دقیقا همون ظاهر و ترکیب اما بر پایه CSS
این سایت رو شما بی زحمت یک نگاه بنداز، از نمونه کار های من بر پایه CSS هست: www.gharanbar.com
در مرورگر های: Opera 7.6 , NS 7.0 , FireFox 2.1 , Avant Browser 1.8 , Maxthon,... کامل و بدون مشکل ظاهر می شوند.
در باره نام class ها، در صورتی که نامی که شما انتخاب می کنید، ترکیبی از چند کلمه با معنی باشه، مثلا Slide و Title
شما برای نام گزاری، ابتدا کلمه اول را نوشته و به جای لاین ، یا آندر لایت ، بهتر هست مثل یک حرفه ای ، کارکتر اول کلمه دوم را با حروف بزرگ شروع کنید. مانند: titleSlide یا TitleSlide
دوم اینکه ، اصلا تا زمانی که می شه برای خصیصه ها ، خلاصه نویسی کرد، فقط یک آماتور این کار رو انجام نمیده.
اشاره با خصیصه های : font, margin, padding, background, border,....
در باره خصیصه مدیا یه خورده به خودت فشار بیار و از موتور های جستجو، که جاداره بهت معرفی کنم: Google.com , Yahoo.com , MSN.com ,... استفاده کنی.
قابل توجه کسانی که قادر به فشار اوردن به خود نیستند: ( توضیح در باره خصیصه media )
HTML:
media="output"
در حقیقت ، پارامتر output می تواند یکی از ده مقدار : all , aural , braille , embossed , handheld , print , projection , screen , tty , و tv را اختیار کند. بر نامه های مرورگر فعلی فقط از Style Sheet های print, screen , all پشتیبانی می کنند.
مقدار پیش فرض ویژگی media , برابر all می باشد.
HTML:
media="print"
بسته به پیچیدگی محتویات یک صفحه ، ممکن است نسخه چاپی آن با نسخه ای که برای نمایش از طریق مانیتور آماده میشود خیلی تفاوت داشته باشد. در این صورت ما یک نسخه برای چاپ در نظر می گیریم و با قراردادن مقدار خصییصه media برابر با print ، آن را معرفی می کنیم.
HTML:
media="screen"
در صورتی که CSS طراحی شده شما، برای نمایش بر روی مانیتور طراحی شده باشد، مقدار خصیصه media را برابر screen قرار می دهیم.
HTML:
media="all"
هر دو حالت screen و print را شامل می شود.
متاسفانه، ضعف اطلاعات در مورد CSS ها ، آشکارا بین طراحان وب ما به چشم میاد. ( مخصوصا شخص من )
مطمینا بدون همکاری هم و به روز کردن اطلاعات خود ، قادر نخواهیم بود به این مهم دست یابیم.
من در مورد خصیصه media خیلی محترمانه سوال کردم . به قول معروف "پرسیدن عیب نیست ندانست عیب است" . اما نمی دونم چرا شما واسه هر انتقادی یه نیشم می زنید به آدم . از اینکه در مورده خصیصه مذکور توضیح دادین خیلی خوشحال شدم اما چه فاییده وقتی هدف آموزش نبوده .
قرار بود بقیه نقص های آموتورانه منو بگین . من هنوزم منتظرم تا تمام ایرادام گرفته بشه تا تو کار بعدی برطرفشون کنم . از ضخم زبونم نمی ترسم.
در هر صورت از انتقادتون و آموزشتون ممنونم اما از لحن انتقادتون و آموزشتون ....
