قالب وردپرس افزونه وردپرس
خانه / بایگانی برچسب: طراحی اجزای صفحه (صفحه 2)

بایگانی برچسب: طراحی اجزای صفحه

قسمت سیزدهم آموزش HTML – رنگ متن ها در صفحه

بعد از مدت ها به دلایل مشغله با قسمت سیزدهم آموزش HTML همراه شما همراهان همیشگی میکروپـدیا هستیم . با ما همراه باشید در ادامه .. برای تغییر رنگ پیش فرض متن در صفحه باید از تگ <BODY> استفاده کنید. شما باید دنبال ” “=text بعد از تگ BODY بگردید. مانند این : ممکن است به جای رنگ از ترکیبی …

توضیحات بیشتر »

قسمت هشتم آموزش CSS – حاشیه و تو رفتگی عناصر

حاشیه ها margin-left این گزینه به ما اجازه وی دهد تا برای هر یک از اجزای صفحه حاشیه چپ مشخصی را تعیین کنیم. در حقیقت این گزینه مقدار فاصله اجزا را از سمت چپ صفحه مشخص می کند. به یک مثال در این مورد توجه کنید : همانطور که می بینید کد بالا یک DIV را با کادر مضاعف و …

توضیحات بیشتر »

قسمت دوازدهم آموزش HTML – شناسه های تگ body

وقتی که شما یک صفحه HTML می نویسید می توانید چیزهای زیادی را در آن با اضافه کردن شناسه هایی به تگ <BODY> تغییر داد. تگ زیر را در نظر بگیرید : شما می توانید به هر تعداد از این شناسه ها که خواستید به این تگ اضافه کنید. اگر از شناسه ای استفاده نکنید این گزینه مطابق پیش فرض …

توضیحات بیشتر »

قسمت هفتم آموزش CSS – ایجاد کادر برای عناصر

border-style با استفاده از استایل ما می توانیم برای اجزای یک صفحه کادر ایجاد کنیم. با استفاده از پارامتر border-style می توانیم مشخص کنیم که آیا می خواهیم کادر داشته باشیم یا نه، و اگر می خواهیم نوع کادری را که می خواهیم ایجاد کنیم مشخص کنیم. در اینجا می توانید برخی از مقادیری را که می توانیم برای border-style …

توضیحات بیشتر »

قسمت یازدهم آموزش HTML – افزودن لیست به صفحه

دو نمونه از پر استفاده ترین لیستها در HTML لیستهای مرتب و لیستهای نامرتب هستند. در لیستهای مرتب ترتیب بخشهای مختلف لیست مشخص می شود ولی در لیستهای نامرتب این ترتیب مشخص نمی شود. لیستهای نامرتب در لیستهای نامرتب برای عناصر لیست از شماره و عدد یا حروف الفبا استفاده نمی شود. عناصر این معمولاً با یک دایره تو پر …

توضیحات بیشتر »

قسمت ششم آموزش CSS – تنظیم طول و عرض عناصر

عرض و ارتفاع width : این مشخصه به ما امکان می دهد تا عرض یک بخش از صفحه را تعیین کنیم. برای مثال می توانیم با آن عرض یک DIV را تعیین کنیم. در مثال زیر برای DIV عرضی معادل ۲۰۰ پیکسل تعیین می کنیم : نتیجه به صورت زیر خواهد بود : این جمله پس از اینکه عرض آن …

توضیحات بیشتر »

قسمت دهم آموزش HTML – کامنت گذاشتن در HTML

توضیحات ( کامنتها ) می توانند وقتی که در حال نوشتن صفحه خود هستید به شما کمک کنند. مرورگرها نمی توانند کامنتها را نشان دهند پس در صفحه نهایی آنها به بیننده نشان داده نمی شوند. تنها راه مشاهده کامنتها مشاهده صفحه Source code صفحه است که با زبان HTML نمایش داده شود. با استفاده از این خاصیت شما می …

توضیحات بیشتر »

قسمت پنجم آموزش CSS – فایل CSS خارج از صفحه

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

توضیحات بیشتر »

قسمت چهارم آموزش CSS – CSS در HEAD صفحه

استفاده از استایلها می تواند به ما کمک کند تا از دوباره نویسی فرمانها جلوگیری کنیم. برای انجام این کار ما می توانیم یک Style را در بخش HEAD در متن HTML خود تعریف کنیم. یک استایل در HEAD با تگ <STYLE> آغاز می شود و با <STYLE/> به پایان می رسد. در قسمت زیر می توانید یک نمونه از …

توضیحات بیشتر »

قسمت سوم آموزش CSS – استفاده از شناسه Style

ساده ترین راه برای افزودن استایل به یک صفحه استفاده از شناسه style در تگهای HTML است. برای افزودن استایل به یک تگ باید عبارت ” “=style را وارد تگ مربوطه کنیم و ویژگیهای مورد نیاز خود را بین دو دابل کوت ( “ ) وارد می کنیم. مثلاً فرض کنید می خواهیم به یک تگ DIV استایل اضافه کنیم. …

توضیحات بیشتر »