عناوین ضمیمه بایت روزنامه خراسان شماره 281: - الحاقیه برای لبه تیز فناوری - بخندیم یا گریه کنیم؟ - از پینوکیو تا داستان اسباببازیها - 8 سالی که گذشت - بدرود پیجرهای بیمارستانی - خبر خوب و حقیقت تلخ - مناطق دیدنی ایران - 500 میلیارد دلار خسارت ناشی از جرایم رایانهای - زمان اجرای برنامهها را خود تعیین کنید
الگوهای آبشاری یا رویانداز آبشاری سَبْک یا سیاساس (CSS: Cascading Style Sheets) در کنار اچتیامال هستهٔ فناوری ساخت صفحههای وب هستند. سیاساس روشی ساده برای نمایش چیدمان و جلوههای تصویری (مانند نوع قلم، رنگ و اندازهها) بر صفحههای وب است. الگوهای آبشاری از جنس زبانهای نشانهگذاری، با ساختار متن ساده رایانه هستند و درون هرکدام، دستورهایی آبشار مانند و پیدرپی، برای چگونگی نمایش هر صفحه وب افزوده میشود. به گفتهای ساده تر، این دستورها روش نشان داده شدن قلمها و اندازه شان، رنگها و پس زمینهها، روش چیدمان موزاییکهای دربرگیرنده دادهها (دیواره ها)، و بسیاری دیگر از عنصرهای ساختار هر صفحه وب را، درون خود جای میدهند. شما قادر خواهید بود تا یک استایل منحصر به فرد را با استفاده از CSS ایجاد نموده و آن را بر روی سرور قرار دهید تا تمام صفحات بتوانند استایل خود را از یک فایل در یافت نمایند.
در دوره آموزشی Creating a CSS Style Guide شما با قابلیت های اساسی و کلیدی سی اس اس آشنا می شوید.
استاندارد اینترنتی HTML5 یکی از فناوری های پرکاربرد و هسته ای در دنیای وب و زبانی برای ساختن و ارائه محتوا می باشد که بحث اصلی در آن ایجاد استانداردهایی برای وب چندرسانهای است. به عبارت دیگر استانداردی که می تواند پاسخگوی تمام نیازهای اینترنتی کاربران باشد. این استاندارد اینترنتی به گونه ای طراحی شده که می تواند نیازهای صوتی و تصویری کاربران در دنیای مجازی را برطرف کند و امکان استفاده از نسل جدید نرم افزارها و ابزارهای اینترنتی با سرعت بالا را در رایانه های رومیزی، لپ تاپها و نوتبوکها، تلفن های همراه و ... فراهم کند. CSS مخفف Cascading Style Sheet به معنی شیوه نامه آبشاری است و برای فرمت دهی و طرح بندی، تعریف سبک متن (مانند نوع قلم، رنگ و اندازهها)، اندازه جدول و جنبه های دیگری از صفحات وب که قبلا فقط در فایل HTML یک صفحه قابل تعریف بوده است استفاده می شود. توسط سی اس اس می توان از تکرار بعضی قسمتها در تگهای سایتها یا هر صفحه HTML صرف نظر کرد.
در دوره آموزشی Core HTML5 and CSS3 Web Development شما با قابلیت های اساسی و کلیدی اچ تی ام ال و سی اس اس آشنا می شوید.
عناوین ضمیمه کلیک روزنامه جام جم شماره 420: - دعواى مایكروسافت و گوگل به سود مشتری - امنیت در دنیای مجازی - مراقبت همه جانبه از رایانه - وقتی RAW حرف اول را می زند - بهبود عملكرد اوبونتو - نصب ویندوز 8 از روی فلش - بازی، بزرگ شدن ساده نیست - بازی، گلوله پنهان - فیلترینگ و كاربران ایرانی
درک صحیح و قوی شیوه نامه های آبشاری یا همان CSS برای تولید و توسعه وب سایتی که بازدیدکنندگان بیشتری را جذب خود می کند بسیار حیاتی است. از CSS به منظور رسیدن روشی آسان تر برای فرمت دهی و طرح بندی، تعریف نوع قلم، رنگ و اندازهها، اندازه جدول ها و بطور کلی قالب بندی متون و محتویات صفحات وب و همچنین جنبه های دیگری که قبلاً فقط در فایل HTML یک صفحه قابل تعریف بوده است استفاده می شود. سایت SitePoint به عنوان یک مرجع بزرگ برای یادگیری CSS است که در آن جزئییات هر دستور برای هر مرورگر با مثال های مفید معرفی شده اند.
در دوره آموزشی CSS Crash Course by SitePoint شما با قابلیت های اساسی و کلیدی سی اس اس آشنا می شوید.
همانطور که می دانید از CSS برای فرمت دهی و طرح بندی، تعریف سبک متن (مانند نوع قلم، رنگ و اندازهها)، اندازه جدول و جنبه های دیگری از صفحات وب که قبلا فقط در فایل HTML یک صفحه قابل تعریف بوده است استفاده می شود. CSS دارای خاصیت ها و افکت های مختلفی است که تنها با نوشتن قطعه کدهای ساده می توانند به ظاهر وب سایت شما دید ویژه ای اضافه کنند. به وسیله خاصیت Transition در CSS، می توانید تغییر اندازه، شکل، رنگ، موقعیت و ... یک عنصر را از یک حالت به یک حالت دیگر به صورت تدریجی و در قالب یک افکت تصویری، انیمیشن سازی کنید. به عنوان مثال فرض کنید، شما یک عکس دارید که نمونه کوچک آن را بر روی صفحه قرار داده اید و قصد دارید تا زمانی که کاربر موس خود را بر روی آن می برد، به صورت تدریجی به اندازه بزرگ و اصلی خود در بیاید و کاربر آن را مشاهده نماید و هنگامی که کاربر موس خود را از روی آن می برد، به انداز قبلی و کوچک خود بر گردد. خاصیت Transform در سی اس اس، این امکان را به ما می دهد که یک متن یا یک بخش را به شکل مورد علاقه ی خود بچرخوانیم، به عنوان مثال می توانید یک متن را در سایت خود با چرخش نشان دهید. این افکت ها از قابلیت های منحصر به فرد در CSS مب باشند که تنها با نوشتن یک قطعه کد ساده امکانپذیر خواهند بود.
در دوره آموزشی CSS: Transitions and Transforms شما با قابلیت های اساسی و کلیدی در انتقال و جابه جایی آبجکت ها در صفحات وب و با استفاده از سی اس اس آشنا می شوید.
دسته:
نرم افزار ←
توسعه وب ←
طراحی وب
|
ASP/PHP
,
HTML/XML/CSS
,
Java/JavaScript
اگرچه برای کد نویسی صفحات Web از HTML استفاده می کنیم ولی در انجام عملیات کنترلی روی قالب بندی ها مشکلات فراوانی در این زبان وجود دارد که باعث ناکارآمدی آن می گردد و اینجاست که قالب بندی آبشاری یا CSS به کمک HTML می آید تا ایجاد قالب بندی های حرفه ای به راحتی بیشتری انجام شود. نرم افزار TopStyle یکی از قدیمی ترین و جالب ترین برنامه های کاربردی در زمینه استایل شیت و یا همان CSS می باشد. این نرم افزار دارای ابزاری قدرتمند برای ساخت وب سایت های استاندارد می باشد. و تمامی کد های موجود در CSS1 و CSS2 را برای شما به نمایش می گذارد و حتی شما می توانید بسته به مرورگری که قرار است سایت خود را بر پایه آن بنا کنید برنامه را اجرا نموده و شروع به کار نمایید تا وب سایت شما بیشترین سازگاری را با مرورگر وب تان داشته باشد. با استفاده از این نرم افزار شما می توانید HTML را به XHTM تبدیل کنید و سپس سینتکس های CSS را در برابر مرورگر های مختلف چک بکنید. همچنین این نرم افزار امکان ویرایش کدهای HTML, XHTML و CSS را فراهم می آورد. در این نرم افزار شما لازم نیست حتما فایل سی اس اس تان به یک صفحه وب لینک داده شده باشد، بلکه این نرم افزار تمامی آبجکت ها، کلاس ها و شناسه ها را برایتان به صورت مجازی ساخته و به نمایش می گذارد تا دیگر نیازی به ذخیره فایل و اجرا بر روی سایت اصلی که ممکن است زمان بر باشد را نداشته باشید.
یکی از ابزارهای بسیار مفید برای طراحان وب که اکنون به بخشی جدایی ناپذیر از پروسه طراحی تبدیل شده است، ابزارهای inspector است. این ابزار اولین بار به عنوان افزونه برای مرورگر فایرفاکس و با نام firebug منتشر شد و سپس توسط تمامی مرورگرها، افزونه های مشابهی منتشر شد. اکنون به نظر می رسد بدون استفاده از این ابزارها، طراحی وب کاری مشکل و گاها غیر ممکن به نظر می رسد. شما در این مجموعه فیلم نخست با مفهوم Inspector آشنا می شوید. سپس ابزارهای موجود برای مرورگرهای مختلف را می شناسید. بعد از آن به سراغ اینسپکتور مرورگر کروم می رویم و تمامی قسمت هایی را که یک طراحی وب (چه مبتدی و چه حرفه ای) به آن نیاز دارد را تک به تک بررسی می کنیم. در دوره آموزشی chrome inspecto شما با تمامی قابلیت ها و امکانات این ابزار که همراه با مرورگر کروم ارائه می شود، آشنا خواهید شد و می توانید به عنوان یک طراح وب از آن ها استفاده کنید.
در کتاب خودآموز طراحی وب به صورت عملی، چند خودآموز مفید طراحی قالب وب سایت در نرم افزار فوتوشاپ و همچنین تبدیل طرح های کشیده شده به کد HTML/CSS به صورت مرحله به مرحله و مصور توضیح داده شده است. مخاطبان اصلی این کتاب افراد مبتدی و در سطح میانه هستند که با مباحث HTML/CSS آشنا بوده و می خواهند مهارت های طراحی وب خود را بهبود بخشیده و به صورت عملی با بخشی از این صنعت پویا و جذاب آشنا شوند.
CSS یا Cascading Style Sheet به طراحان وب سایت ها اجازه می دهد تا کنترل بیستری بر روی ظاهر وب سایت خود داشته باشند و با ارائه محتوا در صفحات جذاب تر بازدید کننده بیشتری را جذب کنند. CSS یا همان شیوه نامه آبشاری روشی ساده برای نمایش چیدمان و جلوه های تصویری در صفحات وب و به شما اجازه می دهد تا به راحتی به انجام تغییرات جزئی و یا حتی طراحی کامل وب سایت خود بپردازید. CSS برای فرمت دهی و طرح بندی، تعریف سبک متن مانند نوع قلم، رنگ و اندازهها، اندازه جدول و جنبه های دیگری از صفحات وب که قبلاً فقط در فایل HTML یک صفحه قابل تعریف بوده است استفاده می شود.
در دوره آموزشی CSS Web Site Design شما با قابلیت های اساسی و کلیدی سی اس اس و طراحی وب سایت آشنا می شوید.