எப்படி அடோப் மூஸ் பயன்படுத்தி இடமாறு ஸ்க்ரோலிங் உருவாக்குவது

இன்று இணையத்தில் "வெப்பமான" உத்திகளில் ஒன்று இடமாறு ஸ்க்ரோலிங் ஆகும். சுழற்சியை சுழற்றும் இடங்களில் நீங்கள் சுழற்றும் தளங்களில் உள்ளோம் மற்றும் பக்கத்தின் உள்ளடக்கத்தை சுட்டி சக்கரத்தை நீங்கள் சுழற்றும்போது பக்கத்தின் கீழே அல்லது கீழே நகரும்.

வலை வடிவமைப்பிற்கும் கிராஃபிக் வடிவமைப்பிற்கும் புதியவற்றுக்கு, இந்த நுட்பம் தேவையான CSS அளவு காரணமாக அடைய மிகவும் கடினமாக இருக்கும்.

நீங்கள் விவரிக்கிறீர்கள் என்றால், கிராஃபிக் கலைஞர்களுக்கு முறையிடும் பல பயன்பாடுகள் உள்ளன. அவர்கள் அடிப்படையில் வலைப்பக்கங்கள் ஒரு பழக்கமான பக்கம் அமைப்பை அணுகுமுறை பயன்படுத்த, இது நிறைய இல்லை என்றால், ஏதேனும் இருந்தால், குறியீட்டு தொடர்பு. உண்மையில் முக்கியத்துவம் அடைந்துவிட்ட ஒரு பயன்பாடு அடோப் மூஸ் ஆகும்.

மூஸ் பயன்படுத்தி கிராபிக்ஸ் சாதகமான செய்யப்படுகிறது வேலை மிகவும் ஆச்சரியமாக இருக்கிறது மற்றும் நீங்கள் தினம் மூஸ் தளத்தை பார்வையிட முடியும் என்ன ஒரு மாதிரி பார்க்க முடியும். மூடுபனி "பொம்மை பொம்மை" என்பது ஒருவிதமான "மூடுவிழா பொம்மை" என்று கருதப்படுவதால், மொபைல் மற்றும் வலை முன்மாதிரிகளை உருவாக்கி வடிவமைப்பாளர்களால் இது பயன்படுத்தப்படுகிறது, இது இறுதியில் தங்கள் குழுவில் டெவலப்பர்களுக்கு ஒப்படைக்கப்படும்.

மூஸை நிறைவேற்றுவதற்கு நம்பமுடியாத எளிதான ஒரு நுட்பம் இடமாறு ஸ்க்ரோலிங் மற்றும், நீங்கள் உடற்பயிற்சியின் பூரணமான பதிப்பை பார்க்க விரும்பினால், நாங்கள் உலா வருகிறோம், இந்தப் பக்கத்திற்கு உங்கள் உலாவியை சுட்டிக்காட்டுகிறோம். உங்கள் சுட்டி சுருளின் சக்கரத்தை சுழற்றும்போது, ​​உரை மேலே அல்லது பக்கம் கீழே நகர்த்தப்படும் மற்றும் படங்கள் மாறும்.

தொடங்குவோம்.

07 இல் 01

வலைப்பக்கத்தை உருவாக்கவும்

மூஸ் தொடங்கும்போது புதிய தள இணைப்பை கிளிக் செய்யவும். இது புதிய தள பண்புகள் திறக்கும். இந்த திட்டம் ஒரு டெஸ்க்டாப் பயன்பாட்டிற்காக வடிவமைக்கப்படும், மேலும் இது ஆரம்ப லேஅவுட் பாப்-டவுன் மெனுவில் நீங்கள் தேர்ந்தெடுக்கலாம். நீங்கள் நெடுவரிசைகளின் எண்ணிக்கை, குடேட் அகலம், விளிம்புகள் மற்றும் பேட்டிங்கின் மதிப்புகளை அமைக்கலாம். இந்த விஷயத்தில், நாங்கள் இதை மிகவும் மோசமாகக் கவனித்ததில்லை, வெறுமனே சரி என்பதைக் கிளிக் செய்தோம்.

07 இல் 02

பக்கத்தை வடிவமை

