آموزش طراحی سایت با استفاده از html و css – بخش سوم


توسط : روابط عمومی رشدانا در ۳۰ تیر ۱۳۹۸

در بخش دوم از آموزش طراحی سایت با html css ،مقدمه ای بصورت کلی در ارتباط با آموزش طراحی سایت با html و css بیان کردیم.

در ادامه به طراحی سایت با css بصورت کلی می پردازیم.

برای درک بهتر دو کلمه html و css باید گفت اگر html را اسکلت یک ساختمان در نظر بگیریم ، css نمای ظاهری و زیبایی ساختمان است.

 

آموزش طراحی سایت با html و css

  • صفحه وب بصورت کلی به دو بخش زیر تقسیم می شود:
  1. Client Side
  2. Server Side
  • بخش اول خود به سه قسمت تقسیم می شود:
  1. ساختار صفحه که توسط HTMLساخته می شود.
  2. رنگ ، شکل و شمایل صفحه که در CSS تعیین می شود.
  3. منطق برنامه در سمت کلاینت که با استفاده از زبان های اسکریپتی مانند جاوا اسکریپت مشخص می شود.

بنابرین CSS عنصر ضروری برای طراحی سایت شماست.

تاریخچه CSS

تا قبل از سال ۱۹۹۵ ، HTML یک زبان ساده بود.

با پیشرفت اینترنت این زبان قادر به پاسخگویینیاز کاربران نبود.

همچنین خواص تگ های HTML از جمله تگ<font> کار پردازش را سخت کرده بود تا ایکه کنسرسیوم جهانی وب در سال۱۹۹۵ ،css راجهت تعریف ساختار ظاهری وبسایت ارائه کرد.

 

  • سینتکس css از دو بخش  selector (انتخابگر)و declaration (اعلان) تشکیل شده است.

به ساختار زیر توجه کنید:

آموزش طراحی سایت با html و css

 

  • selector شامل یکی از تگ های html یا نام کلاس و  یا شناسه(ID)است.
  • هر Declaration شامل یک propertyو هر property شامل یک value(مقدار)است.

روندساختار بالا:

برای تغییر خصوصیات ظاهری یک تگ ، اول نام تگ وسپس ویژگی هایی مانند رنگ ، اندازه فونت و…را مینویسیم و مقدار هر ویژگی را جلوی هر ویژگی بعد دو نقطه (:) قرار می دهیم.

اگر به مثال داخل تصویر توجه کنید میبینید که اشاره به تغییر رنگ و اندازه فونت دارد که در تگ p یعنی(<p>) قرار گرفته است.

به رنگ مقدار آبی داده و برای تغییر اندازه فونت ابتدا یک (;)گذاشته ایم.

توجه:

در ابتدا یکی ابزار برای نوشتن کد مانند نرم افزار Notepad ++را از این سایت دانلود کنید.

روش های استفاده از Css در HTML

سه روش وجود دارد:

۱- روش خطی inline stylesheets

استایل مورد نظر مستقیم و در خصوصیت style آن تگ مقدار دهی می شود.

در مثال گفته شده  برای تغییر رنگ صفحه به صورت خطی به این شکل زیر عمل می کنیم:

 

آموزش طراحی سایت با html و css

۲- روش درونی Internal Stylesheet

تمامی دستورات CSS بین دو تگ <style></style> یعنی تگ <head> قرار می گیرند.
مثلا برای تغییر رنگ زمینه صفحه بشکل زیر عمل می کنیم:

آموزش طراحی سایت با html و css

۳- روش خارجی external stylesheets

تمام استایل های مورد نظر در فایل جداگانه ای نوشته شده و با پسوند css ذخیره میشود و  توسط برچسب <link> مانند شیوه زیر به صفحه اضافه می شود:

و دقت کنید که آدرس فایل  file.css در href نوشته می شود.

دوره آموزشی پیشنهادی

آموزش ایمیل مارکتینگ پیشرفته

Email Marketing Course

راهی دیگر برای تبلیغات موثر


  • آیا هنوز ایمیل مارکتینگ کاربرد دارد
  • آموزش انتخاب بازار هدف
  • آشنایی با ابزار های ایمیل مارکتینگ
  • آشنایی با ابزار mailchimp
  • آموزش محتوای مناسب برای ایمیل مارکتینگ
  • مزیت های بازاریابی ایمیلی نسبت به مدل های دیگر بازاریابی

  • زمان: چهارشنبه 30 مرداد 98 ساعت 16:30 الی 20
  • مدت زمان دوره : جلسه 3 تا 4 ساعته
توضیحات بیشتر و ثبت نام
آموزش فروش آنلاین و اینترنتی

Online sales techniques

فروش خاک در بیابان کار هر کسی نیست


  • آموزش فروش و تکنیکهای فروشندگی حرفه ای
  • اعتماد سازی در بحث فروش آنلاین
  • آموزش قیف فروش یا Sales Funnel
  • مزیت های رقابتی فروش آنلاین نسبت به فروش فیزیکی
  • آشنایی با پرسونای مشتری
  • تفاوت های موجود در فروش خدمات و محصولات
  • آشنایی با ابزارهای نوین بازاریابی
  • تست های شخصیتی در فروش

  • زمان: 2 شهریور ماه 98 ساعت 16:30 الی 20
  • مدت زمان دوره : یک جلسه 3 تا 4 ساعته
توضیحات بیشتر و ثبت نام
آموزش ورود به دنیای ارز دیجیتال

Cryptocurrency Course

ورود به دنیای جذاب تجارت ارزهای دیجیتال


  • بلاک‌چین چیست و چه کاربرد هایی دارد
  • تفاوت کوین و توکن
  • آشنایی با استارتاپ های مبتنی بر بلاکچین
  • تشریح کیف پول های رایج و نحوه استفاده از آنها
  • ارز دیجیتال چیست و چه کاربرد هایی دارد
  • ماینینگ چیست و آیا توجیه اقتصادی دارد؟
  • آشنایی با بیتکوین، اتریوم و ریپل
  • آشنایی با دستگاه های استخراج ارز
  • آشنایی با صرافی های ارز دیجیتال
  • قوانین معاملاتی تهیه ارز از صرافی ها

  • زمان: هم زمان با به حد نصاب رسیدن کارگاه
  • مدت زمان دوره : 3 جلسه ی 4 ساعته
توضیحات بیشتر و ثبت نام
تیم سازی، کار تیمی و رهبری تیم

Teamwork for Success

ایده های ناب، زمانی به وجود می‌آیند که افراد در یک گروه فعالیت کنند


  • ویژگی های یک تیم خوب
  • معرفی الگوها و منابع کاربردی کار تیمی
  • اصول تیم سازی حرفه ای
  • رهبری صحیح و کارتیمی
  • اصول رهبری در تیمهای کاری
  • انواع نقش های فردی در کارتیمی
  • چالش های موجود در تیم ها
  • تصمیم گیری در تیم های کاری

  • زمان: دوشنبه 22 مهر ماه 98 ساعت 16:30 الی 19:30
  • مدت زمان دوره : یک جلسه ی 4 ساعته
توضیحات بیشتر و ثبت نام
آموزش گوگل آنالیتیکس پیشرفته

Advanced Google Analytics



  • زمان: همزمان با به حد نصاب رسیدن کارگاه
  • مدت زمان دوره : یک جلسه ی 3 تا 4 ساعته
توضیحات بیشتر و ثبت نام

ورود به دنیای حرفه‌ای کارآموزی

درخواست کارآموزی

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *





دوره های پیشنهادی:
سایر دوره ها