Kā veikt HTML prezentācijas ar tīmekļa slaidiem

Luigys Toro

4 Minutos

Pasaulē, kur parādīt mūsu idejas internetā rīku daudzveidība ir mūs novedusi pie pārsteidzošu prezentāciju veidošanas, kas daudzos gadījumos galu galā nav saderīgi ar dažiem plašsaziņas līdzekļiem, bez šaubām, HTML prezentācijas tie arī turpmāk būs universāla alternatīva šajā jomā.

Bet nevienam nav noslēpums, ka skaistu HTML prezentāciju izveide var aizņemt ilgu laiku un prasīt nedaudz uzlabotas zināšanas par HTML, CSS un dažos gadījumos arī JavaScript. No šīm problēmām rodas lielisks rīks, ko sauc tīmekļa slaidus.

Kas ir tīmekļa slaidi?

To kaut kā var saukt par atvērtā pirmkoda "ietvaru", ko izveidojis Hosē Luiss Antunezs, kas mums ļauj izveidot HTML prezentācijas ātri un viegli. Rīkam ir vissvarīgākais, lai jūs varētu izveidot savas prezentācijas, tāpat varat veikt kādu no demonstrācijas prezentācijām un pielāgot to savām vēlmēm dažu minūšu laikā.

HTML prezentācijām, kuras izveidoju ar šo rīku, būs iespaidīga estētika. Ir vērts atzīmēt, ka šim rīkam nepieciešamas ļoti pamatzināšanas par HTML un CSS, tāpēc tas ir ideāli piemērots visu veidu lietotājiem, kuriem vajadzētu koncentrēties tikai uz saturu un ļoti maz uz to, kā viņi sagatavo prezentāciju.

Kā lejupielādēt tīmekļa slaidus?

Lai lejupielādētu tīmekļa slaidus, vienkārši izpildiet šo komandu no iecienītākā direktorija:

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

Varat arī klonēt oficiālo repozitoriju ar

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

Projekta mapē jūs saņemsiet nepieciešamos js, css un demonstrācijas, lai varētu viegli izveidot savas HTML prezentācijas.

Kā izmantot tīmekļa slaidus?

Lielākā tīmekļa slaidu priekšrocība ir tā lietošanas ērtums, šis rīks patiešām atvieglo prezentāciju veidošanu ar dažādiem mērķiem, un tā demonstrācijas sērijas paātrina prezentāciju veidošanas procesu par ļoti augstu%.

Ko mēs iegūstam, lejupielādējot tīmekļa slaidus?

Lejupielādējot tīmekļa slaidus, mēs piekļūstam dažādām mapēm, kurās ietilpst demonstrācijas un attēli (ierīces un logotipi).

  • Mapē css tiks glabāti mūsu prezentāciju stili
  • Nepieciešamie javascripti tiks saglabāti mapē js, ieskaitot fundamentālo webslide.js, kurā tiek veikta lielākā daļa burvju.
  • Demonstrāciju attēli un HTML faili tiks attiecīgi saglabāti attēlu un demonstrācijas mapēs.
webslides/
├── index.html
├── css/
│   ├── base.css
│   └── colors.css
│   └── svg-icons.css (optional)
├── js/
│   ├── webslides.js
│   └── svg-icons.js (optional)
└── demos/
└── images/

HTML prezentāciju veidošana ar tīmekļa slaidiem

Izmantojot tīmekļa slaidus, ir 2 būtiskas priekšrocības, kuras mēs pieminējam tālāk:

  • Kods ir tīrs un mērogojams. Tas ietver arī intuitīvu marķējumu, izmantojot populārākās nomenklatūras. Nav nepieciešams izmantot klases vai pārmērīgi izmantot ligzdošanu.
  • Katrs <section> #webslides tas attēlo slaidu. Tātad lapošana ir ārkārtīgi vienkārša.
1. slaids  1. slaids

Tādā pašā veidā mēs varam izveidot vertikālus slaidus, pievienojot vertikālu stilu





Nodarbības, kas veido WebSides CSS


    

  • Tipogrāfija: .text-landing, .text-data, .text-intro ...
    • 

  • Fona krāsas: .bg-primary, .bg-apple, .bg-blue ...
    • 

  • Fona attēli: .background, .background-centre-bottom ...
    • 

  • Kartes: .card-50, .card-40 ...
    • 

  • Elastīgi bloki: .flexblock.clients, .flexblock.metrics ...
    • 