நீங்கள் தளம் பண்புகள் அமைக்க மற்றும் சரி என்பதை கிளிக் போது நீங்கள் திட்டம் காட்சி என்று அழைக்கப்படும். சாளரத்தின் கீழே உள்ள மேல் முகப்பு மற்றும் மாஸ்டர் பக்கமும் உள்ளது. நாங்கள் ஒரு பக்கம் மட்டுமே தேவை. டிசைன் காட்சியைப் பெற, இடைமுகத்தைத் திறந்த முகப்புப் பக்கத்தை இரட்டை சொடுக்கிவிட்டோம்.

இடதுபுறத்தில் சில அடிப்படை கருவிகளும் வலதுபுறத்தில் பக்கத்தின் உள்ளடக்கத்தை கையாள பயன்படும் பேனல்கள் உள்ளன. மேலே உள்ள சொத்துக்கள், பக்கத்திற்கு பயன்படுத்தப்படும், அல்லது பக்கத்தில் தேர்ந்தெடுக்கப்பட்டவை. இந்த வழக்கில், நாம் ஒரு கருப்பு பின்னணி வேண்டும். இதனை நிறைவேற்றுவதற்கு, உலாவி நிரப்பு வண்ண சிப்பில் கிளிக் செய்து, வண்ண தேர்விலிருந்து கருப்பு தேர்வு செய்யவும்.

07 இல் 03

பக்கத்திற்கு உரை சேர்க்கவும்

அடுத்த படி பக்கம் சில உரை சேர்க்க வேண்டும். நாங்கள் உரை கருவியைத் தேர்ந்தெடுத்து ஒரு உரை பெட்டியை வரைய ஆரம்பித்தோம். நாம் "வரவேற்பு" என்ற வார்த்தை உள்ளிட்டு, பண்புகள் உள்ள உரை ஏரியல், 120 பிக்சல்கள் வெள்ளைக்கு அமைந்தது . மையம் சீரமைக்கப்பட்டது.

நாம் தேர்வு கருவிக்கு மாற்றினோம், அது உரைப்பெட்டியில் சொடுக்கி, அதன் Y நிலையை 168 பிக்சல்களுக்கு மேல் அமைத்தோம். உரை பெட்டி இன்னும் தெரிவு செய்யப்பட்டவுடன், நாங்கள் குழுவை சீரமைத்தோம் மற்றும் மையப் பெட்டியில் உரை பெட்டியை சீரமைத்தோம் .

இறுதியாக, தேர்ந்தெடுக்கப்பட்ட உரை பெட்டியில், நாம் விருப்பம் Alt மற்றும் Shift விசைகளை கீழே வைத்தோம் மற்றும் உரை பெட்டியின் நான்கு பிரதிகளை செய்தோம். ஒவ்வொரு நகலினதும் உரை மற்றும் Y நிலையை நாங்கள் மாற்றினோம்:

• க்கு, 871
• கிராபிக்ஸ், 1621
• மென்பொருள், 2371
• @ About.com, 3181

ஒவ்வொரு உரை பெட்டியின் இருப்பிடத்தையும் நீங்கள் அமைக்கும்போது, ​​உரை இடத்தின் இடத்திற்கு இடமாற்றம் செய்யப்படுகிறது.

07 இல் 04

பட பெட்டிகள் சேர்க்கவும்

அடுத்த படி உரை தொகுதிகள் இடையே படங்களை வைக்க வேண்டும்.

முதல் படிமுறை செவ்வக கருவியைத் தேர்ந்தெடுத்து பக்கத்தின் ஒரு பக்கத்திலிருந்து மற்றொரு பக்கம் வரை நீட்டிக்கும் ஒரு பெட்டியை வரையவும். தேர்ந்தெடுக்கப்பட்ட செவ்வகத்தின் மூலம், அதன் உயரத்தை 250 பிக்சல்கள் மற்றும் அதன் Y நிலை 425 பிக்சல்களுக்கு அமைக்கிறோம். ஒரு பயனர் உலாவி காட்சியமைவை இடமளிக்க, பக்கத்தின் அகலத்திற்கு எப்போதும் நீட்டிப்பதை அல்லது ஒப்பந்தம் செய்ய வேண்டும். இதை நிறைவேற்ற, நாங்கள் பண்புகள் உள்ள 100% அகலம் பொத்தானை கிளிக் செய்தேன். இது எக்ஸ் மதிப்பை சாம்பல் செய்வதோடு, ஒரு உலாவியில் காட்சியமைவு அகலத்தில் 100% எப்பொழுதும் இருப்பதை உறுதிப்படுத்துவதாகும்.

