ያለ አቀማመጡ አቀማመጦችን ለመፍጠር የሲኤስኤስ አቀማመጥን እንዴት መጠቀም ይቻላል

ሰንጠረዥ ያልሆኑ አቀማመጦች አዲስ ዲዛይን ፍራፍሬዎችን ይከፍታሉ

ለአቀማመጥ ጠረጴዛዎችን መጠቀም አለመቻል ብዙ ምክንያቶች አሉ. ሰዎች እነሱን ለመቀጠል ከሚሰጡት በተደጋጋሚ ከሚጠቀሱት ምክንያቶች አንዱ ከሲኤስኤል ጋር አቀማመጥ ማድረግ አስቸጋሪ ስለሆነ ነው. ምንም እንኳን የሲ ኤስ ሲ ስክሪፕት የመማር ማስተማር ጥንካሬ ቢኖረውም, የሲ.ኤስ.ኤም አቀማመጥ እንዴት እንደሚሰራ ሲረዱ, ምን ያህል ቀላል ሊሆን ይችላል. እና አንዴ ከተማሩ, ሲኤስኤስ የማይጠቀሙበት ሁለተኛው በጣም የተለመዱ ምክንያቶችን ይገልጻሉ - "ሠንጠረዦችን ለመፃፍ ፈጣን ነው." ሰንጠረዦችን ስለሚያውቁ ፈጣን ነው, ነገር ግን አንዴ ሲኤስኤል ሲማሩ, በፍጥነት ልክ ሊሆኑ ይችላሉ. ከዛ ጋር.

አሳሽ የሲ ኤስ ኤስ አቀማመጥ ድጋፍ

የሲኤስኤስ አቀማመጥ በሁሉም ዘመናዊ አሳሾች በደንብ ይደገፋል. ለ Netscape 4 ወይም Internet Explorer 4 ጣቢያ መገንባት ካልቻሉ, አንባቢዎችዎ የሲ ኤስ ኤል-ተኮር ድረ-ገፆችዎን ለመመልከት ችግር የለባቸውም.

አንድ ገጽ እንዴት እንደሚገነቡ ዳግም ማጤን

ሰንጠረዦችን በመጠቀም ጣቢያዎችን በሚገነቡበት ጊዜ, በሰንጠረዥ ቅርፀት ማሰብ አለብዎ. በሌላ አነጋገር, በአንቀፆች, ረድፎች እና ዓምዶች ላይ እያሰብክ ነው. የእርስዎ ድረ ገጽ ይህን አሠራር ያንጸባርቃል. ወደ CSS የቦታ አቀማመጥ ንድፍ ሲቀይሩ, ገጾችዎን በይዘቱ መሰረት ማሰብ ይጀምራሉ, ምክንያቱም ይዘቱ በፈለክበት ቦታ ሁሉ ላይ - በሌላ ይዘት ላይ ተስተካክሏል.

የተለያዩ ድር ጣቢያዎች የተለያዩ መዋቅሮች አሏቸው. ውጤታማ ገጽ ለመፍጠር, ለማንኛውም ይዘት ከማዋቀርዎ በፊት ማንኛውንም የአንዱን ገጽታ መዋቅር ይገምግሙ. አንድ ምሳሌ ገጽ አምስት የተለያዩ ክፍሎችን ሊያካትት ይችላል.

1. ርዕስ . ወደ ሰንደቅ ማስታወቂያ, የጣቢያ ስም, የአሰሳ አገናኞች, የጽሑፉ ርዕስ እና ሌሎች ጥቂት ነገሮች.
2. ቀኝ አምድ . ይህ ከፍለጋ ሳጥኑ, ከማስታወቂያዎች, ከቪድዮ ሳጥኖች እና ከገበያ ቦታዎች ጋር የገጹ ትክክለኛ ክፍል ነው.
3. ይዘት . የአንድ ጽሑፍ ጽሑፍ, የጦማር ልጥፎች ወይም የግዢ ጋሪ-የገጹ ስዕላዊ እና ድንች.
4. የመስመር ውስጥ ማስታወቂያዎች . በይዘቱ ውስጥ ባለው መስመር ውስጥ ያሉ ማስታወቂያዎች.
5. ግርጌ . የታች አሰሳ, የደራሲ መረጃ, የቅጂ መብት መረጃ, የታችኛው ሰንደቅ ማስታወቂያዎች እና ተዛማጅ አገናኞች.

እነዚያን አምስት ክፍሎች በሠንጠረዥ ውስጥ ከማስቀመጥ ይልቅ የተለያየውን የይዘት ክፍሎች ለመወሰን ኤች ቲ ኤም ኤል 5 ክፍልፋይ አባሎችን ይጠቀሙ, ከዚያ የሲኤስቱን አቀማመጥ በገጹ ላይ ለማስቀመጥ ይጠቀሙ.

