خانه / بایگانی برچسب: css

بایگانی برچسب: css

آموزش html و css

. دوره آموزشی HTML آموزش html و css یکی از گام های اولیه جهت آموختن مهارت های لازم در طراحی و برنامه نویسی نرم افزار های تحت وب یادگیری زبان HTML می باشد. در این دوره آموزشی این زبان به طور کامل مورد بررسی قرار می گیرد. عناوین برخی از مهمترین مباحثی که در این دوره تدریس می شود بدین شرح می باشد. آشنایی با مفاهیم اولیه وب و HTML بررسی مرورگر های گوناگون بررسی مفاهیم اساسی HTML چگونگی ایجاد ...

ادامه مطلب

شبه عناصر before و after در CSS

before یک محتوای element تولید شده است که نشانگر اولین child یک abstract styleable در element مربوطه است. محتوای وارد شده با استفاده از ::before قبل از محتوای دیگری در element وارد میشود و بطور default بصورت درون خطی نشان داده میشود. ارزش محتوا با استفاده از content property تعیین میشود. برای مثال، فرض کنید که شما یکblockquote با چند متن دارید. شما میتوانید با استفاده از ::before چند علامت چنگک (علامت نقل قول) را قبل از متن اصلی وارد ...

ادامه مطلب

نکات مهم در طراحی وب سایت

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

ادامه مطلب

آموزش ساخت اسلاید شو با جی کوئری

در این قسمت آموزش ساخت اسلاید شو با جی کوئری را به شما آموزش می دهیم: در مرحله اول یک سند HTML نیاز دارید باید بلوک مشخصی برای آن در نظر بگیرید و کد نویسی را آغاز کنید.                                                                                                                                              <div id=“slideshowContainer”>                                                                                                                                                                               </div> حال بلوک اضافه کردن عکس ها به بلوک قبل اضافه کنید. بسته به نام و حجم عکستان باید کدی مثلکد زیر را داشته باشید:                                                                                                                                               <div id=“slideshowContainer”>                                                                                                                                                       <div class=“slideshow”>                   ...

ادامه مطلب

transform در css

آموزش CSS (فصل یازدهم – جلسه اول) : آشنایی با جلوه های ویژه ی CSS3 خاصیت transform شما میتوانید با استفاده از خاصیت transform  بر روی عناصر جلوه های ویژه ای را اعمال کنید ( در آخر خواهیم آموخت چگونه با استفاده از این خاصیت یه حالت انیمیشن به عناصر بدهیم.) این خاصیت سه مقدار دارد، و هر مقدار  برای یکی از جلوه ها به کار می رود. قاعده کلی : [crayon-59c5735436cb4926588133/]   مقدار پیشفرض : none Rotate  : برای ...

ادامه مطلب

خصوصیت position در css

آموزش CSS (فصل هشتم) : تعیین موقعیت عناصر موقعیت عناصر در صفحه Positioning به شما این امکان را می دهد که موقعیت هر عنصر را به دقت در یک سند مشخص کنید. می توان مشخص کرد که موقعیت یک عنصر به عنصر پدر خود وابسته باشد یا به پنجره ی مرورگر. با استفاده از positioning می توان یک عنصر را بر روی عنصر دیگر لایه بندی کرد. Positioning شامل خاصیت position و چهار مقدار left , right , bottom ,top ...

ادامه مطلب

آموزش CSS list style

آموزش CSS (فصل هفتم) : کار با لیست ها لیست ها عناصری با کاربرد های بسیار متنوع هستند. از جمله برای بخش navigation سایت و برای ایجاد کنترل های tab استفاده می شوند. Navigation معمولا شامل لیستی از لینک ها است، که دارای ویژگی های بصری می باشد و ثابت و خشک نیست، ما در این فصل به طریقه استایل دادن و معرفی خصوصیت هایی که برای کار با لیست ها در CSS استفاده میشود می پردازیم. خاصیت list-style-type با ...

ادامه مطلب

آموزش CSS خاصیت Float

آموزش CSS (فصل ششم) : شناور ساختن عناصر و تراز عمودی خاصیت Float  از این خاصیت برای شناور کردن عناصر و قرار دادن آن ها در کنار یکدیگر استفاده می شود و یکی از سه مقدار را می پذیرد : None : مقدار پیشفرض (هیچ) Left : عنصری که این خاصیت برای آن تخصیص یابد در سمت چپ صفحه و یا در سمت چپ عنصر پدر خود قرار خواهد گرفت و عناصر پس از آن نیز در کنار این عنصر ...

ادامه مطلب

آموزش CSS overflow,border-radius

آموزش CSS (فصل پنجم – جلسه ۲) : فضاهای اطراف عنصر در جلسه قبل شما را  با دو خصوصیت margin و border  آشنا کردیم، گفتیم که برای ایجاد فاصله بین یک عنصر و عناصر اطراف آن باید از خصوصیت margin استفاده کرد و برای ایجاد خط حاشیه دور عنصر نیز از خاصیت border استفاده می کنیم، گفتیم که با استفاده از border-width عرض خط حاشیه، border-color رنگ خط حاشیه و با استفاده از border-style طرح خط حاشیه را می توانیم ...

ادامه مطلب

آموزش CSS خصوصیت Border

آموزش CSS (فصل پنجم – جلسه ۱) : فضاهای اطراف عنصر سلام دوستان. امیدوارم که حالتون خوب باشه، مدتی بود سرگرم کاری بودم به همین دلیل آماده کردن این آموزش کمی طول کشید و یک عذر خواهی به شما عزیزان که این آموزش ها رو دنبال می کنید بدهکارم. اما به امید خدا دیگه همچین اتفاقی نمیوفته و مطالب سر وقت خودشون یعنی هر سه روز آماده می شن . خب حالا بریم سر اصل مطلب : در این قسمت ...

ادامه مطلب
علی طاهری آموزشگاه طراحی سایت نوین آی تی 021-88283800 info(@)novin-it.net