Paplašināšana līdz tīmekļa slaidiem


tīmekļa slaidi ļauj mums pievienot jaunus stilus un funkcijas, piemēram, piemēram, mēs varam pievienot dažus no šiem resursiem:



HTML prezentāciju demonstrācijas, kas izveidotas ar tīmekļa slaidiem


Varat apskatīt HTML prezentāciju demonstrāciju sērijas, kas izveidotas, izmantojot tīmekļa slaidus šeit. Tādā pašā veidā, lejupielādējot ietvaru, varat piekļūt katras šīs demonstrācijas kodēšanai.




Demonstrācijas HTML prezentācijas











 

Demonstrāciju portfeļi 2




 






 






 






 






 






 






Šis ir rīks, kas ļaus mums ātri un ar lielisku apdari izveidot HTML prezentācijas, taču tas arī palīdzēs mums koncentrēties uz saturu un sasniegt rezultātus, kurus iepriekš neiedomājāmies.


		

			







	

		
			

					

					

		
Atstājiet savu komentāru 
Jūsu e-pasta adrese netiks publicēta. Obligātie lauki ir atzīmēti ar *
 
*



        

            *
        

		
    
			
  1. Atbildīgais par datiem: Migels Ángels Gatóns
    2. 
			
  2. Datu mērķis: SPAM kontrole, komentāru pārvaldība.
    3. 
                        
  3. Legitimācija: jūsu piekrišana
    4. 
                        
  4. Datu paziņošana: Dati netiks paziņoti trešām personām, izņemot juridiskus pienākumus.
    5. 
			
  5. Datu glabāšana: datu bāze, ko mitina Occentus Networks (ES)
    6. 
			
  6. Tiesības: jebkurā laikā varat ierobežot, atjaunot un dzēst savu informāciju.
    7. 
		



        







 


	

				

						
    
						
  1. 
							
    
					
		
    
			 			Alans Fuentess teica
			
    
				dara 7 gadi
			
    
		
    

						
    
			
    Ļoti labs, es uzskatu, ka rīks ir diezgan interesants, lai gan pēc manām gaumēm rev.js ir diezgan viegli lietojams, jo tas ir rīks, kas balstīts uz tādām tīmekļa tehnoloģijām kā HTML, CSS un JS, ar pamatzināšanām par šīm tehnoloģijām jau varat izveidot savu prezentāciju esi daudz interesantāks.
    

    Sveicieni.
    
		
    
		
    
			Atbildiet Allan Fuentes			
    
		
    

							
    
					
    2. 
		
  2. 
							
    
					
		
    
			 			Anonymus teica
			
    
				dara 7 gadi
			
    
		
    

						
    
			
    Ir patīkami svinēt tik daudz oriģinālā satura
    
https://www.genbeta.com/web/crea-bonitas-presentaciones-en-html-de-forma-rapida-y-sencilla-con-webslides
    
		
    
		
    
			Atbildiet anonymus			
    
		
    

							
    
					
      
		
    1. 
							
      
					
		
      
			  			ķirzaka teica
			
      
				dara 7 gadi
			
      
		
      

						
      
			
      Slēpšanos anonīmā profilā ir ļoti viegli kritizēt un pateikt to, ko vēlaties, bet diemžēl ir saprotams, ka jūsu koeficients neapstājas, lai skatītos tālāk, kur jūsu acis var redzēt, šo rakstu pilnībā esmu uzrakstījis, pamatojoties uz oficiālu dokumentāciju un pārskats, ko esmu paveicis par rīku. Kurš no tiem dot jums ideju, es to uzzināju, pateicoties tam, ka tas ir visvairāk balsojis pieteikums pēdējās dienās vietnē github https://github.com/jlantunez/webslides... Tomēr mums ir ļoti svarīgi, ka esat veltījis laiku, lai meklētu kādu citu vietni, kur viņi arī raksta par to pašu, ko mēs, tāpēc varat pieteikties recenzenta vakancē, kas, manuprāt, paliks tikai pretendents, jo es šaubos, vai jums ir kritērijs, lai izlemtu ko piemērotu.
      
		
      
		
      
			Atbildiet uz ķirzaku			
      
		
      

							
      
					
      2. 

    

    3.