የይዘት ክፍሎችን ለይቶ ማወቅ

የተለያዩ የጣቢያህን የተለያዩ አካባቢዎች ከገለጹ በኋላ, ወደ ኤችቲኤምኤልዎ ውስጥ ማስቀመጥ ያስፈልግዎታል. በአጠቃላይ እርስዎ ክፍልዎን በማንኛውም ትዕዛዝ ውስጥ ማስቀመጥ የሚችሉ ቢሆንም, መጀመሪያ የገፅዎትን በጣም አስፈላጊ ክፍሎች ማኖር ጥሩ ሀሳብ ነው. ይህ አቀራረብ በፍለጋ ሞተር ኃይል ማሻሻያ ላይ ይረዳል.

አቀማመጥን በተሳካ ሁኔታ ለማሳየት, በሦስት ዓምዶች አማካኝነት አንድ ገጽን ይመልከቱ, ግን የራስጌ ወይም ግርጌ የለም. የሚወዱትን ማንኛውም አይነት አቀማመጥ ለመፍጠር አቀማመጥን መጠቀም ይችላሉ.

ለሶስት-ዓምድ አቀማመጥ ለሶስት ክፍሎች ይግለጹ: የግራ ዓምድ, የቀኝ ዓምድ እና ይዘትን.

እነዚህ ክፍሎች ለህጻናት የ ARTICLE ኤሌመንት እና ለሁለት ዓምዶች ሁለት ክፍልፋይ ንጥረነገሮችን በመጠቀም ፈጣን ይሆናሉ. እንዲሁም ሁሉም ነገር መለየት ያለበት ባህሪ ይኖረዋል. መታወቂያውን ሲጠቀሙ ለእያንዳንዱ መታወቂያ ልዩ ስም መስጠት አለብዎት.

ይዘቱን አቀማመጥ

CSS በመጠቀም, ለእርስዎ ID'd ኤለመንት ያሉበትን ቦታ ይግለጹ. የአቋምዎን መረጃ በሚከተለው የሙከራ ጥሪ ያከማቹ:

#content {

}

በነዚህ ክፍሎች ውስጥ ያሉ ይዘቶች የሚቻለውን ያህል ቦታን ይይዛሉ, ከአሁኑ ቦታ ወይም ገጽ ስፋት 100 በመቶ ናቸው. አንድ ክፍል ያለበትን ቦታ ወደ ቋሚ ስፋት ቢያስገድደው, ዳሽቦርድ ወይም የንብረት ባህሪን ይለውጡ.

ለዚህ አቀማመጥ, ሁለት ዓምዶችን ወደ ቋሚ ስፋቶች ያቀናብሩ እና ከዛም አቀማመናቸው ፍፁማዊ ሆኖ ያቀናጃቸዋል, ስለዚህም በኤችቲኤምኤል ውስጥ በተገኙበት ቦታ ላይ ተጽዕኖ አያሳድሩበትም.

# ከግራ-አምድ {
አቀማመጥ: ፍጹም;
ወደ ግራ: 0;
ወርድ: 150 ፒክስል;
ኅዳግ-ግራ: 10px;
ኅዳግ-ላይ: 20 ፒክስል;
ቀለም # 000000;
ማስተካከያ: 3 ፒክስል;
}
# ቀኝ-አምድ {
አቀማመጥ: ፍጹም;
ወደ ግራ: 80%;
ላይ: 20 ፒክስል;
ወርድ: 140 ፒክሰል;
padding-left: 10px;
z-index: 3;
ቀለም # 000000;
ማስተካከያ: 3 ፒክስል;
}

በመቀጠል ለይዘቱ አካባቢ በቀኝ እና በግራዎች ላይ የተቀመጡ ህዳጎችን (ማካዎች) ያስተካክሉና ይዘቱ በሁለቱም ውጫዊ አምዶች ላይ አይጣጣምም.

#content {
ከላይ: 0 ፒክስል;
ኅዳግ: 0 ፒክስ 25% 0 165px;
ማስተካከያ: 3 ፒክስል;
ቀለም # 000000;
}

ከኤች ቲ ኤም ኤል ሰንጠረዥ ይልቅ ገጽዎን በሲ.ሲ.ኤል ውስጥ መወሰን ትንሽ ቴክኒካዊ ክህሎቶችን ይጠይቃል, ነገር ግን ክፍያው ከተለዋዋጭ እና ምላሽ ሰጪ ንድፎች ይከተላል እና ከጊዜ በኋላ በእርስዎ ገጽ ላይ መዋቅራዊ ማስተካከያዎችን ለማቅረብ ይቀልዳል.