::. کد نویس .::

آموزش طراحی سایت و برنامه نویسی تحت وب

::. کد نویس .::

آموزش طراحی سایت و برنامه نویسی تحت وب

وب نوشت " کدنویس " به شما کمک میکند که با زبان های برنامه نویسی تحت وب بهتر آشنا شوید .
آموزش های " کد نویس " را دنبال کنید و به خود ایمان داشته باشید که شما نیز میتوانید یک طراح وب شوید و به تجارت الکترونیکی بپردازید.
اگر این تارنما را میپسندید به ما لینک بدهید و " کد نویس " را به اشتراک بگذارید تا بیشتر دیده شویم .
با سپاس فراوان

آموزش ویرایش فایل های HTML

دوشنبه, ۲۵ اسفند ۱۳۹۳، ۰۴:۲۰ ب.ظ

 

 

شاید شما خیلی وقت ها خواستید یک فایل HTML رو ویرایش کنید

خوب زیاد سخت نیست خیلی راحت میتونید در این آموزش این کار رو انجام بدید

با ما همراه باشید

شما ابتدا باید اکستنشن ( افزونه ) Add-ons ی رو در فایر فاکس خودتون نصب کنید که کارتون رو به شدت راحت میکنه

که این افزونه به اسم ( firebug ) هست به شکل یک کفش دوزک که پس از نصب در منوبار مرورگر شما نمایش داده میشه

سپس فایل html رو در موزیلا فایر فاکس یا واتر فاکس باز کنید .

بعد از اینکه فایل شما در مرورگر باز شد روی آیکون فایر باگ کلیک کرده در صفحه ی مرورگر شما یک پاپ آپ باز میشه که داخل اون شما میتونید فایل های خودتون رو ویرایش کنید و سپس در فایل های اصلیتون ذخیره کنید

شما خیلی راحت میتونید فایل های CSS و HTML رو ویرایش کنید

 

 

خوب مشاهده کردید زیاد ها هم سخت نیست !

موفق باشید

با تشکر علی حاتمی

نظرات  (۳)

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

سلام لینکم رو بزارید لینکتون رو خواهم گذاشت و دنبالتون می کنم .

 

از طرف سایت https://parsizmusic.blog.ir

 

