تحویل پروژه طراحی سایت انجمن وایتکس

دپارتمان ict متشکل از علوم رایانه، ارتباطات و شبکه سازی که امروزه کاربردهای متنوع و گسترده ازین علم در محیط کار مطرح شده است.

دپارتمان ict مجتمع فنی تهران در سال های اخیر گام هایی جهت ارایه دوره های بین المللی و تخصصی شبکه به منظور اموزش داوطلبان و تربیت متخصصین مربوطه جهت افزایش سطح دانش و آگاهی علمی جامعه انفورماتیک برداشته است و همچنین با طراحی سایت انجمن وایتکس بر آن شدند تا بتوانند به راحتی با عزیزانی که تمایل دارند در این راه قدم بردارند در ارتباط بوده و بتوان به سوالات آنان پاسخ داد. طراحی سایت انجمن وایتکس توسط شرکت نوتریکا صورت گرفته است.

منبع: تحویل پروژه طراحی سایت انجمن وایتکس

مقدمه‌ای بر CSS

گام بعدی ما یادگیری CSS  است که به ابزاری کلیدی برای طراحان امروزی وب محسوب می‌شود.

CSS چیست؟

CSS مخفف کلمات «Cascading Style Sheets» به معنی شیوه‌نامه‌های آبشاری است. سی اس اس خواهر خوانده زبان کد نویسی HTML است که امکان می‌دهد صفحات وب‌تان را قالب بندی کنید. نمونه‌ای از تغییر در قالب بندی تیره کردن کلمات است. در HTML استاندارد می‌توانید از تگ <b> برای این‌کار استفاده کنید:

<b>make me bold</b>

این تگ به خودی خود به خوبی کار می‌کند و هیچ مشکلی با آن نداریم، به جز این‌که فرض کنیم می‌خواهید تمام نوشته‌هایی که ابتدا تیره‌شان کرده‌اید را زیر‌خط‌دار کنید؛ در این حالت مجبورید تک به تک سراغ جاهای پر رنگ رفته و تگ آن‌ها را عوض کنید.

نقطه ضعف دیگر آن را می‌توان در این مثال جستجو کرد: فرض کنیم می‌خواهید متن بالا را پر‌رنگ کرده، فونت آن Verdana انتخاب نموده و رنگ آن را به قرمز تغییر دهید؛ برای این‌کار به مجموعه زیادی از کد‌های دستوری در اطراف متن نیاز دارید:

<font color=”#FF0000″ face=”Verdana, Arial, Helvetica, sans-serif”>

<b>This is text</b></font>

این روش نوعی پرگویی (دارای اطناب) است و باعث می‌شود کد HTML تان شلوغ و بهم ریخته شود. با استفاده از سی اس اس می‌توانید یک قالب سفارشی در هر جایی که می‌خواهید ایجاد کرده و همه تنظیمات خاص آن را یک‌جا انجام دهید، یک نام منحصر به فرد برای آن انتخاب کنید، و سپس HTML ‌تان را طوری «تگ» کنید که این قالب خاص را اعمال کند: 

HTML پیشرفته

شاید نام این درس را باید می‌گذاشتیم: گسترش فهم پیشرفته از اصول HTML. قرار نیست ترفندهای پیشرفته یا تگ‌های جدید یاد بگیریم، داریم کاری می‌کنیم که به مراتب فایده بیشتری دارد: آشنایی با اصول اولیه تفاوت آدم حرفه‌ای با آماتور‌ها است.

مقدمه HTML پیشرفته

فناوری HTML برای یادگیری نسبتا ساده است، آن‌قدر ساده که در واقع وقتی خیلی از مردم اصول اولیه آن را یاد می‌گیرند، سریع می‌روند سراغ طراحی سایت و  ساختن صفحه وب، بدون این‌که خیلی راجع به یاد‌گیری اصول اولیهHTML فکر کنند.
به این ترتیب، بسیاری از طراحان وب از همه مزایای HTML و CSS استفاده کامل نمی‌کنند. آنها موجبات اتلاف وقت و پول خود را فراهم میاورند و به طور کلی، زندگی خودشان را مشکل‌تر می‌کنند.

رسانه وب

هرچند تمثیل هرم وب راهی بسیار انتزاعی برای توصیف طراحی وب‌ سایت محسوب می شود، با این حال می‌تواند ابزاری مفید برای نشان دادن کنش و واکنش اجزای مختلف ساختمان و رسانه وب باشد. روش عملی‌تر برای بحث در مورد طراحی سایت که به وسیله آن بتوان اجزای مختلف محیط وب را در ذهن مجسم کرد، اجزای مختلف رسانه ب است که در شکل 2-1 نشان داده شده است.

اجزای رسانه وب

وب‌سایت‌های امروزی در درجه اول یک مدل برنامه‌نویسی شبکه مشتری- سرور هستند که سه عنصر مشترک دارند: 

انواع گروه بندی وب سایت ها

کاربران قرار است وب‌سایت‌ها را مشاهده ‌کنند، در نتیجه وب‌سایت‌ها، یا بر اساس کارکردشان یا بر اساس ظاهر بصری‌شان، طراحی می‌شوند. این مهم است که بتوان سایت‌ها را به این روش توصیف کرد. هر چند، راه‌های زیاد دیگری برای دسته بندی سایت‌ها وجود دارند. در حالی که دسته بندی‌ها مختلف سایت‌ها به نظر بی‌پایانند، می‌توانیم با خیال راحت سایت‌های را به چند روش معمول زیر دسته بندی کنیم. ابتدا با دسته بندی انتزاعی شروع کرده و بعداً سراغ طبقه بندی‌های بصری خواهیم رفت.