07 இல் 05

பட பெட்டிகள் படங்களை சேர்க்க

செவ்வக வடிவில் தேர்ந்தெடுத்தால், நிரப்பப்பட்ட இணைப்பில் கிளிக் செய்திடவும் - கலர் சிப் அல்ல - மற்றும் செவ்வகத்தில் ஒரு படத்தைச் சேர்க்க, நான் மைக்கை மை கிளிக் செய்தேன். பொருத்தப்பட்டுள்ள பகுதியில், படத்தின் நடுவில் இருந்து படம் அளவிடப்படுவதை உறுதிப்படுத்த, நிலைப்பகுதியில் மையம் கையாளப்பட்டதைக் கிளிக் செய்தோம்.

அடுத்து, முதல் இரண்டு உரை தொகுதிகள் இடையே படத்தின் நகல் ஒன்றை உருவாக்க விருப்பம் / Alt-Shift-drag technique ஐ பயன்படுத்தினோம், நிரப்பப்பட்ட பேனலை திறந்து மற்றொரு படத்தை படத்தை மாற்றினோம். மீதமுள்ள இரண்டு படங்களுக்காகவும் இதை செய்தோம்.

இடத்தில் படங்களை கொண்டு, இயக்கம் சேர்க்க நேரம்.

07 இல் 06

இடமாறு ஸ்க்ரோலிங் சேர்க்கவும்

Adobe Muse இல் இடமாறு ஸ்க்ரோலிங் சேர்த்து பல வழிகள் உள்ளன. நாங்கள் அதை செய்ய ஒரு எளிய வழி காட்ட போகிறோம்.

நிரப்பு குழு திறந்தவுடன், உருள் தாவலைக் கிளிக் செய்து, திறக்கும்போது, மோஷன் பெட்டியைக் கிளிக் செய்யவும்.

நீங்கள் ஆரம்ப மற்றும் இறுதி மோஷன் மதிப்புகள் பார்ப்பீர்கள். ஸ்க்ரோல் வீல் தொடர்பாக படத்தை நகர்வது எப்படி என்பதை தீர்மானிக்கின்றன. உதாரணமாக, 1.5 மதிப்பு ஒரு சக்கரம் விட 1.5 மடங்கு வேகமாக படத்தை நகரும். இடத்தில் உள்ள படங்களை பூட்டுவதற்கு 0 இன் மதிப்பு பயன்படுத்தினோம்.

கிடைமட்ட மற்றும் செங்குத்து அம்புகள் இயக்கம் திசை தீர்மானிக்கின்றன. மதிப்புகள் 0 என்றால், நீங்கள் கிளிக் எந்த அம்புக்குறி பொருட்படுத்தாமல் படங்களை budge முடியாது.

நடுத்தர மதிப்பு - முக்கிய நிலை - படங்களை நகர்த்த தொடங்கும் புள்ளி காட்டுகிறது. படத்தின் மேலே உள்ள வரி, இந்த படத்திற்காக, பக்கத்தின் மேல் இருந்து 325 பிக்சல்கள் துவங்குகிறது. சுருள் அந்த மதிப்பு அடையும் போது படத்தை நகர்த்த தொடங்குகிறது. நீங்கள் இந்த மதிப்பை உரையாடல் பெட்டியில் மாற்றுவதன் மூலம் அல்லது வரிசை அல்லது கீழே வரி மேலே கிளிக் செய்வதன் மூலம் மாற்ற முடியும்.

பக்கத்தின் மற்ற படங்களுக்கு இதை மீண்டும் செய்யவும்.

07 இல் 07

உலாவி சோதனை

இந்த கட்டத்தில், நாங்கள் முடிந்தது. நாங்கள் செய்த முதல் விஷயம், தெளிவான காரணங்களுக்காக, File> Save Site தேர்ந்தெடுக்க வேண்டும். உலாவி சோதனைக்கு, உலாவியில் கோப்பு> முன்னோட்டப் பக்கத்தை நாங்கள் தேர்ந்தெடுத்தோம். இது எங்கள் கணினியின் இயல்புநிலை உலாவியை திறந்தது மற்றும், பக்கம் திறக்கப்பட்டபோது, ​​நாங்கள் ஸ்க்ரோலிங் தொடங்கியது.