در این آموزش ساده قصد دارم به شما چند نوع آموزش رو بدم که با اون ها می تونید کدهای خودتون رو سریع تر به افراد بدید و یا حتی 100000 (بینهایت) دمو رو در یک صفحه جداگانه قرار بدید.
برای رد و بدل کردن کدهای کم حجم در اینترنت چه کار می کنید؟
- آن را در یک فایل zip یا rar گذاشته و آپلود می کنیم.
- آن را در یک فایل txt یا html گذاشته و آپلود می کنیم.
- آن را به صورت مستقیم در اینترنت برای کاربر ارسال می کنیم.
- آن را ...
از کدام توعید؟
اگر آن را در فایل های zip rar txt html آپلود می کنید علاوه بر تلف کردن وقت برای آپلود وقت طرف مقابل را برای دانلود نیز تلف کرده اید. علاوه بر این باز کردن آپلود سنتر که اکثرا یوزر و پسورد نیاز دارند وقت می برد. یا حتی مشکلاتی مانند utf-8 نبودن متن های درون html و txt مشکلاتی را بوجود می آورند.
اگر هم کدهای سبک حجم را به صورت مستقیم برای طرف مثابل ارسال می کنید (مانند ارسال تاپیک ها در انجمن ها که اکثرا با مشکل روبرو هستند و کد را به درستی ارسال نمی کنند و ارسال ایمیل و ...) مطمئنا با این مشکل که کدی که ارسال می کنید با نحوی که در موقع ارسال می دیدید تفاوت دارد ، روبرو شدید. این مشکل ها اغلب در انجمن ها بوجود می آید. حتی موقع ارسال مطلب در وبلاگ ها و حتی سایت هایی که با وردپرس و جوملا و دیتالایف انجین و ... مدیریت می شوند نیز مشکلات زیادی هست. مخصوصا موقع ویرایش پستی که ارسال شده است.
مشکل ارسال کد در وب ها چیست؟
این مشکل که وقتی کدی را ارسال می کنیم و موقع ویرایش دوباره آن متوجه می شویم که کدی که در درون textarea قرار داده شده است بعد از اتمام کد بقیه متون بعد از textarea به بیرون از ادیتور منتقل می شوند و در ویرایش مطلب اختلال ایجاد می کنند ، از وجود دو تگ textarea در هم می باشد. برای حل این مشکل (برای دارندگان سایت ها و سیستم های وب دهی) نیز فقط کافیست متن درون ادیتور را به جای کاراکتر های <و > از کد HTML آنها استفاده شود که فقط کافیست که از replace استفاده کنید. با وجود این راه حل ساده کمتر سیستم وب دهی را میتوان دید که این مشکل را نداشته باشد.
راه حل ارسال کد در اینترنت چیست؟
با وجود این مشکلات تنها راهی که برای ارسال کد در اینترنت می ماند استفاده از یک ابزار جانبی است. ابزارهایی در اینترنت موجود می باشد که بعضی از آنها پیشرفته هستند و البته به زبان انگلیسی بوده و برای استفاده از آنها نیز می بایست در سایت ثبت نام کرد و از آن استفاده نمود ولی با وجود این امکاناتی که دارند هر چند زیاد هست ولی برای تبادل کد در دنیای اینترنت بسیار نامناسب است.
استفاده از ابزار آزمایش کدهای HTML
ابزار آزمایش کدهای HTML که توسط moisrex (همین سایت) ساخته شده است یکی از ابزارهایی است که در یکی از صفحات جداگانه سایت کدستان قرار دارد ، وجود دارد و در آن علاوه بر آزمای آنلاین کدهای HTML ابزار های دیگری نیز وجود دارد که برای یک کدنویس بسیار مفید هستند. شما در این ابزار با گذاشتن کد در باکس مربوطه و کلیک بر روی آیکون آخر از سمت چپ (آیکون اول از سمت راست) پنجره ای را باز کرده اید که در باکس دوم آدرس همان صفحه آزمایش کد را می بینید که کدی که شما وارد کرده اید با کمی تغییرات وجود دارد که اگر شما این لینک را مانند یک آدرس در صفحه به کار ببرید متوجه خواهید شد که هر وقت از این لینک استفاده کنید کد در جای خود به نمایش در خواهد آمد.
اما مسئله ای وجود دارد: این لینک بسیار طولانی است. لینکی که به شما داده می شود بسیار بلند است و مشکل می توان آن را در اینترنت برای دیگران فرستاد. شما می توانید برای حل این مشکل از کوتاه کننده های لینک استفاده کنید. در زیر یک کوتاه کننده لینک که توسط خود moisrex اداره می شود را مشاهده کنید:
استفاده از ابزار Microsoft Expression Web 4
این ابزار نیز توسط moisrex ساخته شده است که می توانید اطلاعات بیشتر را درباره این ابزار از اینجا مطالعه کنید:
رونمایی از ابزار Microsoft expression Web 4
این ابزار نیز مانند ابزار قبلی است ولی تفاوت هایی دارد که بهتر است خودتان ببینید.
برای دیدن نسخه آنلاین این نرم افزار اینجا کلیک کنید.
استفاده از سایت کوتاه کننده لینک کدستان
این سایت که در بالا به شما معرفی شد در خود ابزار هایی برای انجام همه این کار ها را در خود دارد.
از چیزی مانند
document.getElementsByTagName('html')[0].innerHTML.length / 1024
استفاده کردین؟ یا چیز دیگه ای؟ البته الان میرم که سورسشو ببینم!
راستی استایل این جعبه متن نظرات چیز زیبایی هست. از صفحه جستجوی گوگل گرفتین دیگه، نه؟
پیشنهاد میکنم که از سی اس اس های طراحی کلید های توئیتر هم استفاده کنید.
راستی یادتون رفته، باید این رو هم برای زبان فارسی اضافه کنین:
direction: rtl;
پاسخ: ltr رو برای ابزار هایی که ساختم گذاشتم.
از documentElement استفاده می کنم که در مرورگرایی مانند کروم حتی فایل های خارجی رو هم در نظر میگیره.
وی تی ان و قندشکن ندارم که برم توئیتر.
استایل گوگل هست ولی کمی تغییرش دادم.
باتشکر