آموزش متنی درج تصویر در html


- 361 بازدید

بنام الله خدای دانا و توانا.
با سلام و درود خدمت شما دوستان گل و نازنین
شب روشن
آقا حالتون چطوره؟ احوالات تون چطوره؟ چه میکنید با مزاحمتهای ما؟ خخخ خب دیگه شرمنده شوخی نیست که شیش ماه نبودم! باید به نوعی جبران مافات کنم دیگه نه؟
خب برم سر اصل مطلب, مدتی بود تو ذهنم بود که خدایا چطوری میشه در وردپرس یا html مثل همین سایت محبوب
شب روشن
اسک یا همان عکس شما جوون های گل قرار بدم؟ یا مثلاً برای هر قسمت عکسی بذارم تا مثل بعضیها هی مجبور نشم از پستها کامنت ها رو کپی کنم و مثل پتک تو سرشون بکوبم و یا اینکه استفاده مثبتی بکنم و با استفاده از تصاویری که متناسب با متنم انتخاب میکنم و تو مطلبم میذارم مطلب رو جذاب و خوندنی و در عین حال مفید کرده باشم.البته خعلی خوبه درسته شاید بدرد نابیناها نخوره اماااا میتونیم در پست خودمون تصاویری رو که مد نظرمون هست رو در جای جای متن مون بذاریم تا یه بینایی که ازش بازدید میکنه براش جذاب باشه.
این شد که به دنبال این پرسشم رفتم و تو اینترنت که یار و مددکار همیشگی من هست و تا اینجا‌شم خیلی خیلی بهش مدیونم گشتم که ببینم چه نتیجه ای میگیرم.
دیدم بعله یه تگ نویسی هست تو html که میتونیم با استفاده از این فرمول و نوشتن این دستورات اسک یا عکس‌مون رو قرار بدیم.
بعد از آنکه یاد گرفتم اسکایپی با بهنام عزیزم که اگه اجازه بده میخوام اسم شناسنامه ثبت احوالیش رو تغییر بدم و بذارم خوشنام خخخخ شکلک: بهشم مییاد هاااا تغییر بدم چرا که این مدت کوتاهی که اومدم خعلی بزرگواریها از ایشون و سعید عزیزم دیدم که هرچی بگم کم گفتم.
بعله با بهنام صحبت کردم که آقا جون من این رو یاد گرفتم آیا اشکال داره تو سایت بذارم؟ اونم گفت: لا مشکل.
البته خیلیها میگن با microsoft word میشه این کارها رو انجام داد. اما من برام شخصاً از وقتی که عضو سایت شب روشن شدم و رسماً و علناً فعالیتهای مجازیم رو آغاز کردم و با وردپرس و این چیزا آشنا شدم دریافتم که تگ‌نویسی برام خیلی راحتتر هست و راحتتر تر به مقصد میرسم.
از اون وقت بود که شروع به دادن آموزشهایی که خودم یاد میگرفتم در این حیطه یعنی معرفی برخی تگ‌ها کردم, نمونه اش هم لینک گذاری و لیست باکس و هدینگ بود, الآن هم که بینا شدم و کارم رفت به graphic خخخ
خب جونم براتون بگه که: من آنچه رو که خودم یاد گرفتم که چطوری عکس در پست قرار بدم رو آموزش میدم حتی امتحانشم کردم اماااا خلاصه هرچی باشه من نابینام و اینم اسک هست و شوخی بردار نیست که؟ از مدیر فنی گل و گلاب امیررضای عزیزم که خعلی خعلی تا بینهایت به توان بینهایت دوستش دارم میخوام تو کامنت دونی ایراداتم رو که حتماً بی‌ایراد نیست به من و سایر بازدید کنندگان این مطلب بفرمان تا مستفیض از انوار کامپیوتر و اینترنت بشیم خخخخ
خب در گام اول فرض بفرمایید که ما میخوایم عکسی رو در مطلبی قرار بدیم مثلاً متنی داریم به ای مضمون: من مهدی عزیززاده هستم
حالا میخوایم مخاطب عکس من رو ببینه.
خب ابتدا باید عکس خودم رو جایی آپلود کنم تا روی سروری قرار بگیره مثل
آپلود سنتر شمسی پور
یا هرجایی که لینک مستقیم میده خلاصه جایی بذاریم که با یه اشاره دان بشه. اون وقت هست که کار ما تازه شروع میشه و میریم برا درج عکس.
البته اینم بگم که وقتی عکس رو که کم‌حجم هم هست جایی آپلود کردید حتماً یادتون باشه لینک بگیرید تا ازش استفاده کنید.
خب, بعد از اتمام مراحل فنی کار, میایم وارد مراحل فنیتر میشیم.
متن رو مینویسیم
من مهدی عزیززاده هستم.
خب حالا میخوایم تصویر مهدی رو در زیر این متن کوتاه قرار بدیم.
اول یه اینتر میزنیم یا اصطلاحاً یه خط مییایم پایین.
بعد اینطور مینویسیم: <img src= بعد از این یه علامت Quote که همانا شیفت بعلاوه Apostrophe هست رو میزنیم البته تجربه ام بهم میگه برا وارد کردن Quote صفحه کلید باید انگلیسی باشه چرا که انگلیسیش بهتره. خب بعد از این علامت یعنی Quote بلافاصله و بدون گذاشتن هیچ علامتی لینک عکس رو وارد میکنیم مثلاً http://shaberoshan.ir/wp-content/uploads/2015/09/IMG_۲۰۱۲۰۲۱۱_۱۹۱۸۵۶۱٫jpg بعد از گذاشتن لینک مجدداً علامت Quote رو میزنیم و بعد از آن, یه فاصله میدیم, بعد از دادن فاصله مینویسیم alt= و بعد علامت Quote میزنیم و توضیحی رو که میخوایم ضمن نمایش عکس نوشته بشه رو مینویسیم مثلاً اینجا مینویسیم: دخترم مریم. بعد از نوشتن این عبارت, مجدداً Quote میزنیم و در پایانم علامت بزرگتری که همانا /shift+dot هست یعنی Greater رو وارد میکنیم و یه اینتر میزنیم.
بدین ترتیب عکس ما درج شده که البته باید ذخیره بشه تا نمایش بده یعنی برا تست اینکه آیا درج شده یا نه اگه میخواید مطلب رو منتشر کنید باید روی لینک پیش‌نمایش کلیک کنید تا ببینید شده یا نه؟
که معمولاً باید بشه.
خب دوستان الآن میخوایم این رو عملاً باهم امتحان کنیم.
<img src= " http://shaberoshan.ir/wp-content/uploads/2015/09/IMG_۲۰۱۲۰۲۱۱_۱۹۱۸۵۶۱٫jpg " alt= "دخترم مریم"

