دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۲۴
  • تیر

ایجاد فایل css در نرم افزار Dreamweaver

  • دسته‌بندی‌ها :
ایجاد فایل css در نرم افزار Dreamweaver
    • جزئیات
    • نوع محتواآموزش تصویری

      مقدمه

      با عرض سلام خدمت کاربران سایت پی وی لرن . در ادامه دوره آموزش کار با Dreamweaver ، تاکنون، با مباحث کاربردی و پایه در نرم افزار Dreamweaver، از جمله شروع کار با Dreamweaver . و در ادامه آن با مقذمات طراحی وب سایت با Dreamweaver ، آشنا شدید. در ادامه این دوره در این بخش ، قصد داریم به چگونگی ایجاد فایل css ، برای قالب وب سایت جدیدی که در حال طراحی هستیم، بپردازیم. به همین منظور در این پست آموزشی ، به سراغ مبحث آموزشی ایجاد فایل css در نرم افزار Dreamweaver یا ایجاد style در Dreamweaver ، می رویم.

      ایجاد فایل css در نرم افزار Dreamweaver

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

      ایجاد فایل CSS

      شما می توانید ، کدهای CSS را در داخل کدهای HTML تعریف کنید. با این وجود تعریف و استفاده از این کدها، در داخل یک فایل جداگانه ، بهتر است.

      در اولین گام، باید صفت CLASS یا ID ، که برای header تعریف کرده اید را در اختیار داشته باشید. سپس به قسمت منوی DOM در قسمت پایین ، سمت راست صفحه بروید. که تمام ساختار سایت شما را فهرست می کند. در اینجا مطمئن شوید هدر شما انتخاب شده است.

      سپس، در نمای Live، شما خواهید دید که آن را با یک برچسب کوچک، آبی رنگ نمایش می دهد:

       

      ایجاد فایل css در نرم افزار Dreamweaver

      ایجاد فایل css در نرم افزار Dreamweaver

      روی علامت + کلیک کنید و در #header در قسمت باز شده تایپ کنید. . هشتگ به این معنی است که شما یک شناسه را به عنوان یک کلاس تعریف می کنید. کلید ENTER را بزنید.

      در منوی باز شده،در لیست ابتدای منو، به جای Define in page، انتخاب Create a new CSS file را انتخاب کنید.

      در پنجره ی popup ، که ظاهر می شود، Browse را انتخاب کرده و به فولدر وب سایت خود بروید. سپس style.css را در کادر File/URL تایپ کنید. و Ok را بزنید.

       

      Create a new CSS file - ایجاد style در Dreamweaver

      Create a new CSS file – ایجاد style در Dreamweaver

      هنگامی که شما ، Ok را انتخاب می کنید، یک فایل جدید در بالای نمای Live View ظاهر می شود. شما می توانید آن را از آنجا مشاهده و ویرایش کنید. همچنین به قسمت <head> بخش HTML صفحه شما، مرتبط خواهد بود.

       

      website Live View

      website Live View

      اکنون می توانید ظاهر صفحه وب خود را تغییر  دهید.

      سخن پایانی

      تاکنون در طی دوره آموزش Dreamweaver ، با مبحاث مهمی از جمله چگونگی شروع به کار با نرم افزار و مراحل ایجاد فایل جدید وب سایت ، آشنا شدید. در مطالب اخیر و در این مطلب آموزشی وارد مبحث ایجاد فایل css در نرم افزار Dreamweaver ، شدیم.

      در مطالب بعدی، به چگونگی ایجاد یک رابط بین عناصر و فایل css ، می پردازیم.

      QR: ایجاد فایل css در نرم افزار Dreamweaver
      به اشتراک بگذارید
      , , , , ,


      دیدگاه کاربران

      مطالب ویژه