نویسنده : The Wolf

  • آکادمی وبکیما
  • نوار اشکال زدایی: در صورت فعال کردن این گزینه، یک نوار مدیریتی اضافه خواهد شد که تمامی قالب‌ها را لیست می‌کند.

    سربرگ جایگزینی URL
    سربرگ جایگزینی URL
    در صورتی که آدرس سایت شما تغییر کرده است یا می‌خواهید از پروتکل HTTPS استفاده کنید، می‌توانید از این قسمت آدرس قدیمی و جدید سایت خود را بنویسید و سپس دکمه جایگزینی URL را بزنید. در این صورت داده‌های المنتور بروز رسانی خواهد شد. البته فراموش نکنید قبل از این کار حتما یک نسخه پشتیبان از سایت خود تهیه نمایید.

    سربرگ کنترل نسخه
    سربرگ کنترل نسخه
    بازگشت نسخه رایگان: در صورتی که در استفاده از نسخه کنونی المنتور بر روی سایت خود مشکلی دارید، می‌توانید دکمه مربوطه در این قسمت را بزنید تا به صورت خودکار به نسخه قبلی افزونه بازگردید. قبل از انجام این کار، گرفتن بک آپ از دیتابیس فراموش نشود.

    تست نسخه بتا: اگر این گزینه را روی حالت فعال قرار دهید، می‌توانید از نسخه بتای افزونه که هنوز به صورت رسمی ارائه نشده است استفاده کنید.

    سربرگ حالت تعمیر
    سربرگ حالت تعمیر
    انتخاب حالت: در این گزینه می‌توانید حالت تعمیر یا به زودی را انتخاب کنید. حالت تعمیر بهتر است بیشتر از 3 روز طول نکشد؛ چرا که بر رتبه سئو سایت شما تاثیر خواهد گذاشت.

    چه کسی می تواند به سایت دسترسی داشته باشد؟: در این قسمت می‌توانید تعیین کنید در صورتی که حالت تعمیر یا به زودی فعال باشد، چه کسی قادر است به مدیریت و خود سایت دسترسی داشته باشد. اگر این گزینه را روی حالت “سفارشی” قرار دهید، می‌توانید این دسترسی را به نقش‌های مختلف وردپرس بدهید.

    انتخاب قالب: در این قسمت می‌توانید قالب نمایش حالت تعمیر را تعیین کنید. برای این کار باید یک قالب برای برگه “در دست تعمیر” که توسط افزونه ساخته شده است بسازید و آن را از این قسمت انتخاب کنید.

    اکنون برای ایجاد صفحه با المان‌های موردنظر خود وارد بخش ایجاد برگه یا نوشته در پیشخوان وردپرس شوید. در این صفحه بخشی به نام ویرایش با المنتور ظاهر می‌شود که با استفاده از آن می‌توانید صفحه موردنظر در وردپرس را به صورت زنده طراحی و ایجاد کنید. پس از کلیک بر روی این بخش باید مدت زمانی را جهت آماده‌سازی ابزارهای افزونه منتظر بمانید و پس از بارگذاری آنها وارد صفحه مربوطه خواهید شد.

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

    انتخاب ساختار صفحه
    با کلیک بر روی ساختار موردنظر خود گزینه‌هایی برای افزودن المان دلخواه خود به آن نمایان می‌شود که باید اجزای موردنیاز خود جهت استفاده در آن صفحه را از ابزارک سمت راست همین صفحه انتخاب کنید.
    به طور مثال ما در این بخش ابزار سربرگ را به صورت Drag & Drop به یکی از بخش‌های مربوط به ساختار صفحه می‌کشیم و اطلاعات آن را وارد می‌کنیم. اینگونه ساخت صفحات گرافیکی در وردپرس امکان‌پذیر می‌شود.

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

    استایل
    استایل المنتور
    در این بخش می‌توانید استایل بخش ایجاد شده را شخصی‌سازی کنید.

    رنگ متن: این بخش مربوط به رنگ متن نوشته شده است.
    تایپوگرافی: در این بخش می‌توانید فونت، رنگ، سایز و… متن موردنظر خود را جهت نمایش در صفحه ایجاد شده انتخاب کنید.
    سایه متن: با استفاده از این گزینه می‌توانید برای متن خود سایه ایجاد کنید.
    حالت ادغام: در این گزینه می‌توانید حالت نمایش و ترکیب حروف را تغییر دهید.

    پیشرفته
    تنظیمات پیشرفته در المنتور
    با استفاده از تنظیمات سربرگ پیشرفته می‌توانید تنظیمات بیشتری برای نحوه نمایش المان مورد نظر خود اعمال کنید. به عنوان مثال می‌توانید فاصله‌ها را تغییر دهید، برای نمایش این المان انیمیشن بگذارید، یک پس زمینه برای حالت معمولی و هاور المان تعیین کنید و یا حتی تعیین کنید این المان در چه سایزهای صفحه نمایشی نشان داده شود.

    در نهایت کافی است بر روی دکمه انتشار کلیک کنید تا صفحه موردنظر در وردپرس موردنظر شما نمایش داده شود.

    نمونه صفحه ساخته شده با المنتور
    دقت داشته باشید هر المانی که اضافه می‌کنید، در سمت راست صفحه دارای 3 سربرگ است که تنظیمات آن المان را در بر دارد. شما می‌توانید از بین 30 المان محتلف افزونه قدرتمند المنتور، صفحه دلخواه خود را با دست باز بسازید.

    نمونه صفحه ساخته شده با المنتور
    یک صفحه ساده با المنتور برایتان ایجاد کردیم که پیشنهاد می‌کنم آن را مشاهده کنید:

    نمونه صفحه ساخته شده با المنتورافزودنی‌های المنتور
    المنتور افزودنی‌های مختلفی نیز دارد که شاید اول کار زیاد به آن‌ها نیازمند نشوید اما بعدها برای تکمیل پروژه خود می‌توانید از آن‌ها استفاده کنید.

    دریافت افزونه‌های حرفه‌ای المنتورجمع‌بندی
    استفاده از صفحات گوناگون با المان‌های خاص با استفاده از کدنویسی ممکن است برای تمامی کاربران امکان‌پذیر نباشد. به همین دلیل ساخت صفحات گرافیکی در وردپرس را با المنتور ممکن می‌سازیم. در این مقاله به آموزش المنتور پرداختیم که با استفاده از آن قادر به

    ایجاد صفحه موردنظر در وردپرس خواهید بود. حتما تجربه خود را در مورد استفاده از افزونه صفحه ساز المنتور با ما در میان بگذارید.

    منبع:

    آموزش المنتور

    ارسال نظر

    ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
    شما میتوانید از این تگهای html استفاده کنید:
    <b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
    تجدید کد امنیتی