که البته من الآن چون میخوام آموزش بدم بین تگ‌ها فاصله گذاشتم تا عمل نکنه اما حالا میخوام فاصلههای اضافی رو بردارم و واقعاً بشما نشون بدم ببینید اینطوری درمییاد:

مهدی عزیززاده خرمی

بهمین راحتی و خوشمزگی.
خب بحثم تمام شد فعلاً تا بعد.
یاعلی.

یک نفر این پست رو پسندیده!
Print Friendly
مهدی عزیززاده

درباره مهدی عزیززاده

بنام خداوند بخشنده مهربان ضمن عرض سلام و درود به خدمت بازدید کنندگان این جانب: مهدی عزیززاده خرمی هستم این جانب در روز شنبه مورخ 5 آبانماه سال 1363 هجری شمسی، 27 اکتبر سال 1984 میلادی و 2 صَفَر سال 1405 هجری قمری در استان مازندران شهرستان آمل متولد شدم. از همان ابتدای کودکی من نابینا به دنیا آمدم. دوران ابتدائی را در مدرسه استثنائی دین و دانش آمل به پایان رساندم. سپس مقاطع راهنمایی و متوسطه و پیشدانشگاهی را مثل خیلی از همنوعانم در مدارس عادی سپری کردم. این جانب در سال 81 در آموزشگاه شهید مدنی آمل همگام با گروهی از همنوعانم مهارتهای ICDL را زیر نظر خانم نائیجیان گذراندم. و در پایان آن دوره در امتحان مربوطه این جانب با نمره عملی 100 و نمره تئوری 99 به عنوان نفر اول انتخاب شدم. بعد از آن چون آن زمان من کامپیوتری نداشتم به مدت 5 سال از رایانه به اجبار فاصله داشتم. بعدها در سال 86 با تهیه کامپیوتر و تهیه بستههای آموزشی و راهنمایی دوستان خصوصاً دوست و یار با وفایم آقای عادل اکبری توانستم اکثر مهارتها را بیاموزم. در همینجا بر خود لازم میدانم در وهله اول از سرکار خانم نائیجیان که مهارتهای پایه و اساسی کامپیوتر را به بنده آموختند و در وهله بعد از جناب آقای عادل اکبری که با صبر و حوصله در راه یادگیری مهارتهای بیشتر کُمَکَم کردند و از هیچ کوششی دریغ نکردند و حتی هنوز هم من از محضرشان درس میگیرم صمیمانه و متواضعانه تشکر و قدردانی کنم. این جانب در سال 87 در خانه نور جانبازان آمل به مدت 3 ماه به تدریس کامپیوتر به جانبازان عزیز شهرمان اشتغال داشتم. همچنین در سال 89 در مدرسه استثنائی شهرمان به تدریس رایانه به دانش‌آموزان پرداختم. هماکنون نیز گاهاً جسته و گریخته به طور خصوصی به برخی از بچهها کامپیوتر میآموزم یا مشکلاتشان را در این حیطه برطرف میکنم. این جانب پس از اتمام دوره پیشدانشگاهی در سال 82 در آزمون ورودی دانشگاه شرکت نمودم. و با رتبه 47747 مجاز به انتخاب رشته شدم اما در انتخاب رشته پذیرفته نشدم. با این حال امیدم را از دست ندادم و مجدداً در سال 83 در آزمون شرکت کردم و با رتبه 23000 موفق به پذیرفته شدن در دانشگاه پیام نور شهرستان محمودآباد در رشته الهیات و معارف اسلامی با گرایش فقه و مبانی حقوق اسلامی شدم. و در سال 90 موفق به اخذ مدرک کارشناسی در رشته فوق گردیدم. من یک فرزند دختر به نام مریم دارم. که خیلی هم دوستش دارم! الآن که دارم اطلاعات بخش شناسنامه ام رو بروز میکنم مریم خانُمَم کلاس دوم دبستان رو تمام کرده و انشاالله در مهرماه امسال به کلاس سوم دبستان خواهد رفت. یک برادر نابینایی هم دارم اما متأسفانه خواهری ندارم البته خیلی دوست داشتم خواهر داشته باشم چون اعتقاد قلبی من این است که خواهر نعمتی بزرگ است چرا که میتوان در کنارش یا با حرفهایش یا با قربان صدقه رفتن برادرهایش یک تسکین دهنده روح و جان برایمان باشد. البته ما برادرها هم باید هوادار خواهرمان باشیم. میتوانید از دو راه ایمیل و تلفن همراه با من در ارتباط باشید البته من نیز مانند اکثر دوستان نابینا تلفن گویا دارم و با پیامک هم مشکلی ندارم البته کاربر اِسکایپ نیز هستم. از افتخارات معنوی من تشرف 15 مرتبه به مشهد مقدس و 4 مرتبه به حرم حضرت معصومه (سلامالله علیها) و همچنین سفر روحانی کربلای معلا میباشند. از غذاهای محبوبم ماکارونی و خوراک جگر البته جگر سیاه است. من آدم زیاد احساسی نیستم اما خیلی زود به اشخاص دلبسته شده و به آنها وابستگی عاطفی پیدا میکنم. به مباحث کامپیوتری و خصوصاً آموزشی در این حیطه علاقه دارم و تا آنجا که بتوانم پیگیری میکنم. این جانب مدت یک سال در گروه تواشیح سبحان عضویت داشتم و هماکنون مثل خیلی از همنوعانم در قرائت قرآن و خوانندگی دستی دارم. راههای ارتباط با من: ایمیل: m.azizzadeh.amol@gmail.com تلفن: 09114140583 آیدی اِسکایپ: mehdi.azizzadeh.2014 شاد باشید و سرفراز. آخرین بروز رسانی: شنبه- 29 خردادماه سال 1395, ساعت- 18:20دقیقه و 46ثانیه.
این نوشته در آموزش, اطلاع رسانی, اینترنت, ترفند, حرفای خودمونی, رایانه, سرگرمی, علمی, گفت و گو, مسائل مربوط به نابینایان عزیز, معرفی ارسال و , , , , , , , , برچسب شده است. افزودن پیوند یکتا به علاقه‌مندی‌ها.

