تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 1 از 3 123 آخرینآخرین
نمایش نتایج: از 1 به 10 از 24

مقاله: آموزش کامل HTML اختصاصی وی بی ایران - جلسه چهارم

    1. آموزش کامل HTML اختصاصی وی بی ایران - جلسه چهارم »

      آموزش کامل HTML اختصاصی وی بی ایران - جلسه چهارم

      نگارش: , by (طراح استایل / مدیر ارشد)
      2013/03/29 10:00 PM
      امتیاز: 

      ضمن عرض سلام دوباره امشب نمیدونم چرا این ادیتور با من لج کرده 2باره دارم تا نصفه مینویسم حالا یه بارش حواسم نبود پنجره بسته شد یه بارش هم یه دفعه ادیتور سفید شد !

      حالا کاری نداریم دوباره مینویسم مشکلی نداره...

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

      چون تعداد برچسب ها زیاد هست و نمیرسم که تک تک براتون معرفیشون کنم اونهاییکه زیاد کاربرد بیشتری داره رو براتون توضیح میدم.

      برچسب بعدی که میخوام در موردش حرف بزنم برچسب <code> </code> هست که شما هر چیزی داخل این برچسب بنویسید به صورت کد نوشته میشه و اصطلاحا اجرا نمیشه مثلا:

      کد:
      <title>Untitled Document</title>
      اگرشما این رو داخل یه کد HTML بزنید اجرا میشه اما اگر به صورت زیر زده بشه کدش رو نشون میده:

      کد:
      <code><title>Untitled Document</title></code>

      برچسب بعدی <address> </address> هست که واضح هست برای آدرس دادن استفاده میشه مثلا آدرس محل سکونت...

      برچسب بعدی که خیلی زیاد برای ما ایرانیها کاربرد داره دستور راست به چپ یا چپ به راست کردن یه نوشته هست که rtl میشه راستچین و ltr میشه چپ چین...



      • <bdo dir="rtl"> </bdo> راستچین
      • <bdo dir="ltr"> </bdo> چپ چین


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


      کد:
      <bdo dir="rtl">این یک نوشته تست میباشد.</bdo>
      خروجیش میشه این: این یک نوشته تست میباشد.

      حالا با ltr این خروجی رو به ما تحویل میده: Edit this Fiddle - jsFiddle

      برچسب بعدی نقل قول هست که به 2 صورت استفاده میشه..نوع اول <blockquote> </blockquote> هست و نوع بعدی <q> </q> هست که علامت نقل قول " رو به صورت خودکار به نوشته ما اضافه میکنه مثلا: Edit this Fiddle - jsFiddle

      برچسب بعدی حذف هست و دقیقا همونی هست که موقعی که کاربری رو اخراج میکنید یک خط روش کشیده میشه : <del> </del> نمونه: Edit this Fiddle - jsFiddle

      برچسب ها زیاد هستند ولی پرکاربردترین هاشو خدمتتون توضیح دادم و فکر میکنم کافی باشه.

      پیوندها در HTML

      اول از همه پیوند در HTML رو میخوام براتون توضیح بدم و بعد از اون انشاا... میخوام آشناتون باهاشون کنم.

      دوستان عزیز پیوند ها در کد نویسی HTML مهم هست و یکی از دلایلی که گفتم Dreamweaver رو برای شروع استفاده کنید دقیقا به خاطر همین پیوند ها بود چون به صورت پیشفرض پیوند ها داخلش موجود هست و با اشاره کوچیکی بهشون میتونید یه کدنویسی استاندارد XHTML داشته باشید.


      اولین دستوری که میخوام بهتون معرفی کنم دستور Anchor هست که خیلی ها چه خواسته چه ناخواسته باهاشون سروکله زدید. شکل دستوری Anchor به این صورت هست: <a> </a>

      شما با این دستور میتونید یک لینک (پیوند) یا تصویر یا موزیک یا فیلم یا هرچیزی رو داخل برچسبتون به کار ببرید و اجرا کنید.

      برای اینکه یه لینک داخل کدنویسیتون داشته باشید باید Anchor ب هاین صورت تعریف کنید:

      کد:
      <a href="www.vbiran.ir">بزرگترین مرجع ویبولتین در ایران </a>
      در واقع href معرفی کننده لینک شما هست. خروجی این کد به این شکل هست:

      بزرگترین مرجع ویبولتین در ایران

      از دستور target برای اینکه مشخص کنید که لینک هاتون کجا و چطور باز بشن استفاده میکنید. مثلا در کد زیر:


      کد:
      <a href="www.vbiran.ir" target="_blank">بزرگترین مرجع ویبولتین در ایران </a>
      ما با دستور _blank تعریف کردیم که هرکسی روی لینک کلیک کرد لینک داخل تب جدید براش باز بشه.

      شاید خیلی از سایت ها رو دیدید که بر فرض مثال داخل منو سایتشون زدن قوانین بعد که کلیک میکنید میبینید صفحه به شکلی زیبا پایین میاد و قوانین سایت رو بهتون نشون میده!البته این قابلیت با جکئوری هست اما به صورت خیلی ساده میشه داخل HTML هم اجراشون کرد.

      برای اجرای چنین دستوراتی ما با اضافه کردن یک # به Anchor میتونیم اینکارو انجام بدیم..به مثال زیر توجه کنید.
      Edit this Fiddle - jsFiddle

      دیگر Anchor که استفاده زیادی ازش میشه img هست که میتونید یه عکس رو داخل کدتون نمایش بدید که کدش به این صورت هست:

      کد:
      <img src="http://www.vbiran.ir/images/icons/icon7.png" />
      برای اینکه طول و عرض براش بزاریم به این شکل مینویسیم:


      کد:
      <img src="http://www.vbiran.ir/images/icons/icon7.png" width="16" height="16" />

      امیدوارم که استفاده لازم رو برده باشید.

      تشکر فراموش نشه

      با تشکر

      نویسنده: Leberman
      پخش اختصاصی از وی بی ایران



  1. Top | #2
    کاربر اخراجی

    ورژن ویبولتین
    Suite 4.2
    نوشته ها
    1,141
    میزان امتیاز
    0

    پیش فرض

    درود بر Leberman عزیز

    مثل همیشه عالی

    ممنون عزیز

    کاربر مقابل از RockstarGames بابت این پست مفید تشکر کرده است:


  2. Top | #3
    کاربر سایت

    ورژن ویبولتین
    BETA 1
    نوشته ها
    1,285
    میزان امتیاز
    139

    پیش فرض

    من نمي دونم چرا هيچي نمي فهمم

    عالي عالي عالي ممنون

    کاربر مقابل از Mr.Amirhossein بابت این پست مفید تشکر کرده است:


  3. Top | #4
    کاربر اخراجی

    ورژن ویبولتین
    Suite 4.2
    نوشته ها
    1,141
    میزان امتیاز
    0

    پیش فرض

    شما از جلسه اول بخون متوجه میشی

    کاربر مقابل از RockstarGames بابت این پست مفید تشکر کرده است:


  4. Top | #5
    کاربر سایت

    ورژن ویبولتین
    BETA 1
    نوشته ها
    1,285
    میزان امتیاز
    139

    پیش فرض

    از جلسه اول خوندم ولي نفهميدم
    اگه اموزش ويدويي بود بهتر نبود؟؟؟
    فكر كنم مشكل از منه

  5. Top | #6
    کاربر اخراجی

    ورژن ویبولتین
    Suite 4.2
    نوشته ها
    1,141
    میزان امتیاز
    0

    پیش فرض

    پرهام جان گفتند که جلسه اول

    "
    اگر کدنویسی رو میشد تصویری یادگرفت الان دیگه ملت غمی نداشتن میزاشتن داخل سینما خانگی با تخمه میشستن کد نوشتن یاد میگرفتن عزیزم"

    کاربر مقابل از RockstarGames بابت این پست مفید تشکر کرده است:


  6. Top | #7
    مدیر ارشد

    ورژن ویبولتین
    All Versions
    نوشته ها
    3,176
    میزان امتیاز
    447

    پیش فرض

    نقل قول نوشته اصلی توسط ignore نمایش پست ها
    از جلسه اول خوندم ولي نفهميدم
    اگه اموزش ويدويي بود بهتر نبود؟؟؟
    فكر كنم مشكل از منه
    خداوکیلی من داخل توضیحاتی که دادم حتی گفتم این > چیه این چیه < !
    یعنی دیگه از این روانتر من نمیتونم توضیح بدم!

    4 تشکر توسط:


  7. Top | #8

    پیش فرض

    آموزش خدایی خوبه ، شما باید با دقت بشینی بخونی . احتمالا دفعه اول با سردرد بدی مواجه میشی ولی از دفعه های بعد برات لذت بخش و روان تر میشه

    اون کد jQuery رو میشه به من بدید . هر مدلی پیدا کردم اونی نبود که میخواستم !

    راستی در کد زیر body رو اشتباهی قرار دادی

    کد:
    <bdo dir="rtl">این یک نوشته تست میباشد.</bdo>

    کاربر مقابل از [email protected] بابت این پست مفید تشکر کرده است:


  8. Top | #9
    مدیر ارشد

    ورژن ویبولتین
    All Versions
    نوشته ها
    3,176
    میزان امتیاز
    447

    پیش فرض

    نقل قول نوشته اصلی توسط m.yMJJ نمایش پست ها
    آموزش خدایی خوبه ، شما باید با دقت بشینی بخونی . احتمالا دفعه اول با سردرد بدی مواجه میشی ولی از دفعه های بعد برات لذت بخش و روان تر میشه

    اون کد jQuery رو میشه به من بدید . هر مدلی پیدا کردم اونی نبود که میخواستم !

    راستی در کد زیر body رو اشتباهی قرار دادی

    کد:
    <bdo dir="rtl">این یک نوشته تست میباشد.</bdo>
    کد جکئوریش یه نمونش همین بالابر موشکی وی بی ایران که علی چند هفته پیش گذاشت!

    اون bdo هست برای rtl و ltr کردن استفاده میشه
    http://jsfiddle.net/8Rmw7/

    2 تشکر توسط:


  9. Top | #10

    پیش فرض

    نقل قول نوشته اصلی توسط Leberman نمایش پست ها
    کد جکئوریش یه نمونش همین بالابر موشکی وی بی ایران که علی چند هفته پیش گذاشت!

    اون bdo هست برای rtl و ltr کردن استفاده میشه
    Edit this Fiddle - jsFiddle
    چه جالب bdo رو تا به حال نمیدونستم ! نه من کدی که به طرف پائین بیاد میخوام .... اون طور که فهمیدم کد هاشون متفاوته

    .scroll() | jQuery API Documentation

