تاپیک برتر فروردین 94 : شعر به علاوه گرافیک
در این تاپیک طرح های گرافیکی تلفیق شعر و گرافیک قرار گرفته است.
  • مشاهده تاپیک برتر
  • تبلیغات   تبلیغات
    نمایش نتایج: از شماره 1 تا 5 , از مجموع 5

    موضوع: آموزش html از مبتدی تا حرفه ای

    1. #1

      http://www.graphiran.com/wp-content/uploads/2013/01/1.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.png
      کاربر
      تاریخ عضویت
      Feb 2016
      عنوان کاربر
      کاربر
      شماره عضویت
      15616
      نوشته ها
      9
      پسندیده
      1
      مورد پسند : 3 بار در 3 پست

      آموزش html از مبتدی تا حرفه ای

      هدف ازاین تاپیک آموزش مقدماتی زبان برنامه نویسی تحت وب html میباشد ( بنده خودم اولا 6 سال پیشسرساخت یک صفحه html مشکل داشتم اصلا نمیدونستم از کجا باید شروع کنم واسه همین گفتم دوستای عزیز هم استفاده کند )
      مقدمه : زبان برنامه نویسی html بیشترین سهم را در اینترنت در بین طراحان برای طراحی دارد
      یاد آوری : در ابتدای کار این مطل رو ذکر کنم که اول برنامه [تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ] را دانلود و نصب کنید که در این محیط بسیار عالی و مناسب کدهای خود را نوشته و تست کنید.
      متن آموزش کاملا خلاصه و مفید میباشد برای آشنایی اولیه اگه دوستای عزیز پسند کردن بیشتر اموزش میزارم
      شکل کلی اینزبان شیرین به شکل زیر میباشد که توضیح خواهم داد یک یکی کاربرد هرکدوم رو
      کد:
      < html >
        < head >
          < title > The title of the page < /title >
        < /head >
        < body >
          ...
          The content of the page
          ...
        < /body >
      < /html >
      خب حالا توضیح هرکد یا بعنوان دیگر توضیح هر تگ :
      هر صفحه ی این صفحه با تگ <html> شروع میشود و پایان صفحه هم با </html> بسته میشود ( درکل هنگام باز کردن یک کد باید آن را با اضافه کردن / به خودش بست )
      ------------------------
      خب کد بعدی <head>
      مثل کد بالا این کد نیز بعد از باز شدن باید بسته شود در داخل این کد متا تگ ها قرار میگیرند برای مثال عنوان صفحه : <title> my website </title>
      همهنگونه که متوجه شدید عنوان نیز دد داخل تگ <title> قرار میگیرد ( اگر به زبان انگلیسی یکمی تسلط داشته باشید کدنویسی کاملا براتون اسون میشه )
      لازم به ذکر میباشد که در داخل تگ <head> سایر متا تگ ها نیز قرار میگیرد که سئوکاران عزیز برای سئو این قسمت زیاد بدردشون میخوره.
      ------------------------
      کد بعدی <body> میباشد
      کل مطالب که در صفحه نشان داده میشه باید داخل این تگ قرار بگیره و باید در آخر با / تگ را بست ( </body> ) برای درک بیشتر یک مثال ساده میزنم تا اینجا :
      کد:
      < html >
        < head >
          < title >وب سایت من< /title >
        < /head >
        < body >
        این سایت یک سایت شخصی میباشد.
        < /body >
      < /html >
      بازدید کننده از بین این کدها فقط متن << این سایت یک سایت شخصی میباشد. >> را مشاهده خواهد کرد.
      تا اینجا کسی سوالی داشت در خدمتیم . این تاپیک بروزرسانی خواهد شد و آموزش های بیشتری قرار خواهد گرفت .
      موفق باشید
      بهترین فروشگاه قالب با قیمت متفاوت و مناسب
      خرید انواع قالب با نازلترین قیمت
      کسب درآمد با فروش قالب

      --
      templatesale.ir
      ---[تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ][تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ]



    2. کاربر مقابل پست past عزیز را پسندیده است:

      mahdidutt (02-17-2016)

    3. #2

      http://www.graphiran.com/wp-content/uploads/2013/01/1.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.png
      کاربر
      تاریخ عضویت
      Feb 2016
      عنوان کاربر
      کاربر
      شماره عضویت
      15616
      نوشته ها
      9
      پسندیده
      1
      مورد پسند : 3 بار در 3 پست
      آموزش 2 :
      خب این اموزش رو از قسمت <head> شروع میکنیم که شامل متا تگ ها میشود که در زیر رخی از متا تگ ها نام برده و مثال زده میشود ( لازم به ذکر میباشد که برخی از متا تگ ها کارایی فراوانی در افزایش بهینه سازی وبسایت دارند
      ---------------------------------------------------
      متا تگ http-equiv :
      این متا تگ به مرورگر بازدید کننده خواهد گفت که وبسایت شما از چه ساختاری بهره میبرد و یونیکد ان چیست برای مثال یونیکد به زبان فارسی :
      کد:
      <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
      ---------------------------------------------------

      متا تگ description :
      این متا تگ متا تگ مربوط به توضیحات وبسایت میباشد. بعد از تگ title و http-equiv در html، متاتگ description از بالاترین اهمیت برای موتورهای جستجو برخوردار است. مثال :
      کد:
      <meta name=”description” content=”بهترین وبسایت فروش قالب” />
      ---------------------------------------------------

      متا تگ keywords :
      این متا تگ مربوط به کلمات کلیدی وبسایت میشود که اهمیت بالایی در سئو وبسایت دارد. مثال : ( هر کلمه با کاما (,) از هم جدا میشود )
      کد:
      <meta name=”keywords” content=”فروش قالب,بهترین فروشگاه” />
      ---------------------------------------------------

      متا تگ robots :
      این متا تگ برای دستور به موتور های جستجو بکار میرود که لازم است بدانید همه مرورگرها از این متا تگ پیروی نمیکنند ولی بهتر از در قالب مورد استفاده قرار گیرد. مثال:
      کد:
      <meta name=”robots” content=”index, follow” />
      کد بالا یعنی صفحه اول یا همان index سایت را دنبال کن
      یا اگر بخواهید موتورهای جستجو صفحه خاصی را دنبال نکنند از متا تگ زیر استفاده کنید :
      کد:
       <meta name=”robots” content=”index, nofollow” />
      ---------------------------------------------------

      متا تگ generator :
      برای مشخص کردن برنامه یا خدمات وبسایت شما جهت انتشار. مثال :
      کد:
      <meta name=”generator” content=”Dreamweaver
      ---------------------------------------------------

      متا تگ author :
      این متا تگ برای مشخص کردن نویسنده مطالب سایت مورد استفاده قرار میگیرد. مثال :
      کد:
      <meta name=”author” content=”Hamed Yousefi” />
      ---------------------------------------------------

      متا تگ expires :
      تاریخ انقضای یک صفحه را مشخص می کند، کاربرد آن اختیاری است و تاثیر زیادی بر روی عملکرد سایت یا وبلاگ شما در موتورهای جستجو ندارد. مثال :
      کد:
      <meta name=”expires” content=”tue, 17 february 2020″ />
      ---------------------------------------------------

      متا تگ copyright :
      مشخص میکند که محتوای وبسایت شما دارای کپی رایت و حق مولف است. مثال :
      کد:
      <meta name=”copyright” content=”مطالب این وبسایت برای این سایت محفوض میباشد” />
      ---------------------------------------------------

      خب فعلا تا این قسمت بنظرم کافیه اگه سوالی بود درخدمتیم .
      موفق باشید
      بهترین فروشگاه قالب با قیمت متفاوت و مناسب
      خرید انواع قالب با نازلترین قیمت
      کسب درآمد با فروش قالب

      --
      templatesale.ir
      ---[تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ][تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ]



    4. کاربر مقابل پست past عزیز را پسندیده است:

      seo.nonegar1 (02-20-2016)

    5. #3

      http://www.graphiran.com/wp-content/uploads/2013/01/1.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.png
      کاربر
      تاریخ عضویت
      Feb 2016
      عنوان کاربر
      کاربر
      شماره عضویت
      15591
      نوشته ها
      2
      پسندیده
      1
      مورد پسند : 2 بار در 2 پست
      عالی بود و سپاس بسیار

      [تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ] و [تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ]

    6. کاربر مقابل پست seo.nonegar1 عزیز را پسندیده است:

      past (02-20-2016)

    7. #4

      http://www.graphiran.com/wp-content/uploads/2013/01/1.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.png
      کاربر
      تاریخ عضویت
      Feb 2016
      عنوان کاربر
      کاربر
      شماره عضویت
      15616
      نوشته ها
      9
      پسندیده
      1
      مورد پسند : 3 بار در 3 پست
      آموزش شماره 3 :
      در این آموزش میریم به قسمت body
      یه توضیح خلاصه بدم که بهتر درک شه . کل مطالب یک صفحه اینترنتی در این قسمت قرار میگیره یعنی اگر بخواهید متنی یا اکسی در صفحه شما دیده بشه باید بید دو تکه کد <body> و </body> بنویسید.
      برای شروع ابتدا چند مورد از خاصیت های متنی رو نام میبرم برای نوشتن متن :

      --------------------------------------------------------------------
      <big> متن را بزرگ معرفی می کند
      <em> متن را مورب معرفی می کند
      <i> متن را مورب معرفی می کند
      <small> متن را کوچک معرفی می کند
      <strong> متن را برجسته معرفی می کند
      <sub> متن را زیرنویس دار معرفی می کند
      <sup> متن را بالانویس دار معرفی می کند
      <ins> قطعه متنی را که در متن اصلی جا داده شده معرفی می کند
      <del> قطعه متنی را که از متن اصلی حذف شده نشان می دهد
      <s> توصیه نمی گردد. به جای آن از <del> استفاده کنید.
      <strike> توصیه نمی گردد. به جای آن از <del> استفاده کنید.
      <u> توصیه نمی گردد.به جای آن از خواص Style استفاده کنید
      <p> که بنده خودم بیشتر از این برچسب استفاده میکنم
      برای مثال یک متن مینویسیم

      کد:
      <p> این یک وبسایت شخصی میباشد <p>
      --------------------------------------------------------------------
      طریقه نوشتن لینک ها :
      کد:
      <a href="http://www.domain.com">لینک</a>
      خب حالا اگه بخواییم وقتی کاربری بر روی لینک کلیک کرد صفحه جدید در یک تب جدا باز بشه از تکه کد روبه رو استفاده میکنیم : target="_blank"
      مثال :
      کد:
      <a target="_blank" href="http://www.domain.com">لینک</a>
      --------------------------------------------------------------------

      طریقه نوشتن عکس :
      کد:
      <img src="http://www.domain.com/images/test.jpg"></img>
      --------------------------------------------------------------------
      و در اخر نحوه گذاشتم عکس لینک دار

      کد:
      <a target="_blank" href="http://www.domain.com"><img src="http://www.domain.com/images/test.jpg"></img></a>
      سوالی بود درخدمتم
      موفق باشید
      بهترین فروشگاه قالب با قیمت متفاوت و مناسب
      خرید انواع قالب با نازلترین قیمت
      کسب درآمد با فروش قالب

      --
      templatesale.ir
      ---[تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ][تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ]



    8. #5

      http://www.graphiran.com/wp-content/uploads/2013/01/1.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.pnghttp://www.graphiran.com/wp-content/uploads/2013/01/2.png
      کاربر
      تاریخ عضویت
      Jan 2018
      عنوان کاربر
      کاربر
      شماره عضویت
      21366
      نوشته ها
      32
      پسندیده
      3
      مورد پسند : 0 بار در 0 پست
      ممنون از آموزش خوبتون.
      میشه بفرمایید چطور باید تعیین کنم لینکها به صورت follow باشد یا nofollow؟ پیش فرض nofollow هستند؟؟؟
      [تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ] |[تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ] |[تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ] |[تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ]| [تنها کاربران عضو شده می توانند لینک ها را مشاهده کنند ]

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

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

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

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

    1. ایجاد صفحات چندگانه در html
      توسط payam-nn در انجمن HTML, CSS, PHP, Java
      پاسخ: 1
      آخرين نوشته: 01-30-2018, 11:17 AM
    2. آموزش تبدیل psd به html با ساده ترین روش
      توسط Mr. Reza در انجمن HTML, XHTML,XML
      پاسخ: 13
      آخرين نوشته: 01-30-2018, 11:16 AM
    3. تبدیل psd به html <
      توسط REZAPIX در انجمن پرسش و پاسخ
      پاسخ: 9
      آخرين نوشته: 06-06-2016, 01:54 PM
    4. آموزش html به همراه توضیحاتی در html5
      توسط Mr. Reza در انجمن HTML, XHTML,XML
      پاسخ: 4
      آخرين نوشته: 05-29-2015, 07:10 AM
    5. کد html تماس با ما به همراه سفارش طراحی
      توسط Mr. Reza در انجمن HTML, XHTML,XML
      پاسخ: 4
      آخرين نوشته: 08-17-2013, 09:20 AM

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

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

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

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

    سایت گرافیران به منظور ارائه بهترین ابزار گرافیکی در وب در تاریخ ۴ خرداد ۱۳۸۹ ساخته شد. از آن زمان تا کنون سعی ما بر این بوده تا بهترین نمونه های آماده ، ابزار گرافیکی و آموزش های فتوشاپ را برای کاربران فراهم کنیم . گرافیران توسط هاست دی ال هاست می شود.

    اطلاعات

    طراحی شده توسط : FoX FuN

    تعرفه تبلیغات : مشاهده تعرفه ها

    ایمیل مدیریت سایت : info@graphiran.com

    لینک ها