16 پاسخ به آموزش متنی درج تصویر در html

  1. بیدل می‌گوید:

    سلام ایول ممنون. خیلی مفید بود. دستت مرسی.

  2. بیدل می‌گوید:

    ببین یادم رفت بگم. اگه بخوای عکس رو از سایت دیگه توی پست خودت بیاری چطوری باید این کارو بکنی؟ من یه جاهایی رفتم. ولی خعععععلی شلوغ بود. چیز زیادی دستگیرم نشد. ممنون میشم بجوابی.

    • مهدی عزیززاده مهدی عزیززاده می‌گوید:

      سلام
      ببین عزیزم, باید عکس رو جایی آپلود کنی که بهت لینک مستقیم بده مثل شمسیپور یا تو اینترنت آپلود سنترهای زیادی هستند که فقط مخصوص عکس هستند و رایگان هم هستند. اما من عکس رو تو هاست شب روشن آپلود کردم. خخخخ آخه نه اینکه سعید دوستم داره! خواستم عکسم همیشه جلو چشاش باشه خخخخ اما بنظرم شما بهترین جایی که میت.ونی عکسهات رو آپ کنی آپلود سنتر شمسی پور هستش ضمناً اگه تو اینترنتم سرچ کنی آپلود سنترهایی هم هست که فقط و فقط عکس میپذیرند. فقط دقت کن اونا امن باشند که یه وقت عکس من و شما رو به تروریستهای داعش ندند خخخخ

  3. سلام آقای عزیززاده مرسی از شما عالی بود.
    اتفاقا منم مثل شما با کد html راحتترم.
    البته قبلا با آفیس راحتتر بودم ولی از وقتی که کد نویسی html رو یاد گرفتم دیگه برای لینک بندی و هدینگ بندی و حتی لیست باکس دیگه از آفیس استفاده نمیکنم.
    بازم مرسی من که یاد گرفتم. خیلی عالی بود.
    میگما.
    .
    .
    .
    حسااااابی فعالید هاااااااااااا!
    ایول. البته فعالیتتون رو با مطالب مفید دارید ادامه میدید و این بینهایت عااااااالیه و ارزش مطالبتون رو حسااااااااابی بالا میبره.
    من واقعا بدون تعارف به شما افتخار میکنم.
    بازم خسته نباشید. خب خدا رو شکر. سید هم این دفعه دیگه اول نشد. خخخ.

    • مهدی عزیززاده مهدی عزیززاده می‌گوید:

      سلام ابوالفضل عزیزم
      خیلی ممنونم ازت. ضمناً خیلی هم خوشحالم که مثل خودم تگ‌نویسی میکنی. جای امیررضا خالی. میگما: اگه تگهایی بلدی که نمیدونم بذار تا یاد بگیرم. از اینکه بهم لطف داری ممنونم اماااا بنظرم این پستهایی که از مناطق محروم آوردم جزء فعالیتهام تو سایت محبوبم محسوب نمیشه چرا که بقول معروف هنر اونه که خلاقیتی دیگر نظیر همین پست و پست فردا از خودت بروز بدی وگرنه اینکه کارهایی که به سفارش افرادی دیگر انجام دادی و همونا رو عیناً با دو سه واژه کم یا زیاد بییاری اینجا هنر نیست که, در هر صورت, من از لحن کلامت خیلی خوشم مییاد ابوالفضل جان, بیتعارف اگه انتقاداتی هم به کارهام داری یا خواهی داشت بهم بگو میپذیرم. در پایانم یه پیغام: جون من راستش رو بگو تو بعد از کامنتیدن تو هر پستی فوراً به سید اطلاع میدی؟ خخخ آخه قبل از اینکه به کامنتت جواب بدم دیدم کامنت سید دقیقاً بعد از تو هست. خخخخ مرسی.

      • مرسی نظر لطفتونه.
        نه حالا این پست که مفید بود هیچ.
        ولی پست آموزش eset smart security که پنج قسمت بود یا آموزش لیست باکس یا آموزش هدینگ بندی یا آموزش webvisum رو که خودتون زحمتش رو کشیدید. یا خیلی از پستهای مفیدتون که حضور ذهن ندارم.
        نه به خدا بی تعارف دارم میگم.
        همیشه پست هایی میزارید که به کار نابیناها بیاد یا براشون جذاب باشه.
        شاید مثلا پست eloquence که چند روز پیش زده بودید رو اگرچه خودتون درست نکرده باشید، ولی بچه ها از خوندنش لذت بردند. چون خیلی ها که اصلا این کار رو بلد نبودند. خیلی ها هم که اصلا وقتش رو نداشتند.
        یا پست لیست باکس درست کردن رو. خب خیلی ها مثل من اصلا نمیدونستند لیست باکس چیه.
        یادمه پارسال بود من به بچه ها میگفتم: بچه ها دیگران چی کار میکنند که توی پستشون میاد: list of 5 items: فلان. فلان. فلان. فلان. فلان. list end. یعنی حتی این رو هم نمیدونستم که اسم این لیست باکس هستش. خخخ.
        در کل میگم اگه بعضی پست هاتون رو هم زحمتش رو خودتون نکشیده باشید مثلا پستی که آموزشی نباشه، قطعا پستی خواهد بود که به درد بچه ها میخوره و یا براشون جذابیت داره. البته مثلا این پست رو هم شما زحمتش رو کشیدید که سرچ کردید پیدا کردید واسه ما گذاشتید ولی منظورم پستهای خلاقانه بود.
        خداییش همه ی مطالب شما اکثرشون رو نمیدونستم مثلا همین هدینگ بندی رو. و خیلی به دردم خورده.
        بازم مرسی خسته نباشید.
        راستی راجع به سید هم نه. خخخ. بهش زنگ نزده بودم. نمیدونم خودش از کجا فهمید اومد.
        خخخ. 🙂

  4. بیدل می‌گوید:

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

    • مهدی عزیززاده مهدی عزیززاده می‌گوید:

      سلام آهان گرفتم چی شد. ببین مثلاً تو داری وبگردی میکنی و تو متنت به جایی میرسی که عکس هست و جاز میگه
      graphic بیدل
      اون وقت شما روی عکس قرار میگیری و اون رو ابتدا در سیستمت ذخیره میکنی بعد عکسها رو جایی آپلود میکنی بعد متناسب با متنت از عکسها استفاده میکنی. ذخیره عکس هم برا ما به این صورت هست که وقتی روی عکس هستیم JawsKerser میکنیم بعد RightMouseButten میزنیم بعد از منوی باز شده گزینه Save Image رو انتخاب میکنیم بعد از اینکه روی ذخیره کلیک یا اینتر زدیم PCKerser میکنیم و در کادر باز شده عکس رو ذخیره میکنیم. فقط دقت کن که عکسها با اعداد نامگذاری میشن اگه نیمه بینا هستی که هیچ ولی اگه نابینا جایی یادداش کن که مثلاً از عکسی بنام ۱۲۷۶۵۷۴۵۴۵۶ باید در فلان جا از متن استفاده کنم و بهمین صورت تا آخر. امیدوارم خوب بیان کرده باشم

  5. رضا خطیبی می‌گوید:

    سلام مرسییییییییییییییییییییییییییییییییییی ییی یییییییی یییییییییییییییییییی ییییییییییییییییییییییییییییییییییییییییییییییییی ییییییییی ییییییییییییییی ییییییییییییییییییییییی ییییییییی

پاسخ دهید

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

Question   Razz  Sad   Evil  Exclaim  Smile  Redface  Biggrin  Surprised  Eek   Confused   Cool  LOL   Mad   Twisted  Rolleyes   Wink  Idea  Arrow  Neutral  Cry   Mr. Green