صفحه 1 از 3 123 آخرینآخرین

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

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

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

کسانی که این مقاله را دیده اند از این مقاله ها نیز بازدید کرده اند

  1. پاسخ: 178
    آخرين نوشته: 2016/10/20, 09:38 PM
  2. قالب HTML برای فروش محصولات به صورت آنلاین (اختصاصی وی بی ایران)
    توسط Arianismmm در انجمن دانلود استایل ها ، قالب های رایگان و پرمیوم
    پاسخ: 20
    آخرين نوشته: 2014/01/11, 03:47 PM
  3. آموزش کامل HTML اختصاصی وی بی ایران - جلسه دوم
    توسط Leberman در انجمن آموزش های وی بولتین
    پاسخ: 13
    آخرين نوشته: 2013/04/03, 12:19 PM
  4. آموزش کامل HTML اختصاصی وی بی ایران - جلسه سوم
    توسط Leberman در انجمن آموزش های وی بولتین
    پاسخ: 13
    آخرين نوشته: 2013/03/29, 08:29 PM
  5. آموزش کامل HTML اختصاصی وی بی ایران - جلسه یک
    توسط Leberman در انجمن آموزش های وی بولتین
    پاسخ: 17
    آخرين نوشته: 2013/03/28, 11:23 AM

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

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