કોઈ દસ્તાવેજમાં એક લિંક બનાવવાની ક્ષમતા કે જે તમને અન્ય દસ્તાવેજ પર લઈ જાય છે, કદાચ વિશ્વભરમાં નેટવર્ક પર હાફવે છે, એવી દલીલ એવી છે કે વર્લ્ડ વાઇડ વેબની શોધ કરવામાં આવતી એક સૌથી મહત્વપૂર્ણ કારણ છે. હાયપરલિંક્સ તરીકે ઓળખાતા આ લિંક્સ એચટીએમએલ- હાઈપર-ટેક્સ્ટ માર્કઅપ લેંગ્વેજમાં "એચ" છે. હાયપરલિંક્સ વગર, વેબ ખૂબ ઉપયોગી નહીં હોય કોઈ શોધ એન્જિનો, સોશિયલ મીડિયા અથવા બેનર જાહેરાતો હશે નહીં (ઠીક છે, અમને મોટા ભાગના તે ગો જોવા માટે ઊભા કરી શકે છે).
જ્યારે તમે તમારા પોતાના વેબપૃષ્ઠો બનાવતા હોવ, ત્યારે તમે હાયપરલિંક્સ બનાવવા માંગો છો, અને કોમ્પઝેઝર પાસે એવા સાધનો છે જે કોઈપણ પ્રકારની લિંક્સ ઉમેરવા માટે સરળ બનાવે છે. આ ટ્યુટોરીયલમાં ચિત્રમાં નમૂના પૃષ્ઠને ચાર કેટેગરીમાં અન્ય વેબસાઇટ્સની લિંક્સ, એક જ વેબપેજનાં અન્ય ભાગોમાં, અને ઇમેઇલ સંદેશ પ્રારંભ કરવા માટે હશે. હું દરેક કેટેગરી માટે મથાળું અને ચાર H3 શીર્ષકોથી શરૂઆત કરીશ. આગામી પૃષ્ઠ પર અમે કેટલીક લિંક્સ ઉમેરીશું.
05 નું 01
કૉમ્પોઝર સાથે હાયપરલિંક બનાવવી
કોમ્પઝેઝરની હાઇપરલિંક સાધનોને ટૂલબાર પર લિંક બટન પર ક્લિક કરીને એક્સેસ કરવામાં આવે છે. હાયપરલિંક બનાવવા માટે:
- તમારા કર્સરને તે પૃષ્ઠ પર મૂકો જ્યાં તમે તમારી હાયપરલિંક દેખાવા માગો છો.
- ટૂલબાર પરના લિંક બટનને ક્લિક કરો. લિંક ગુણધર્મો સંવાદ બૉક્સ દેખાશે.
- પ્રથમ ક્ષેત્ર જેને તમારે ભરવાનું છે તે લિંક ટેક્સ્ટ બૉક્સ છે. ટેક્સ્ટમાં લખો જે તમે તમારા હાયપરલિંક માટે પૃષ્ઠ પર દેખાવા માંગો છો.
- બીજા ક્ષેત્ર જેને તમારે ભરવાની જરૂર છે તે લિંક સ્થાન બોક્સ છે. પૃષ્ઠના URL માં લખો કે જે જ્યારે હાયપરલિંક ક્લિક કરશે ત્યારે વપરાશકર્તાને લેશે. તમારા બ્રાઉઝરની સરનામાં બારથી URL ને કૉપિ અને પેસ્ટ કરવાનું એક સારો વિચાર છે તમે ભૂલથી આ રીતે થવાની શક્યતા ઓછી હોય છે અને તમે જાણો છો, ઓછામાં ઓછું તમારી લિન્ક સર્જન સમયે, તે પૃષ્ઠ જીવંત છે અને તે લિંક ભાંગી નથી.
- OK અને Link Properties સંવાદ બૉક્સને બંધ કરો ક્લિક કરો. તમારી લિંક હવે તમારા પૃષ્ઠ પર દેખાશે.
મોટા ભાગના બ્રાઉઝર્સ પર, હાયપરલિંક મૂળભૂત રીતે વાદળી રેખાંકિત ટેક્સ્ટમાં દેખાશે. તમે કૉમ્પૉઝર સાથે હાયપરલિંક્સ પર તમારી પોતાની શૈલીઓ લાગુ કરી શકો છો, પરંતુ હમણાં માટે, અમે મૂળભૂત હાયપરલિંક સાથે ચોંટાડીશું. વેબ બ્રાઉઝરમાં તમારા પૃષ્ઠનું પૂર્વાવલોકન કરવાનું અને લિંક્સ પર ક્લિક કરો તે સુનિશ્ચિત કરવું એ સારું છે કે તેઓ કામ કરે છે
05 નો 02
કૉમ્પોઝર સાથે એન્કર લિન્ક બનાવવી
બીજી હાયપરલિંક છે જે તમને તે જ વેબપેજનાં બીજા ભાગમાં લઈ જાય છે જ્યારે ક્લિક થાય છે. આ પ્રકારની હાઇપરલિંકને એન્કર લિન્ક કહેવામાં આવે છે, અને તે પૃષ્ઠનો વિસ્તાર જેને તમે લિંક પર ક્લિક કરો છો તે એન્કર તરીકે ઓળખાતું હોય છે. જો તમે વેબ પૃષ્ઠના તળિયે "બેક ટુ ટોપ" લિંકનો ઉપયોગ કર્યો હોય, તો તમે એન્કરની લિંક પર ક્લિક કરી રહ્યાં છો.
કોમ્પઝેઝર તમને એંકરો બનાવવાની મંજૂરી આપે છે જે તમે ટૂલબાર પર એન્કર ટૂલનો ઉપયોગ કરીને લિંક કરી શકો છો.
- તમારા પૃષ્ઠના વિસ્તાર પર ક્લિક કરો જ્યાં તમે એન્કર ઇચ્છો છો. તે છે, જ્યાં તમે ઍન્કર લિંકને ક્લિક કરવામાં આવે ત્યારે પૃષ્ઠ દર્શકને લેવા માંગો છો. આ ઉદાહરણ માટે, મેં પ્રિય મ્યુઝિક હેડરમાં "એફ" પહેલા જ ક્લિક કર્યું છે.
- ટૂલબાર પર એન્કર બટનને ક્લિક કરો. નામવાળી એન્કર પ્રોપર્ટીઝ સંવાદ બોક્સ દેખાય છે.
- પૃષ્ઠ પરના દરેક એન્કરને અનન્ય નામની જરૂર છે. આ એન્કર માટે, મેં "સંગીત" નામનો ઉપયોગ કર્યો છે
- ઠીક ક્લિક કરો, અને તમારે જોવું જોઈએ, અને એન્કર ચિહ્ન તે સ્થળમાં દેખાય છે જે તમે એન્કર ઇચ્છતા હતા. આ પ્રતીક તમારા વેબ પૃષ્ઠ પર દેખાશે નહીં, તે એ જ છે કે કોમપઝ્ઝર તમને ક્યાં બતાવે છે કે તમારા એંકરો ક્યાં છે.
- પૃષ્ઠનાં કોઈપણ અન્ય વિસ્તારો માટેની પ્રક્રિયાને પુનરાવર્તન કરો જ્યાં તમે વપરાશકર્તાઓને કૂદવાનું સક્ષમ થાવ છો. જો તમારી પાસે શીર્ષકોની અથવા કોઈ અન્ય લોજિકલ વિભાજક દ્વારા અલગ પૃષ્ઠ પર ઘણું ટેક્સ્ટ છે, તો એંકરો પૃષ્ઠ શોધખોળ કરવાની સરળ રીત છે.
આગળ, અમે લિંક્સ બનાવીશું જે વાચકોને તમે બનાવેલ ઍંકરોમાં લઈ જશે.
05 થી 05
કૉમ્પોઝર સાથે પૃષ્ઠ નેવિગેશન બનાવવું
હવે તમારી પાસે તમારા પૃષ્ઠ પર એન્કર છે, ચાલો આ લિંક્સ બનાવીએ જેનો તે ઍંકર્સ માટે શૉર્ટકટ્સ તરીકે ઉપયોગ કરવામાં આવશે. આ ટ્યુટોરીયલ માટે, મેં 1 પંક્તિ, 4 સ્તંભ ટેબલ પેજના ટોચના હેડર નીચે બનાવેલ છે. દરેક કોષ્ટક કોષમાં પેજ પરનાં લિંક્સને અલગ કરવા માટે ઉપયોગમાં લેવાતા કેટેગરી હેડરો પૈકી એક જ ટેક્સ્ટ છે. અમે દરેક ટેબલ કોષમાં ટેક્સ્ટ અનુરૂપ એન્કરની લિંક બનાવશું.
04 ના 05
કૉમ્પોઝર સાથે એન્કર સુધી હાઇપરલિંક બનાવી રહ્યા છે
હવે આપણી પાસે અમારા એંકરોની જગ્યાએ અને ટેક્સ્ટ છે કે જેને આપણે પૃષ્ઠ નેવિગેશન માટે ઉપયોગમાં લઈશું, અમે તે સાદા લખાણ હિસ્સાને લિંક્સમાં ફેરવી શકીએ છીએ. અમે ફરીથી લિંક બટનનો ઉપયોગ કરીશું, પરંતુ આ વખતે તે થોડો અલગ રીતે કામ કરશે
- તે ટેક્સ્ટ પસંદ કરો કે જેને તમે લિંકમાં ચાલુ કરવા માગો છો. આ ઉદાહરણમાં, મેં "પ્રિય મ્યુઝિક" ટેક્સ્ટને પસંદ કર્યું છે જે પેજની ટોચની પ્રથમ ટેબલ સેલમાં છે.
- ટૂલબાર પરના લિંક બટનને ક્લિક કરો. લિંક ગુણધર્મો સંવાદ બૉક્સ ખુલશે.
- આ કિસ્સામાં, અમે લિંક બટનને ક્લિક કરીએ તે પહેલાં અમે ટેક્સ્ટ પસંદ કર્યો છે, તેથી વિંડોની લિંક ટેક્સ્ટ વિભાગ પહેલેથી જ ભરેલો છે અને સંપાદિત કરી શકાતો નથી. લિંક સ્થાન વિભાગમાં નીચે તીરને ક્લિક કરો. તમે અગાઉના પગલાંમાં બનાવેલા ઍંકરોની સૂચિ જોશો. આ ઉદાહરણ માટે, હું #music ઍંકર પસંદ કરું છું.
- ઓકે ક્લિક કરો નેવિગેશન પટ્ટીમાં "પ્રિય મ્યુઝિક" ટેક્સ્ટ એ લિંકમાં પ્રવેશ કરે છે જે દર્શકોને જ્યારે પેજ પર પેજ પર તે વિભાગમાં કૂદવાનું કારણ બનશે.
તમે જોશો કે ડ્રોપ-ડાઉન મેનૂમાં દરેક નામવાળી એન્કર તેની સામે "#" ચિહ્ન ધરાવે છે. આ રીતે તમે એચટીએમએલમાં એન્કરની લિંક બનાવી શકશો. એન્કર નામની સામે "#" બ્રાઉઝરને કહે છે કે આ લિંક તમને એક જ પૃષ્ઠ પર બીજી જગ્યાએ લઈ જશે.
05 05 ના
કૉમ્પૉઝર સાથે એક છબીથી હાઇપરલિન્ક બનાવી રહ્યું છે
શું તમે જાણો છો કે તમે છબીઓ તેમજ ટેક્સ્ટની એક લિંક બનાવી શકો છો? કોમ્પઝેઝર તમને થોડા ક્લિક્સનો ઉપયોગ કરીને આ કરવાની પરવાનગી આપે છે. અહીં મેં ઉપરના પોઇન્ટિંગ એરો અને પૃષ્ઠના તળિયે "ટોપ" ટેક્સ્ટ બતાવતી નાની આયકન છબી શામેલ કરી છે. હું આ છબીને પૃષ્ઠની ટોચ પર પાછા આવવા માટે લિંક તરીકે ઉપયોગ કરવા જઈ રહી છું.
- છબી પર રાઇટ-ક્લિક કરો અને સંદર્ભ લેબલમાંથી છબી અને લિંક ગુણધર્મો પસંદ કરો. છબી ગુણધર્મો સંવાદ બોક્સ ખુલશે.
- લોકેશન ટેબ પર, તમે ઈમેજનું ફાઇલનામ અને થંબનેલ દૃશ્ય જે પહેલાથી ભરાયેલી છે તે જોશે. તમારે વૈકલ્પિક ટેક્સ્ટ બૉક્સમાં કેટલાક ટેક્સ્ટ દાખલ કરવો જોઈએ. જ્યારે તમે ઇમેજ પર તમારું માઉસ ખસેડો ત્યારે તે દેખાય છે, અને જ્યારે દૃષ્ટિની નબળી વ્યક્તિ વેબપૃષ્ઠ વાંચે છે ત્યારે સ્ક્રીન રીડર દ્વારા શું વાંચવામાં આવે છે.
- લિંક ટેબ પર ક્લિક કરો અહીં તમે મેનુમાંથી એન્કર પસંદ કરી શકો છો, જેમ કે અમે એન્કર લિંક્સ સાથે કર્યું છે. હકીકતમાં, આ છબીને એન્કર લિંક તરીકે ઉપયોગમાં લેવાઈ રહી છે. મેં # લિંક્સ_ઓફ_ઇન્ટરચર એન્કર પસંદ કર્યું છે જે અમને પાછા ટોચ પર લઈ જશે
- ઓકે ક્લિક કરો ક્લિક કરતી વખતે છબી હવે પૃષ્ઠની ટોચ પર પાછા જોડે છે.