نحوه ارائه ارائه HTML با استفاده از وب سایت

در جهانی که ایده های ما را در اینترنت نشان دهید این به طور فزاینده ای ضروری شده است و در آنجا تنوع ابزار ما را به ایجاد ارائه های شگفت انگیز سوق داده است ، که در بسیاری از موارد در نهایت با برخی از رسانه ها ناسازگار است ، بدون شک ، ارائه HTML آنها همچنان جایگزین جهانی در این زمینه خواهند بود.

اما برای کسی پوشیده نیست که ایجاد ارائه های زیبا با HTML می تواند مدت ها طول بکشد و نیاز به دانش تا حدودی پیشرفته از HTML ، CSS و در برخی موارد JavaScript دارد. از این مشکلات ، ابزاری عالی به نام ظهور می کند لغزش

وب سر خوردن چیست؟

این است که به نوعی آن را "چارچوب" منبع باز ، ساخته شده توسط خوزه لوئیس آنتونز، این به ما اجازه می دهد ارائه HTML ارائه دهید سریع و آسان این ابزار موارد ضروری را برای شما دارد تا بتوانید ارائه خود را ارائه دهید ، به همین ترتیب ، می توانید در عرض چند دقیقه یکی از ارائه های آزمایشی را انجام دهید و آن را به دلخواه خود تنظیم کنید.

ارائه HTML که با استفاده از این ابزار ایجاد کردم زیبایی چشمگیری خواهد داشت. شایان ذکر است که این ابزار نیاز به دانش بسیار اساسی در مورد HTML و CSS دارد ، بنابراین برای همه کاربران ایده آل است ، که فقط باید بر روی محتوا تمرکز کنند و بسیار کم در مورد نحوه تهیه ارائه تمرکز می کنند.

چگونه می توان وب سایت را بارگیری کرد؟

برای بارگیری وب سایت ها ، فقط دستور زیر را از فهرست مورد علاقه خود انجام دهید:

wget https://github.com/jlantunez/webslides/archive/master.zip

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

git clone https://github.com/jlantunez/webslides.git

در داخل پوشه پروژه ، js ، css و نسخه های نمایشی لازم را خواهید داشت تا به راحتی ایجاد نمایش HTML خود را شروع کنید.

چگونه از تاراب کش استفاده کنیم؟

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

هنگام بارگیری وب سایت چه چیزی بدست می آوریم؟

هنگام بارگیری شبکه های وب ، ما به پوشه های مختلفی دسترسی پیدا می کنیم ، که شامل دموی و تصاویر (دستگاه ها و آرم ها) است.

  • پوشه css سبک های ارائه های ما را ذخیره می کند
  • در پوشه js جاوا اسکریپت های لازم ذخیره می شود ، از جمله webslide.js اساسی که در آن بیشتر جادوها انجام می شود.
  • تصاویر و پرونده های html نسخه های نمایشی به ترتیب در پوشه های تصاویر و نسخه های نمایشی ذخیره می شوند.
webslides/
├── index.html
├── css/
│   ├── base.css
│   └── colors.css
│   └── svg-icons.css (optional)
├── js/
│   ├── webslides.js
│   └── svg-icons.js (optional)
└── demos/
└── images/

ایجاد ارائه HTML با وب سایت

2 مزیت اساسی در هنگام استفاده از سرسره وجود دارد که در زیر به آنها اشاره می کنیم:

  • کد تمیز و مقیاس پذیر است. این همچنین شامل نشانه گذاری بصری با استفاده از محبوب ترین نام ها است. نیازی به استفاده از کلاس ها یا استفاده بیش از حد از تودرتو نیست.
  • هر <section> در # وبسایت نمایشگر اسلاید است. بنابراین صفحه بندی بسیار ساده است.
اسلاید 1  اسلاید 1

به همین ترتیب ما می توانیم اسلایدهای عمودی بسازیم ، و یک سبک عمودی اضافه کنیم


کلاسهایی که وب سایتهای CSS را تشکیل می دهند

  • تایپوگرافی: .text-landing ، .text-data ، .text-intro ...
  • رنگ زمینه: .bg-basic ، .bg-apple ، .bg-blue ...
  • تصاویر پس زمینه:. زمینه ،. background-center-bottom
  • کارت ها: .card-50 ، .card-40 ...
  • بلوک های انعطاف پذیر: .flexblock.clients ، .flexblock.metrics ...

در حال گسترش به شبکه های وب

webslides به ما امکان می دهد سبک ها و ویژگی های جدیدی اضافه کنیم ، برای مثال می توان برخی از منابع زیر را اضافه کرد:

نسخه های نمایشی HTML ارائه شده با وب سایت

شما می توانید مجموعه ای از نسخه های نمایشی HTML ارائه شده با وب سایت را مشاهده کنید اینجا. به همین ترتیب ، هنگام بارگیری چارچوب ، می توانید به رمزگذاری هر یک از این دموها دسترسی پیدا کنید.

ارائه های HTML نسخه ی نمایشی

نمونه کارها Demos 2 این ابزاری است که به ما امکان می دهد تا ارائه های HTML را به سرعت و با اتمام عالی ایجاد کنیم ، اما همچنین به ما کمک می کند تا روی محتوا تمرکز کرده و به نتایجی برسیم که قبلاً تصور نمی کردیم.


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

3 نظر ، نظر خود را بگذارید

نظر خود را بگذارید

نشانی ایمیل شما منتشر نخواهد شد.

*

*

  1. مسئول داده ها: میگل آنخل گاتون
  2. هدف از داده ها: کنترل هرزنامه ، مدیریت نظرات.
  3. مشروعیت: رضایت شما
  4. ارتباط داده ها: داده ها به اشخاص ثالث منتقل نمی شوند مگر با تعهد قانونی.
  5. ذخیره سازی داده ها: پایگاه داده به میزبانی شبکه های Occentus (EU)
  6. حقوق: در هر زمان می توانید اطلاعات خود را محدود ، بازیابی و حذف کنید.

  1.   آلن فوئنتس dijo

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

    سلام.

  2.   ناشناس dijo

    خوب است که از این همه محتوای اصلی تجلیل کنیم
    https://www.genbeta.com/web/crea-bonitas-presentaciones-en-html-de-forma-rapida-y-sencilla-con-webslides

    1.    مارمولک dijo

      مخفی شدن در یک نمایه ناشناس بسیار آسان است برای انتقاد و گفتن آنچه می خواهید ، اما متأسفانه قابل درک است که ضریب شما فراتر از جایی که چشم شما می بیند به نظر نمی رسد ، این مقاله به طور کامل توسط من بر اساس اسناد رسمی و در بازبینی نوشته شده است من روی ابزار کار کردم از کدام یک می توان ایده ای به شما ارائه داد ، من به لطف این واقعیت که بیشترین رای دهی در روزهای اخیر در github است ، با آن آشنا شدم https://github.com/jlantunez/webslides... با این حال ، برای ما بسیار مهم است که شما وقت گذاشته اید و به دنبال سایت دیگری می گردید که آنها نیز در مورد ما بنویسند ، بنابراین می توانید برای جای خالی داور درخواست کنید ، که فکر می کنم فقط یک متقاضی باقی بماند چون شک دارم ملاکی برای تصمیم گیری در مورد مناسب داشته باشید.