+ ساخت سایتهای حرفهای با HTML و CSS +
اینترنت، وب و اچتیامال
برای خیلیها، اینترنت، آن آیکون e آبی رنگ موجود در ویندوز است که آن را باز میکنند و به سایتهای مورد نظر خود میروند. اما به راستی اینترنت چیست؟ به بیان ساده، اینترنت، مجموعهای از کامپیوترها است که به یکدیگر متصل شدهاند. هنگامی که شما به اینترنت متصل میشوید، شما و کامپیوترتان به عنوان بخشی از اینترنت محسوب میشوید.
وب جهان گستر، به عنوان بخشی از اینترنت، شامل میلیونها صفحه وب است که توسط اچتیامال ساخته شدهاند و دائما در حال تغییر میباشند. اچتیامال دو ویژگی بنیادی دارد: یکی ابرمتن بودن و دیگری عمومیت آن.
اچتیامال، ابرمتن است، چرا که امکان افزودن لینک به صفحات وب دیگر را فراهم میکند. توسط لینکها، کاربران میتوانند بین صفحات وب بچرخند و مطلب مورد نیاز خود را جستجو کنند.
از طرفی، صفحات وب به صورت فایلهای ساده متنی هستند. در واقع اچتیامال این خاصیت را داراست: شما میتوانید کدهای یک صفحه وب را درون یک نرم افزار ساده متنی همانند Notepad تایپ کنید و آن تبدیل میشود به یک صفحه وب. از این رو، کاربران، ازهر کامپیوتری، با هر سیستم عامل و هر مرورگری، میتوانند صفحه وب شما را ببینند. این مطلب بیانگر عمومیت اچتیامال است.
وب جهان گستر، به عنوان بخشی از اینترنت، شامل میلیونها صفحه وب است که توسط اچتیامال ساخته شدهاند و دائما در حال تغییر میباشند. اچتیامال دو ویژگی بنیادی دارد: یکی ابرمتن بودن و دیگری عمومیت آن.
اچتیامال، ابرمتن است، چرا که امکان افزودن لینک به صفحات وب دیگر را فراهم میکند. توسط لینکها، کاربران میتوانند بین صفحات وب بچرخند و مطلب مورد نیاز خود را جستجو کنند.
از طرفی، صفحات وب به صورت فایلهای ساده متنی هستند. در واقع اچتیامال این خاصیت را داراست: شما میتوانید کدهای یک صفحه وب را درون یک نرم افزار ساده متنی همانند Notepad تایپ کنید و آن تبدیل میشود به یک صفحه وب. از این رو، کاربران، ازهر کامپیوتری، با هر سیستم عامل و هر مرورگری، میتوانند صفحه وب شما را ببینند. این مطلب بیانگر عمومیت اچتیامال است.
جنگ مرورگرهای وب
آن آیکون e آبی رنگ موجود در ویندوز، که اکثر کاربران، از آن برای گشت و گذار در اینترنت استفاده میکنند، مرورگر وب نامیده میشود. در واقع مرورگر وب، نرمافزاری است که از آن برای دیدن صفحات وب استفاده میکنند.
اما، فقط همین یک نرمافزار نیست. نرمافزارهای دیگری نیز برای این کار مورد استفاده قرار میگیرند که معروفترین آنها، موزیلا فایرفاکس نام دارد. فایرفاکس دارای قابلیتهای بسیار زیادی است که اینترنت اکسپلورر فاقد آن میباشد.
در سال 1994، نتاسکیپ مرورگر معروف خود را به کاربران ارائه داد و در سال 1996، این برنامه به عنوان مشهورترین نرمافزار کامپیوتری شناخته شد. اما نتاسکیپ برای رسیدن به این مهم، ترفندهای نهچندان جالبی را بهکار گرفت.
نتاسکیپ برای آنکه بتواند کاربران بیشتری را به سوی خود جلب کند، عمومیت اچتیامال را زیر پا گذاشت و مواردی را به اچتیامال اضافه کرد که شناسایی و خواندن آنها فقط برای برنامه مرورگر مخصوص این شرکت امکانپذیر بود. این کار توسط شرکتهای دیگر نیز صورت گرفت و اولین جنگ مرورگرها اتفاق افتاد.
برای جلوگیری بیرویه از این کار، پروژه استانداردسازی وب، که از ائتلاف بزرگترین طراحان وب به وجود آمده است، شکل گرفت.
اما، فقط همین یک نرمافزار نیست. نرمافزارهای دیگری نیز برای این کار مورد استفاده قرار میگیرند که معروفترین آنها، موزیلا فایرفاکس نام دارد. فایرفاکس دارای قابلیتهای بسیار زیادی است که اینترنت اکسپلورر فاقد آن میباشد.
در سال 1994، نتاسکیپ مرورگر معروف خود را به کاربران ارائه داد و در سال 1996، این برنامه به عنوان مشهورترین نرمافزار کامپیوتری شناخته شد. اما نتاسکیپ برای رسیدن به این مهم، ترفندهای نهچندان جالبی را بهکار گرفت.
نتاسکیپ برای آنکه بتواند کاربران بیشتری را به سوی خود جلب کند، عمومیت اچتیامال را زیر پا گذاشت و مواردی را به اچتیامال اضافه کرد که شناسایی و خواندن آنها فقط برای برنامه مرورگر مخصوص این شرکت امکانپذیر بود. این کار توسط شرکتهای دیگر نیز صورت گرفت و اولین جنگ مرورگرها اتفاق افتاد.
برای جلوگیری بیرویه از این کار، پروژه استانداردسازی وب، که از ائتلاف بزرگترین طراحان وب به وجود آمده است، شکل گرفت.
استانداردهای وب
کنسرسیوم وب (W3C)، که توسط مخترع وب، تیمبرنزلی، اداره میشود، جامعه وب را به اهمیت عمومیت متقاعد میکند و در عین حال سعی میکند صفحات وب، روز به روز زیباتر و جذابتر شوند. در حقیقت، سعی میکند تا اختلافات موجود میان شرکتها و توسعهدهندگان وب را از بین ببرد.
با ظهور HTML 3.2، آغاز استانداردسازی در وب شکل گرفت. کنسرسیوم وب، سازندگان برنامههای مرورگر را تشویق میکردند تا حد امکان از مقررات رسمیاچتیامال پشتیبانی کنند تا صفحات وبی که بر اساس استانداردها ساخته میشدند، در تمامیمرورگرها به یکسان به نمایش درآیند.
حرکت بعدی، انتشار HTML 4 و CSS بود که در این سیستم جدید، دستورات مربوط به فرمت از ساختار صفحه جدا شد. این سیستم جدید سیاساس نام گرفت.
مشخصات اولیه سیاساس، به بازسازی همان اثرات اچتیامال محدود شده بود. اما با انتشار نسخه جدید آن، یعنی CSS Level 2 در سال 1998، ویژگیها و تواناییهای زیادی به آن افزوده شده بود. هم اکنون سیاساس به شکلی درآمده است، که قادر به ساخت طرحهای بسیار حرفهایی میباشد که اچتیامال از انجام آنها ناتوان است.
با ظهور HTML 3.2، آغاز استانداردسازی در وب شکل گرفت. کنسرسیوم وب، سازندگان برنامههای مرورگر را تشویق میکردند تا حد امکان از مقررات رسمیاچتیامال پشتیبانی کنند تا صفحات وبی که بر اساس استانداردها ساخته میشدند، در تمامیمرورگرها به یکسان به نمایش درآیند.
حرکت بعدی، انتشار HTML 4 و CSS بود که در این سیستم جدید، دستورات مربوط به فرمت از ساختار صفحه جدا شد. این سیستم جدید سیاساس نام گرفت.
مشخصات اولیه سیاساس، به بازسازی همان اثرات اچتیامال محدود شده بود. اما با انتشار نسخه جدید آن، یعنی CSS Level 2 در سال 1998، ویژگیها و تواناییهای زیادی به آن افزوده شده بود. هم اکنون سیاساس به شکلی درآمده است، که قادر به ساخت طرحهای بسیار حرفهایی میباشد که اچتیامال از انجام آنها ناتوان است.
آنچه در این دوره یاد خواهید گرفت
از آنجا که اسناد اچتیامال به صورت فایلهای متنی ذخیره میشوند، میتوان از هر نرمافزار ساده متنی نظیر Notepad استفاده نمود. نرمافزارهای نه چندان حرفهایی نظیر FrontPage و Dreamweaver، اگر چه امکان ساخت سایتهای بعضا جذاب را تنها با چند کلیک، در اختیار کاربران قرار میدهند، اما به علت پایهریزی زیرساختی بسیار بد، سبب عدم نمایش یکسان در مرورگرهای مختلف نظیر اینترنت اکسپلورر و فایرفاکس میشوند. اما، راه حل بسیار ساده است: کدهای اچتیامال را اصولی و بر اساس استانداردهای وب بنویسیم. یکی از اصلیترین ارمغان ایندوره، تفهیم بنیادی این موضوع است. دیگر ارمغانهای این دوره برای شما:
آشنایی کامل و بنیادی با HTML، ضرورتهای XML و XHTML. آشنایی با CSS و ضرورت استفاده از آن. آشنایی با استانداردهای وب و اهمیت آن. المانهای استاندارد اچتیامال برای کار با متنها، تصاویر، لینکها، لیستها، فرمها و جداول. آشنایی با المانهای طلائی div و span. چگونگی بهکار گیری سیاساس، درک مفهوم وراثت (Inheritance) و Cascading و آشنایی با تمامی ویژگیهای آن. آشنایی با مباحث پیشرفته در زمینه سیاساس نظیر CSS Box Model و CSS Hacks و یادگیری درست کردن صفحات وب بدون استفاده از جداول (Table Less Design). آشنایی مختصر با جاوااسکریپت و کاربردهای آن در وب.
آشنایی کامل و بنیادی با HTML، ضرورتهای XML و XHTML. آشنایی با CSS و ضرورت استفاده از آن. آشنایی با استانداردهای وب و اهمیت آن. المانهای استاندارد اچتیامال برای کار با متنها، تصاویر، لینکها، لیستها، فرمها و جداول. آشنایی با المانهای طلائی div و span. چگونگی بهکار گیری سیاساس، درک مفهوم وراثت (Inheritance) و Cascading و آشنایی با تمامی ویژگیهای آن. آشنایی با مباحث پیشرفته در زمینه سیاساس نظیر CSS Box Model و CSS Hacks و یادگیری درست کردن صفحات وب بدون استفاده از جداول (Table Less Design). آشنایی مختصر با جاوااسکریپت و کاربردهای آن در وب.
اگر میخواهید HTML و CSS را اصولی یادبگیرید و سایتهای حرفهای، بر اساس استانداردهای وب بسازید که در تمامی مرورگرها یکسان به نمایش در بیایند و همچنین از سرعت بسیار بالایی برخوردار باشند، همین حالا تماس بگیرید. هیچگونه ریسکی در کار نیست. در صورت ناراضی بودن، کل مبلغ ثبتنام را پس بگیرید.
