ساده ترین راه برای افزودن استایل به یک صفحه استفاده از شناسه style در تگهای HTML است. برای افزودن استایل به یک تگ باید عبارت " "=style را وارد تگ مربوطه کنیم و ویژگیهای مورد نیاز خود را بین دو دابل کوت ( " ) وارد می کنیم. مثلاً فرض کنید می خواهیم به یک تگ DIV استایل اضافه کنیم. در این صورت تگ DIV به صورت زیر در می آید. <div style="property:value"
برای نمونه وقتی بخواهیم متن داخل یک DIV به رنگ سبز نمایش داده شود می توانیم به صورت زیر تگ DIV را بنویسیم: <div style="color:green">متن داخل DIV </div>
توجه کنید که بین ویژگی color و رنگ سبز ( green ) از علامت دو نقطه ( : ) استفاده شده نه از علامت مساوی که در تگهای HTML استفاده می شود. همچنین لازم نیست مقادیر مورد نظر را بین علامت های نقل قول ( " ) قرار دهیم. می توانید نتیجه به کارگیری کد بالا را در سطر زیر مشاهده کنید: متن داخل DIV
ادامه بخش 3... نوشته شده در
تاريخ
چهارشنبه 25 آذر 1388
توسط رضا عبدالملكي
|
نظرات (0)
با استفاده از کلاس می توانیم برای یک تگ HTML استایلهای متفاوتی را تعریف کنیم. برای نمونه فرض کنیم می خواهیم در صفحه دو نوع پاراگراف داشته باشیم: یکی با متن مشکی و دیگری با متن قرمز. برای مشخص کردن این دو نوع پاراگراف می توانیم از سلکتور کلاس استفاده کنیم. ابتدا استایل را به صورت زیر می نویسیم:
p.black {color: black}
p.red {color:red} در مرحله بعد باید برای هر پاراگرافی که می خواهیم به رنگ مشکی باشد از شناسه "class="black در تگ <p> استفاده کنیم و برای پاراگراف قرمز از شناسه "class="red. البته نام کلاسها اختیاری است ولی بهتر است آنها را طوری انتخاب کنید که مفهوم داشته باشند تا وقتی که حجم استایل شما بیشتر شد به گنگ نباشد. در مثال زیر می توانید کد مربوط به نوشتن دو پاراگراف بالا را در متن HTML ملاحظه کنید: ادامه بخش 2... نوشته شده در
تاريخ
چهارشنبه 25 آذر 1388
توسط رضا عبدالملكي
|
نظرات (0)
CSS یا همان Cascading Style Sheet روشی است برای قالب بندی و طراحی اجزای صفحه از قبیل متن، تصویر، زمینه صفحه، کادرها و تقریباً هر چیزی که در طراحی صفحه استفاده می شود بدون استفاده از کدهای HTML. از طریق این استایل شیتها می توانیم از دوباره نویسی کدهای HTML که باعث مشکل شدن کد نویسی و همچنین کند شدن سرعت بارگذاری صفحه در اینترنت می شود جلوگیری کنیم. برای مثال می توانیم یک بار نوع فونت مورد استفاده در یک صفحه را تعیین کنیم و دیگر مجبور نباشیم کد مربوط به فونت را در صفحه به کار ببریم. همچنین می توانیم از این ابزار قدرتمند در مواردی به جای جاوا اسکرپت نیز استفاده کنیم و چون مشکلات جاوا اسکرپت مثلاً غیر فعال بودن جاوا اسکرپت در مرورگر را ندارد با خیالی آسوده تر می توانیم از آن استفاده کنیم.
ادامه بخش 1... نوشته شده در
تاريخ
چهارشنبه 25 آذر 1388
توسط رضا عبدالملكي
|
نظرات (0)
با سلام و تشكر از كاربران اين پايگاه از جمله آقا ميلاد .
قبل از پاسخ به سوالات شما بايد خدمت كاربران اين پايگاه عرض كنم كه اين پايگاه به تازگي شروع به كار كرده است . ساير قسمتهاي اين پايگاه به زودي تكميل خوهد شد . بنده براي اين وب سايت آموزشي برنامه هاي ويژه اي را تدارك ديده ام كه به زودي تكميل خواهد شد .
پاسخ به سوالات آقا ميلاد :
شما درخواست آموزش قالب سازي براي وبلاگ را داده ايد .
يكي از اهداف من براي ايجاد اين پايگاه آموزش طراحي قالب ميباشد ، فقط كمي صبور باشيد ( چون من همزمان در حال رسيدگي به وبلاگ آموزش برنامه نويسي هستم) ء
درخواست بعدي اينكه شما ميخواهيد از قالب وبلاگ هاي ديگر استفاده كنيد .
راه حل :...
ادامه پاسخ... نوشته شده در
تاريخ
سه شنبه 24 آذر 1388
توسط رضا عبدالملكي
|
نظرات (0) |