/ جلسه دوازدهم آموزش Css -->HTML و Html
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 6 از 6

موضوع: جلسه دوازدهم آموزش Css -->HTML و Html

  1. #1
    AminX آنلاین نیست.
    AminX
    مدير بازنشسته
    4,703نوشته6,570مورد پسند

    تاریخ عضویت
    Mar 2013
    شماره عضویت
    984
    پسندیده است
    2,596 پست
    بلاگ
    2 پست
    میزان امتیاز
    6578
    مسئول 2 ستاره
    www.cssnevis.ir

    جلسه دوازدهم آموزش Css -->HTML و Html

    درود !

    با جلسه دوازدهم اموزش اچ تی ام ال در خدمت شما هستم !

    خب در این اموزش میخوام بهتون یاد بدم نقش Css این وسط توی اچ تی ام ال چیه مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    اول یک نکته بگم :

    کدهای css در تگ <head> قرار میگیرند و کد های html در تگ <body> ! کنار هم نذاریدشون با هم دعواشون میشه مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    حالا یکم مثال و توضیح بدم حال بیاید مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    برای اینکه به هر پاراگراف یا .... رنگ مخصوصی بدید توسط سی اس اس و اچ تی ام ال باید ابتدا خاصیت سی اس اسی اون رو در تگ head بذارید مثلا :

    کد:
    <html><head>
    <style type="text/css">
    h1 {color:red;}
    h2 {color:blue;}
    p {color:green;}
    </style>
    </head>
    به مثال بالا دقت کنید : همونجور که میبینید برای هر پراگراف یا ... یک رنگ معلوم کردیم !کدهای سی اس اس رو در تگ style بذارید مثلا این رو :<style type="text/css"> رو اول

    کدهای سی اس اس و <style/> رو آخرشون بذارید.

    حالا باید توسط اچ تی ام ال پاراگراف ها یا .... که میخوایم خاصیت های سی اس اس رو بهشون بدیم به این صورت عمل میکنیم:

    کد:
    <body>
    
    <h1>All header 1 elements will be red</h1>
    <h2>All header 2 elements will be blue</h2>
    <p>All text in paragraphs will be green.</p>
    
    
    </body>
    </html>

    خب کدهای کامل به این صورت خواهد بود:

    کد:
    <html><head>
    <style type="text/css">
    h1 {color:red;}
    h2 {color:blue;}
    p {color:green;}
    </style>
    </head>
    
    
    <body>
    
    
    <h1>All header 1 elements will be red</h1>
    <h2>All header 2 elements will be blue</h2>
    <p>All text in paragraphs will be green.</p>
    
    
    </body>
    </html>
    مثال بعدی :

    قبلا نحوه لینک دار کردن کلمات رو یاد گرفتید ولی متوجه شدید با اون خاصیت وقتی کلمه ای رو لینک دار میکنیم آندرلاین میشه !

    برای اینکه آندرلاین نشه باید از خاصیت text-decoration:none; استفاده کنیم !

    به مثال زیر توجه کنید:

    کد:
    <html><body>
    
    
    <a href="http://www.w3schools.com" style="text-decoration:none;">Visit W3Schools.com!</a>
    
    
    </body>
    </html>
    خب آقا مصطفی زحمت یاد دادن css رو میکشند و با اموزش های ایشون خاصیت های css رو یاد خواهید گرفت در این اموزش من فقط نحوه ارتباطشون رو خواهم گفت !

    CSS توسط چند چیز میتواند به اچ تی ام ال مربوط بشه:

    • استفاده از خاصیت style که به مثال دوم که بالا توضیح دادم دقت کنید که بدون استفاده از تگ <head> و تعریف خاصیت جدید امکان پذیر بود .
    • استفاده از تگ <style> برای سی اس اس در تگ <head> که به مثال شماره 1 دقت کنید همانگونه هست
    • استفاده جدا اچ تی ام ال و سی اس اس ! به طور مثال css ها رو در یک فایل جدا و اچ تی ام ال در یک فایل جدا بنویسید !ولی باید اول کدهای html خودتون در تگ هد کد زیر رو وارد کنید :

    کد:
    <link rel="stylesheet" type="text/css" href="styles.css">
    در قسمت style.css باید نام فایل سی اس اس رو بنویسید !

    فعلا تا همینجا کافیه بقیه مطالب رو در اموزش های سی اس اس یاد خواهید گرفت و اگه بخوام دربارش توضیح بدم گیج میشید !

    ادامه دارد مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    2 نفر از اعضا پست AminX را پسندیده اند


    .....

  2. نوين وردپرس تبلیغات شما

  3. #2
    Mr.Design آنلاین نیست.
    Mr.Design
    کاربر اخراجي
    256نوشته264مورد پسند

    تاریخ عضویت
    Jun 2014
    شماره عضویت
    5739
    پسندیده است
    130 پست
    بلاگ
    2 پست
    میزان امتیاز
    274
    No Set
    درود.

    من یه قسمت رو نفهمیدم:

    یعنی اینهایی که گفتین راجب سی اس اس مثلا رنگ دادن به متن توسط تگ style رو باید در نوت دیگری بنویسیم یا کلا زبان css رو در نت دیگیری اون توی html باشه؟

    بعدش اینم یه مقدار بیشتر کلا از اولش توضیح بدین که چیکار میکنه و دقیقا کجا بزاریم؟
    کد PHP:
    <link rel="stylesheet" type="text/css" href="styles.css"
    ببخشید من اینقد سوال میکنما.
    .اقعا پول هم میدادم اینجوری حالیم نمیشد.خیلی راحت و روون.!!!الان خومم میتونم اینا رو به کس دیگه ای یاد بدم به خدا!!!

    بعدش یه چیزی اچ تی ام ال کلا تموم شد؟مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بیمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بیراحت شدیم به خدا.!!!مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  4. #3
    Danial آنلاین نیست.
    Danial
    کانديد مديريت
    625نوشته1,060مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    64
    پسندیده است
    692 پست
    بلاگ
    0 پست
    میزان امتیاز
    1070
    www.delgia.ir
    درود
    دوست عزیز ببینید کد زیر بیانگر این هست که برای افکت ها باید به فایل styles.css مراجعه بشه:
    کد:
    <link rel="stylesheet" type="text/css" href="styles.css">  
    حالا شما باید تو همون جایی که فایل html هست یه فایل جدید درست کنی با نام styles و پسوند css.
    و حالا در این فایل هست که میتونید افکت ها رو اعمال کنید.مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    - - - Updated - - -

    درود
    دوست عزیز ببینید کد زیر بیانگر این هست که برای افکت ها باید به فایل styles.css مراجعه بشه:
    کد:
    <link rel="stylesheet" type="text/css" href="styles.css">  
    حالا شما باید تو همون جایی که فایل html هست یه فایل جدید درست کنی با نام styles و پسوند css.
    و حالا در این فایل هست که میتونید افکت ها رو اعمال کنید.مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    کاربر زیر پست Danial را پسندیده است:



  5. #4
    Mr.Design آنلاین نیست.
    Mr.Design
    کاربر اخراجي
    256نوشته264مورد پسند

    تاریخ عضویت
    Jun 2014
    شماره عضویت
    5739
    پسندیده است
    130 پست
    بلاگ
    2 پست
    میزان امتیاز
    274
    No Set
    [QUOTE=DANIAL;122635]درود
    دوست عزیز ببینید کد زیر بیانگر این هست که برای افکت ها باید به فایل styles.css مراجعه بشه:
    کد:
    <link rel="stylesheet" type="text/css" href="styles.css">  
    حالا شما باید تو همون جایی که فایل html هست یه فایل جدید درست کنی با نام styles و پسوند css.
    و حالا در این فایل هست که میتونید افکت ها رو اعمال کنید.مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی


    1. یه مقدار گیج شدم دانیال جان:

    2. فک کنم منظورت این بود که یعنی بعد از نصب استایل باید برای اون بره به قالب styles.css دیگه؟
    3. بعدشم این کد رو باید در پایان تگ هد قرار بدیم؟

    4. اینو بازم نفهمیدم:

    5. که یعنی چی همونجایی که فایل html هست یه فایل جدید درست کنم؟

    6. بعدش یعنی من در تگ هد اون تگ رنگ ها رو نباید اعمال کنم؟باید برم در در فایل بعدی یعنی css بنویسم؟

    7. لطف کن به هموشن سوا سوا پاسخ بده


  6. #5
    Danial آنلاین نیست.
    Danial
    کانديد مديريت
    625نوشته1,060مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    64
    پسندیده است
    692 پست
    بلاگ
    0 پست
    میزان امتیاز
    1070
    www.delgia.ir
    1-گیج شدن عادی هستمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    3-شما از ساخت ایندکس شروع کنید!استایل هنوز زوده.روی دسکتاب یه پوشه درست کنید به نام index و در درون اون 2 تا فایل ایجاد کنید با نام های index.html و styles.css
    4-شما در تگ head قرار بدید.مهم نیست کجاش.اولش باشه بهتره.
    6-نفهمیدن عیب نیست
    8-بالا توضیح دادم
    10-بله،کلا هر افکتی که میدید در فایل css اعمال کنید.
    12-جدا جدا جواب دادم.مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    کاربر زیر پست Danial را پسندیده است:



  7. #6
    Mr.Design آنلاین نیست.
    Mr.Design
    کاربر اخراجي
    256نوشته264مورد پسند

    تاریخ عضویت
    Jun 2014
    شماره عضویت
    5739
    پسندیده است
    130 پست
    بلاگ
    2 پست
    میزان امتیاز
    274
    No Set
    ممنون گرفتم.مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بیمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. اموزش html جلسه دوم کار با متون
    توسط J⑩nAt⑩N در انجمن HTML
    پاسخ: 8
    آخرين نوشته: 07-09-2014, 05:01 PM
  2. یه سوال کوچیک درباره جدول در html
    توسط local در انجمن گفت و گوی آزاد
    پاسخ: 19
    آخرين نوشته: 06-28-2013, 03:47 AM
  3. پاسخ: 2
    آخرين نوشته: 05-29-2013, 03:44 AM
  4. یه سوال برای html
    توسط Hose!N در انجمن پشتیبانی دیگر اسکریپت ها
    پاسخ: 6
    آخرين نوشته: 05-28-2013, 02:29 AM
  5. دانلود قالب قبلی هاست پرداز به صورت html
    توسط Mr.Sina در انجمن دیگر قالب ها
    پاسخ: 0
    آخرين نوشته: 05-27-2013, 12:06 AM

کلمات کلیدی این موضوع

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
خرید بک لینک
مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی