વેબસાઇટનું દેખાવ અને લાગણી, અથવા "શૈલી" CSS (કેસ્કેડીંગ સ્ટાઇલ શીટ્સ) દ્વારા નિર્ધારિત છે. આ એક ફાઇલ છે જે તમે તમારી વેબસાઇટની ડિરેક્ટરીમાં ઉમેરો કરશો જેમાં વિવિધ સીએસએસ નિયમો હશે જે તમારા પૃષ્ઠોની વિઝ્યુઅલ ડિઝાઇન અને લેઆઉટ બનાવશે.
જ્યારે સાઇટ્સ ઉપયોગ કરી શકે છે અને ઘણી વાર, બહુવિધ સ્ટાઇલ શીટ્સનો ઉપયોગ કરે છે, આવું કરવા માટે જરૂરી નથી. તમે તમારા બધા સીએસએસ નિયમોને એક ફાઇલમાં મૂકી શકો છો, અને આમાં ખરેખર ફાયદા છે, જેમાં ઝડપી લોડ સમય અને પૃષ્ઠોની કામગીરીનો સમાવેશ થાય છે કારણ કે તેમને બહુવિધ ફાઇલો મેળવવાની જરૂર નથી. ખૂબ મોટી હોય છે, જ્યારે એન્ટરપ્રાઇઝ સાઇટ્સને અલગ સ્ટાઇલ શીટ્સની જરૂર પડી શકે છે, ઘણી નાનીથી મધ્યમ સાઇટ્સ માત્ર એક ફાઇલ સાથે સંપૂર્ણપણે દંડ કરી શકે છે મારી વેબ ડીઝાઇનના મોટાભાગના કામ માટે આ હું ઉપયોગ કરું છું - મારા પાનાને જરૂરી તમામ નિયમો સાથે એક જ CSS ફાઇલો. તો પ્રશ્ન હવે બની જાય છે - તમારે આ સીએસએસ ફાઇલનું નામ શું રાખવું જોઈએ?
કન્વેન્શન ઈપીએસ નામકરણ
જ્યારે તમે તમારા વેબ પૃષ્ઠો માટે બાહ્ય સ્ટાઇલ શીટ બનાવો છો, તો તમારે તમારી HTML ફાઇલો માટે સમાન નામકરણ સંમેલનોની નીચેની ફાઇલને નામ આપવું જોઈએ:
વિશિષ્ટ અક્ષરોનો ઉપયોગ કરશો નહીં
તમારે ફક્ત તમારા CSS ફાઇલ નામોમાં એઝ, નંબરો 0-9, અન્ડરસ્કૉર (_), અને હાઇફન્સ (-) અક્ષરોનો ઉપયોગ કરવો જોઈએ. જ્યારે તમારી ફાઇલ સિસ્ટમ તમને તેનામાં અન્ય અક્ષરો સાથે ફાઇલો બનાવવા માટે પરવાનગી આપી શકે છે, તમારા સર્વર ઓએસમાં વિશિષ્ટ અક્ષરો સાથે સમસ્યાઓ હોઈ શકે છે તમે અહીં ઉલ્લેખિત અક્ષરોનો ઉપયોગ કરીને સુરક્ષિત છો. છેવટે, જો તમારું સર્વર વિશિષ્ટ અક્ષરો માટે પરવાનગી આપે તો પણ, તે કદાચ ન હોઈ શકે જો તમે ભવિષ્યમાં હોસ્ટિંગ પ્રબંધકોને ખસેડવાનું નક્કી કરો.
કોઈપણ જગ્યાઓનો ઉપયોગ કરશો નહીં
વિશિષ્ટ અક્ષરોની જેમ જ, જગ્યાઓ તમારા વેબ સર્વર પર સમસ્યાઓનું કારણ બની શકે છે. તમારા ફાઇલ નામોમાં તેમને ટાળવાનો વિચાર સારો છે. હું આ જ સંમેલનોનો ઉપયોગ કરતી પીડીએફ જેવી ફાઇલોને નામ આપવા માટે પણ પોઈન્ટ બનાવે છું, માત્ર ત્યારે જ મને તેમને વેબસાઇટમાં ઉમેરવાની જરૂર છે. જો તમને લાગતું હોય કે ફાઇલનું નામ વાંચવાનું સરળ બનાવવા માટે તમને જગ્યાની જરૂર છે, તો હાઇફન્સ માટે પસંદ કરો અથવા તેના બદલે અન્ડરસ્કૉક્સ. ઉદાહરણ તરીકે, "આ ફાઈલ.pdf છે" નો ઉપયોગ કરવાને બદલે, "હું-આ-ફાઈલ-પી.ડી.એફ." નો ઉપયોગ કરીશ.
ફાઇલનું નામ પત્ર સાથે પ્રારંભ થવું જોઈએ
જ્યારે આ કોઈ ચોક્કસ જરૂરિયાત નથી, અમુક સિસ્ટમ્સને ફાઇલ નામો સાથે સમસ્યા હોય છે જે અક્ષરથી શરૂ થતા નથી. ઉદાહરણ તરીકે, જો તમે તમારી ફાઇલને સંખ્યાના અક્ષર સાથે શરૂ કરવાનું પસંદ કરો છો, તો આ સમસ્યા ઊભી કરી શકે છે.
બધા લોઅર કેસનો ઉપયોગ કરો
જ્યારે આ ફાઈલનામ માટે જરૂરી નથી, તો તે એક સારો વિચાર છે, કારણ કે કેટલાક વેબ સર્વર્સ કેસ સંવેદનશીલ છે, અને જો તમે કોઈ અલગ કેસમાં ફાઇલને ભૂલી જાઓ છો અને તેનો સંદર્ભ આપો છો, તો તે લોડ થશે નહીં. મારા પોતાના કામમાં, હું દરેક ફાઇલ નામ માટે લોઅર કેસ અક્ષરોનો ઉપયોગ કરું છું. હું ખરેખર આ કંઈક છે કે જે ઘણા નવા વેબ ડિઝાઇનરો કરવા માટે યાદ સંઘર્ષ જોવા મળે છે ફાઇલનું નામ આપતી વખતે તેમની ડિફોલ્ટ ક્રિયા નામના પ્રથમ અક્ષરને ઉઠાવે છે. આ ટાળો અને ફક્ત લોઅરકેસ અક્ષરોની આદતમાં જ આવો.
ફાઇલનું નામ શક્ય એટલું ટૂંકું રાખો
મોટા ભાગની ઑપરેટિંગ સિસ્ટમ્સ પર ફાઈલ નામનું કદ મર્યાદા હોવા છતાં, તે CSS ફાઇલ નામ માટે વાજબી છે તે કરતાં વધુ લાંબો સમય છે. અંગૂઠોનો એક સારો નિયમ એક્સટેંશન સહિત ફાઇલના નામ માટે 20 અક્ષરો કરતાં વધુ નહી. વાસ્તવમાં, તે કરતાં વધુ લાંબું કંઈપણ સાથે કામ કરવા માટે અયોગ્ય છે અને કોઈપણ રીતે લિંક છે!
તમારા સીએસએસ ફાઇલ નામનું સૌથી મહત્વનું ભાગ
સીએસએસ ફાઇલ નામનો સૌથી મહત્વપૂર્ણ ભાગ ફાઇલનું નામ નથી, પરંતુ એક્સ્ટેંશન. Macintosh અને Linux સિસ્ટમ્સ પર એક્સ્ટેંશન્સની આવશ્યકતા નથી, પરંતુ CSS ફાઇલ લખતી વખતે કોઈપણ રીતે શામેલ કરવાનું એક સારો વિચાર છે. આ રીતે તમને હંમેશાં ખબર પડશે કે તે શૈલી શીટ છે અને ભવિષ્યમાં તે શું છે તે નિર્ધારિત કરવા માટે ફાઇલ ખોલવાની જરૂર નથી.
તે કદાચ મોટું આશ્ચર્ય નથી, પણ તમારી સીએસએસ ફાઇલનું એક્સ્ટેંશન હોવું જોઈએ:
.cssસીએસએસ ફાઇલ નેમીંગ સંમેલનો
જો તમારી પાસે ફક્ત એક સાઇટ પરની એક સીએસએસ ફાઇલ હશે, તો તમે તેને ગમે તે નામ આપી શકો છો. હું ક્યાં તો પસંદ કરું છું:
styles.css અથવા default.cssમોટા ભાગની સાઇટ્સ પર હું કામ કરું છું તેમાં એકમાત્ર CSS ફાઇલો શામેલ છે, આ નામો મારા માટે સારી રીતે કામ કરે છે
જો તમારી વેબસાઇટ બહુવિધ સીએસએસ ફાઇલોનો ઉપયોગ કરશે, તો તેમના કાર્ય પછી સ્ટાઇલ શીટ્સને નામ આપો તેથી તે સ્પષ્ટ છે કે દરેક ફાઇલનો હેતુ શું છે વેબ પેજમાં તેમની સાથે જોડાયેલ બહુવિધ સ્ટાઇલ શીટ્સ હોઈ શકે છે, તે તમારી શીટની કાર્ય અને તેની અંદરની શૈલીઓના આધારે તમારી શૈલીઓને અલગ અલગ શીટ્સમાં વહેંચવામાં મદદ કરે છે. દાખ્લા તરીકે:
- લેઆઉટ vs ડિઝાઇન layout.css design.css
- પૃષ્ઠ વિભાગો main.css nav.css
- પેટા વિભાગો mainstyles.css subpage.css સાથે આખા સાઇટ
જો તમારી વેબસાઇટ કોઈ પ્રકારનું માળખું વાપરે છે, તો તમે સંભવિત રૂપે તે બહુવિધ સીએસએસ ફાઇલોનો ઉપયોગ કરશે, દરેક પૃષ્ઠો અથવા સાઇટના પાસાઓ (ટાઇપોગ્રાફી, રંગ, લેઆઉટ, વગેરે) ના જુદા જુદા ભાગો સમક્ષ સમર્પિત છે.
જેનિફર કિનાન દ્વારા મૂળ લેખ. 9/5/17 પર જેરેમી ગીરર્ડ દ્વારા સંપાદિત