ابعاد پیکسل

اول از همه ما نیاز داریم که بدانیم ابعاد پیکسل چیست ؟
ابعاد پیکسل مجموع کل پیکسلهای یک تصویر در عرض و ارتفاع آن می باشد. برای مثال تصویری با ابعاد 640 پیکسل در 480 پیکسل دارای 307200 پیکسل می باشد.
مفهوم دیگری به نام DPI (نقطه در اینچ) وجود دارد، برای مثال شما تصویری به ابعاد 15 اینچ در 10 اینچ دارید با 300 dpi ، ابعاد پیکسل برای این تصویر می شود :
15×300 = 4500 پیکسل در عرض و 10×300 = 3000 پیکسل در ارتفاع، و کل پیکسلها در این تصویر برابر 4500×3000 = 13500000 می باشد.

در دنیای کامپیوتر تصاویر به دو دسته تقسیم می شوند، تصاویر Vector و Raster. برنامه هایی مثل Adobe Photoshop تصاویر Raster ایجاد می کنند و Adobe Illustrator می تواند تصاویر Vector ایجاد کند.
اما تفاوت این دو چیست ؟

ممکن است قبلا در مورد CSS box modeling شنیده باشید، مفهوم ساده ای دارد. به این تصویر نگاه کنید :

امروزه پیشنهاد می شود که از Semantic HTML و CSS برای ساختار وب سایت استفاده کنیم. روش بسیار خوبی است که برای ساخت منوی سایت از CSS استفاده کنیم و از CSS برای Style دادن آن بهره ببریم، ممکن است بعضی از کاربرها به دلایلی نتوانند از CSS استفاده کنند و یا آنرا غیر فعال کرده باشند، توسط این روش آنها براحتی می توانند از منو استفاده کنند.
من در این آموزش ساده به شما نحوه ساخت یک منوی افقی ساده را با لیست های HTML و CSS آموزش می دهم.
ابتدا ما یک لیست برای منو درست می کنیم و در یک div قرار می دهیم.

شاید شما هم قبلا به این مشکل برخورده باشید، شما یک وب سایت طراحی کردید و می خواهید ببینید که در مرورگرهای مختلف چگونه نمایش داده می شود، مخصوصا وقتی Internet Explorer 7 را نصب کرده باشید و می خواهید روی Internet Explorer 6 امتحان کنید، چون همانطور که می دانید هنوز خیلی از کاربرها از این نسخه استفاده می کنند.

در این قسمت من نحوه ساخت یک ساعت را توسط Adobe Flash و Actionscript به شما آموزش می دهم، شما احتمالا باید در حد مقدماتی با Flash و Actionscript آشنایی داشته باشید تا بطور کامل آنرا فرا بگیرید.
ساختن اجزای گرافیکی
ابتدا یک فایل جدید در Flash ایجاد کنید (AS 2.0)، ما به چهار movieclip نیاز داریم، یکی برای عقربه ساعت، یکی برای عقربه دقیقه، یکی برای عقربه ثانیه و یکی برای بدنه ساعت. همچنین ما به یک text box برای نشان دادن ساعت به صورت دیجیتال نیاز داریم. اجزای گرافیکی را هر جور که مایلید ایجاد کنید و آنها را به movieclip تبدیل کنید، شما می توانید از عکس زیر هم استفاده کنید :
شما می توانید PHP را بر روی ویندوز (98,ME,NT,2000,XP,2003,VISTA) با Apache و MySQL نصب کنید.
ولی بر روی ویندوزهای 98 و ME ممکن است با مشکلاتی مواجه شوید.
اما روش دیگر استفاده از بسته های زیر می باشد :
WAMP (Windows, Apache, MySQL, PHP)
XAMPP (X-all platforms, Apache, MySQL, PHP, Perl)
من بر روی سیستم خودم WAMP را نصب کرده ام، بعد از دریافت فایل و دبل کلیک کردن بر روی آن عملیات نصب شروع می شود. دایرکتوری پیش فرض c:\wamp می باشد اما شما می توانید هر مسیری را انتخاب کنید.

Block ها همیشه به صورت عمودی در صفحه قرار می گیرند، به این معنی که آنها به اندازه عرض صفحه فضا را اشغال می کنند.

Inline ها همیشه به صورت افقی در صفحه قرار می گیرند، یعنی به اندازه عرض خودشان فضا اشغال می کنند.
CSS Rule

Selector مشخص می کند که کدام Element باید این Style را بگیرد.
Declaration Block همیشه درون {} می باشد و شامل Property و Value می باشد.
اگر شما می خواهید از Inline Style استفاده کنید باید از روش زیر استفاده کنید، در این روش برای دادن Style های بیشتر از Semicolon استفاده می کنیم. برای مثال :
<p style="color:blue; font-size:12px;">This is paragraph</p> 
DOCTYPE مشخص کننده نوع سند می باشد و مشخص می کند که چه نوعی از X)HTML) استفاده می کنید، همچنین به مرورگر می فهماند که این صفحه چگونه باید رندر شود. باید در بالای صفحه و قبل از تگ <html> نوشته شود.
بسیار مهم است که سند شما دارای DOCTYPE باشد چون validate می شود و در همه مرورگر ها به درستی رندر می شود.
شما می توانید 3 نوع DOCTYPE انتخاب کنید، Transitional، Frameset و Strict.




