طراحی سایت

آموزش سی اس اس

آموزش سی اس اس

در قسمت اول با استفاده از CSS یک قالب دو ستونی کلاسیک با navigation سمت چپ ایجاد کردیم که تنها چند نوع تگ HTML داشت. قسمت اول کد صفحه را ارائه کرده و توضیح می‌داد که قرار است از چه تگ‌های HTML استفاده کنیم.
همانطور که می‌دانید، تمام محتوایی (متن، عکس، فلش، و غیره) که کاربر هنگام مشاهده یک صفحه وب می‌بیند با HTML مشخص شده و بین تگ‌های <body> و </body> قرار دارد.
در این مورد داریم:

<body>
<div id=”navigation”>
<h2>The Main navigation</h2>
</div>
<div id=”centerDoc”>
<h1>The Main Heading</h1>
<p>
</p>
</div>
</body>

توجه :
شما باید صفحه ‌HTML ساده خودتان را ایجاد کنید به طوری که بتوانید با من همراهی کرده و گام به گام صفحه را ایجاد کنید.

در کد بالا دو بخش اصلی مشاهده می‌کنیم که هر کدام در داخل تگ‌های <div> محصور شده‌اند. همانطور که در قسمت اول این آموزش یاد گرفتیم، تگ‌های <div> برای این طراحی شده‌اند تا برای ایجاد یک «قسمت» در سند یا به عبارت دیگر، یک ظرف مورد استفاده قرار بگیرند.
دو لفاف مانند آنچه گفتیم ایجاد کرده و هر یک از آن‌ها را با یک ID (یا شناسه) منحصر به فرد نامگذاری می‌کنیم:

<div id=”navigation”>
…
<div id=”centerDoc”>

متوجه خواهید شد که کل محتویات صفحه در یکی از این دو قسمت عمده صفحه قرار گرفته است. بنابراین سوال اول این است: قواعد ID در صفحات HTML چیست و چرا از آنها استفاده کرده و به هر یک از عناصر صفحه مانند DIV‌ها یکی از آن‌ها را اختصاص می‌دهیم؟
اول از همه، می‌توانید به هر تگ HTML‌ی یک ID اختصاص دهید. بنابراین می‌توانم به یک تگ <p> هم یک ID اختصاص بدهم.  ادامه مطلب ...

آموزش سی اس اس پیشرفته css آموزش سی اس اس سی اس اس
چهارشنبه 4 فروردین 1395 ساعت 13:20
0 نظر

آموزش سی اس اس

آموزش سی اس اس

در قسمت اول با استفاده از CSS یک قالب دو ستونی کلاسیک با navigation سمت چپ ایجاد کردیم که تنها چند نوع تگ HTML داشت. قسمت اول کد صفحه را ارائه کرده و توضیح می‌داد که قرار است از چه تگ‌های HTML استفاده کنیم.
همانطور که می‌دانید، تمام محتوایی (متن، عکس، فلش، و غیره) که کاربر هنگام مشاهده یک صفحه وب می‌بیند با HTML مشخص شده و بین تگ‌های <body> و </body> قرار دارد.
در این مورد داریم:

<body>
<div id=”navigation”>
<h2>The Main navigation</h2>
</div>
<div id=”centerDoc”>
<h1>The Main Heading</h1>
<p>
</p>
</div>
</body>

توجه :
شما باید صفحه ‌HTML ساده خودتان را ایجاد کنید به طوری که بتوانید با من همراهی کرده و گام به گام صفحه را ایجاد کنید.

در کد بالا دو بخش اصلی مشاهده می‌کنیم که هر کدام در داخل تگ‌های <div> محصور شده‌اند. همانطور که در قسمت اول این آموزش یاد گرفتیم، تگ‌های <div> برای این طراحی شده‌اند تا برای ایجاد یک «قسمت» در سند یا به عبارت دیگر، یک ظرف مورد استفاده قرار بگیرند.
دو لفاف مانند آنچه گفتیم ایجاد کرده و هر یک از آن‌ها را با یک ID (یا شناسه) منحصر به فرد نامگذاری می‌کنیم:

<div id=”navigation”>
…
<div id=”centerDoc”>

متوجه خواهید شد که کل محتویات صفحه در یکی از این دو قسمت عمده صفحه قرار گرفته است. بنابراین سوال اول این است: قواعد ID در صفحات HTML چیست و چرا از آنها استفاده کرده و به هر یک از عناصر صفحه مانند DIV‌ها یکی از آن‌ها را اختصاص می‌دهیم؟
اول از همه، می‌توانید به هر تگ HTML‌ی یک ID اختصاص دهید. بنابراین می‌توانم به یک تگ <p> هم یک ID اختصاص بدهم.  ادامه مطلب ...

آموزش سی اس اس پیشرفته css آموزش سی اس اس سی اس اس
چهارشنبه 4 فروردین 1395 ساعت 13:20
1 نظر