اصول طراحی صفحات وب

• 
• 

توضیحات

منتشر شده در پنج شنبه, 19 دی 1392 13:36

بازدید: 3199

اصول طراحی صفحات وب

تعریف درس :

هدف درس:

یادگیری طراحی وب سایت های ایستا

رئوس و ریز محتوا:

1.ساختار اینترنت و سرویس دهنده های وب و مرورگرها
   الف)اینترنت و پروتکل HTTP
   ب)ساختار سرویس دهنده های وب و معرفی سه لایه اصلی وب(DB,web server,application server,server)
   پ)ساختار اصلی مرورگرها و موتورهای ترسیم و اجرایی کدها در مرورگرها
   ت)انواع تست قابلیت ها و توانایی های مرورگرها
2.ساختار صفحات وب در HTML استاندارد 4.01
   الف)معرفی تگ و انواع آن
   ب)معرفی ساختار صفحات HTML
   پ)عنوان بندی و پاراگراف بندی
   ت)درج پیوند و تصویر و بررسی انواع آدرس در تگ ها(مطلق،نسبی و جاری)
   ث)لیست های مرتب و نا مرتب
   ج)جدول و تنظیمات مربوطه
   چ)فرمها و انواع اجزاء فرم
   ح)بخش بندی و علامت گزاری(Dir و Span)
   خ)کادربندی و صفحات تودرتو(iframeوldir)
   د)متا تک ها و تنظیمات مربوطه به موتورهای جستجو و چند زبان سازی
   ذ)کنترل استاندارد بودن کدهای HTML توسط ابزارهای W3C
3.طراحی نمای صفحات با کمک استاندارهای Css
   الف)انواع درج کدهای Css در HTML (پارامتر style و Css خارجی)
   ب)معرفی انواع Selector ها و Selectorهای مجازی
   پ)رنگ و تصویر زمینه و تنظیمات مربوطه
   ت)رنگ،اندازه،فونت و حالت نوشتن
   ث)کادربندی و فاصله های داخلی و خارجی و روش های آدرس دهی مکان تگ ها Postion در صفحه مربوطه به آن در استفاده مختصات سه         بعدی
   ج)نمایش و مخفی سازی تگ ها
4.HTML5
   الف)ساختار یک فایل HTML5
   ب)تگ های مربوط به ویدئو و صدا
   پ)فرم در HTML5 همراه با کنترلرها و رسم تصویرهای ساده
5.استانداردهای Css3
   الف)رنگ و تصویرهای پس زمینه
   ب)جاوه های ویژه بر روی متون
   پ)معرفی و تنظیمات فونت
  ت)تبدیلات دو بعدی و سه بعدی
   ث)تنظیمات رابط کاربری چند ستون سازی
   ج)زمانبندی تعبیرات(انتقال) و انیمیشن
6.آشنایی با نرم افزارهای طراحی وب
   الف)Adobe photoshop
   ب)adobe dreamwear
   پ)adobe fireworks
   ت)adobe ilistrator
   ث)adobe flash
   ج)Microsoft expression web
   چ)اجرای یک پروژه نمونه

منابع:

مولف:ریحانه هاشم پور،مرجع کامل HTML,XHTML,Css,JavaScript،انتشارات ساحر
مولف:مهرداد توانا و سعید هراتیان،آموزش سریع HTML5 ،انتشارات ساحر
مولف:امیرحسین رضایی،مرجع کامل طراحی صفحات وب،انتشارات عابد
مترجم:لیلا روحی بنیاد،فتوشاپ 7،طرح و نگار،1382
مترجم:شیرین براتیون،Flash Css،دیباگران تهران،1390
مترجم:فریده باوی-امید باوی،آموزش تصویری طراحی سایت با Dreamwear Cs5 ،عابد،1389