01 ના 07
નવી ફોલ્ડરમાં તમારી ફાઇલોને મૂકો
વિન્ડોઝ નોટપેડ એક મૂળભૂત વર્ડ પ્રોસેસિંગ પ્રોગ્રામ છે જેનો ઉપયોગ તમે તમારા વેબપૃષ્ઠો લખવા માટે કરી શકો છો. વેબ પૃષ્ઠો ફક્ત ટેક્સ્ટ છે અને તમે તમારા HTML લખવા માટે કોઈપણ વર્ડ પ્રોસેસિંગ પ્રોગ્રામનો ઉપયોગ કરી શકો છો. આ ટ્યુટોરીયલ પ્રક્રિયા દરમિયાન તમને લઈ જશે.
નોટપેડમાં નવી વેબસાઇટ બનાવતી વખતે પ્રથમ વસ્તુ તેને સંગ્રહિત કરવા માટે એક અલગ ફોલ્ડર બનાવવાની છે. સામાન્ય રીતે, તમે તમારા વેબ પૃષ્ઠોને "મારા દસ્તાવેજો" ફોલ્ડરમાં એચટીએમએલ નામના ફોલ્ડરમાં સ્ટોર કરો, પરંતુ તમે તેમને ગમે ત્યાં સંગ્રહિત કરી શકો છો.
- મારા દસ્તાવેજ વિંડો ખોલો
- ફાઇલ > નવું > ફોલ્ડર પર ક્લિક કરો
- ફોલ્ડરને my_website નામ આપો
અગત્યની નોંધ: બધા લોઅરકેસ અક્ષરોનો ઉપયોગ કરીને અને કોઈપણ જગ્યાઓ અથવા વિરામચિહ્નો વિના વેબ ફોલ્ડર્સ અને ફાઇલોને નામ આપો. જ્યારે વિન્ડોઝ તમને ખાલી જગ્યાઓનો ઉપયોગ કરવાની પરવાનગી આપે છે, ત્યારે ઘણા વેબ હોસ્ટિંગ પ્રદાતાઓ નથી, અને તમે શરૂઆતથી ફાઇલો અને ફોલ્ડર્સને યોગ્ય રીતે નામ આપશો તો તમે અમુક સમય અને મુશ્કેલી બચાવી શકો છો.
07 થી 02
પૃષ્ઠને HTML તરીકે સાચવો
નોટપૅડમાં વેબ પેજ લખવાથી તમારે પ્રથમ વસ્તુ HTML તરીકે પૃષ્ઠને સાચવવાનું છે. આ પછી તમને સમય અને મુશ્કેલી બચાવે છે.
ડાયરેક્ટરી નામની જેમ, હંમેશા બધા લોઅરકેસ અક્ષરો અને ફાઇલનામમાં કોઈ સ્પેસ અથવા વિશિષ્ટ અક્ષરોનો ઉપયોગ કરશો નહીં.
- નોટપેડમાં, ફાઇલ પર ક્લિક કરો અને પછી આ રીતે સેવ કરો
- તે ફોલ્ડર પર જાઓ જ્યાં તમે તમારી વેબસાઇટ ફાઇલોને સાચવી રહ્યાં છો.
- તમામ ફાઇલો (*. *) પર સાચવો ડ્રોપ ડાઉન મેનુ સાચવો .
- ફાઇલને નામ આપો. આ ટ્યુટોરીયલ નામ પાર્ટ્સનો ઉપયોગ કરે છે. Htm.
03 થી 07
વેબ પેજ લખવાનું શરૂ કરો
તમારે નોટપૅડ HTML દસ્તાવેજમાં લખવું જોઈએ તે પ્રથમ વસ્તુ DOCTYPE છે આ બ્રાઉઝર્સને કયા પ્રકારનાં એચટીએમએલની અપેક્ષા રાખે છે તે કહે છે. આ ટ્યુટોરીયલ HTML5 નો ઉપયોગ કરે છે
આ doctype ઘોષણા ટૅગ નથી તે કમ્પ્યુટરને કહે છે કે HTML5 દસ્તાવેજ આવી રહ્યું છે. તે દરેક HTML5 પૃષ્ઠની ટોચ પર જાય છે અને આ ફોર્મ લે છે:
એકવાર તમારી પાસે DOCTYPE છે, તમે તમારું HTML શરૂ કરી શકો છો બંને શરૂઆત લખો
ટૅગ અને અંતિમ ટૅગ અને તમારા વેબ પૃષ્ઠની સામગ્રીની વિગતો માટે કેટલીક જગ્યા છોડો. તમારું નોટપેડ દસ્તાવેજ આના જેવું દેખાવું જોઈએ:
04 ના 07
તમારા વેબ પૃષ્ઠ માટે એક હેડ બનાવો
એક HTML દસ્તાવેજનું વડા છે, જ્યાં તમારા વેબ પેજ વિશેની મૂળભૂત માહિતી સંગ્રહિત છે-જેવી કે પૃષ્ઠ શીર્ષક અને શોધ એન્જિન ઓપ્ટિમાઇઝેશન માટે સંભવતઃ મેટા ટેગ. મુખ્ય વિભાગ બનાવવા માટે, ઉમેરો
ટેગ્સ વચ્ચેના તમારા નોટપેડ HTML ટેક્સ્ટ દસ્તાવેજમાં ટેગ
'આ સાથે
ટૅગ્સ, તેમની વચ્ચે અમુક જગ્યા છોડી દો જેથી તમારી પાસે હેડ માહિતી ઉમેરવા માટે જગ્યા છે
05 ના 07
હેડ વિભાગમાં પૃષ્ઠ શીર્ષક ઉમેરો
તમારા વેબ પૃષ્ઠનું શીર્ષક એ ટેક્સ્ટ છે જે બ્રાઉઝરની વિંડોમાં પ્રદર્શિત કરે છે. જ્યારે કોઈ તમારી સાઇટને સાચવે છે ત્યારે તે બુકમાર્ક્સ અને મનપસંદમાં પણ લખેલું છે. વચ્ચે શીર્ષક લખાણ સ્ટોર
ટૅગ્સ ઉપયોગ કરીને ટેગ તે વેબ પૃષ્ઠ પર જ દેખાશે નહીં, માત્ર બ્રાઉઝરની ટોચ પર.
આ ઉદાહરણનું પૃષ્ઠ "મેક્કીલી, શાસ્તા, અને અન્ય પાળતુ પ્રાણી" છે.
''
મેકકિનલી, શાસ્તા, અને અન્ય પાળતુ પ્રાણી
તે તમારા ટાઇટલ કેટલો સમય છે અથવા તે તમારા HTML માં બહુવિધ રેખાઓ છવાયેલો છે તે કોઈ બાબત નથી, પરંતુ ટૂંકા ટાઇટલ વાંચવા માટે સરળ છે, અને કેટલાક બ્રાઉઝર્સ બ્રાઉઝર વિંડોમાં લાંબા સમય સુધી કાપી.
06 થી 07
તમારા વેબ પૃષ્ઠ મુખ્ય શરીર
તમારા વેબ પેજનું શરીર અંદર સંગ્રહિત છે
ટૅગ્સ આ તે છે જ્યાં તમે ટેક્સ્ટ, હેડલાઇન્સ, સબહેડ્સ, છબીઓ અને ગ્રાફિક્સ, લિંક્સ અને અન્ય બધી સામગ્રી શામેલ કરો છો. તે તમને ગમે તેટલી લાગી શકે છે.
નોટપેડમાં તમારું વેબ પૃષ્ઠ લખવા માટે આ જ ફોર્મેટનું અનુકરણ કરી શકાય છે.
તમારું શીર્ષક મથક અહીં જાય છે વેબ પેજ પર દરેક બધું અહીં આવે છે
07 07
છબીઓ ફોલ્ડર બનાવવું
તમે તમારા HTML દસ્તાવેજનાં મુખ્ય ભાગમાં સામગ્રી ઉમેરવા પહેલાં, તમારે તમારી ડિરેક્ટરીઓ સેટ કરવાની જરૂર છે જેથી તમારી પાસે છબીઓ માટે એક ફોલ્ડર છે.
- મારા દસ્તાવેજ વિંડો ખોલો.
- My_website ફોલ્ડર પર બદલો.
- ફાઇલ > નવું > ફોલ્ડર પર ક્લિક કરો
- ફોલ્ડર છબીઓને નામ આપો.
છબીઓ ફોલ્ડરમાં તમારી વેબસાઇટ માટે તમારી બધી છબીઓ સ્ટોર કરો જેથી તમે તેને પછીથી શોધી શકો. જ્યારે તમને જરૂર હોય ત્યારે આ તેમને અપલોડ કરવાનું સરળ બનાવે છે