አንድ ነጠላ መለያ ምስልን ወደ ድረ-ገጽ ጽሁፍ ለማስገባት ይጠቅማል። (ሠንጠረዥ ፒ ​​1) የዚህ መለያ ባህሪያት በገጹ ላይ የተቀመጠውን ሁሉንም የምስሉ መለኪያዎች ያዘጋጃሉ. የግራፊክ ፋይሉን አድራሻ እና ስም የሚገልጽ የSRC ባህሪ ያስፈልጋል። የSRC ባህሪ ካልተዋቀረ ባዶ የምስል አዶ ብቻ ነው የሚታየው።

የመለያ መዋቅር ከSRC ባህሪ ጋር የሚከተለውን ይመስላል

.

ኢንስቲትዩት የሚባል ግራፊክ ፋይል ከድረ-ገጹ ጋር በተመሳሳይ አቃፊ ውስጥ የሚገኝ ከሆነ እሱን ለማስቀመጥ የሚከተለውን መፃፍ አለብዎት።

.

የፋይል ስም ቅርጸት

በ D:\ Collection \ Cities \ MINSK.GIF ላይ የሚገኘውን MINSK የሚል ስም ያለው ግራፊክ ፋይል ለማስቀመጥ መፃፍ አለቦት .

መለያ በመጠቀም ድረ-ገጹ በይነመረብ ላይ በሌላ ኮምፒውተር ላይ የሚገኝ ግራፊክ ፋይል ይዟል።

በምስል ላይ ከሚታየው የእኛ ተቋም ፎቶ ጋር ድረ-ገጽ ለመፍጠር። 4.1, የሚከተለውን HTML ኮድ ማስገባት አለብዎት:

የእኛ ተቋም

ሩዝ. 4.1. ድረ-ገጽ ከተቋሙ ፎቶ ጋር

ከላይ ባለው ምሳሌ, የፎቶው ቁመት (HEIGHT) 200 ፒክሰሎች እና ስፋቱ (WIDTH) 300 ፒክሰሎች ነው. ፎቶውን ለማስቀመጥ, ከመሃል አሰላለፍ ጋር አንድ አንቀጽ ተፈጠረ.

አግድም መስመሮች

አግድም መስመሮች ነጠላ መለያን በመጠቀም በድረ-ገጽ ላይ ይቀመጣሉ

---

. የ SIZE፣ WIDTH፣ COLOR እና ALIGN ባህሪያት የመስመሮቹን ውፍረት፣ ስፋት፣ ቀለም እና አሰላለፍ ይቀይራሉ።

የአግድም መስመሮችን አቀማመጥ ለማብራራት ጥቂት ምሳሌዎችን እንመልከት፡-

1.

---

- በጠቅላላው ገጽ ላይ አግድም መስመር ፣ 2 ፒክስል ውፍረት።

2.

---

WIDTH = "200" ALIGN="RIGHT"> - አረንጓዴ ቀለም ያለው አግድም መስመር፣ 15 ፒክስል ውፍረት፣ 200 ፒክስል ስፋት እና ወደ ቀኝ የተስተካከለ።

3.

---

- መላውን ገጽ የሚሸፍን አግድም ሰማያዊ መስመር ፣ 25 ፒክስል ውፍረት።

4.

---

WIDTH = "300" ALIGN = "LEFT"> - ቀይ ቀለም ያለው አግድም መስመር፣ 20 ፒክስል ውፍረት፣ 300 ፒክስል ስፋት እና ወደ ግራ የተስተካከለ።

ለአራቱ የተመዘገቡት ምሳሌዎች የመስመር ማሳያው በምስል ውስጥ ይታያል. 4.2.

ሩዝ. 4.2. በድረ-ገጽ ላይ ያሉ መስመሮች

ጠረጴዛዎች

ጠረጴዛዎችን መፍጠር

ጠረጴዛው የተጣመረ መለያ በመጠቀም ነው የተፈጠረው

… . ይህ መለያ በተጨመረበት ቦታ ላይ ሠንጠረዥ ይፈጥራል
በኤችቲኤምኤል ኮድ ውስጥ።

ማንኛውም ጠረጴዛ ረድፎችን, እና ረድፎችን - ሴሎችን ያካትታል. የሚከተሉት መለያዎች የሰንጠረዥ ረድፎችን እና ህዋሶችን ለመመስረት ያገለግላሉ።

... - አዲስ መስመር;

... - የራስጌ ሕዋስ;

... - መደበኛ የጠረጴዛ ሕዋስ.

እነዚህ መለያዎች የተጻፉት በተጣመረ መለያ ውስጥ ነው።

… .

ሠንጠረዡ በረድፍ የተሰራ ነው - በመጀመሪያ አንድ ረድፍ ይገለጻል እና የሚፈለጉት የሴሎች ብዛት በውስጡ ይገለጻል, ከዚያም ሁለተኛው ረድፍ, ወዘተ.

በስእል ውስጥ የሚታየውን ሰንጠረዥ ለማግኘት. 5.1, የሚከተለውን HTML ኮድ መተየብ ያስፈልግዎታል:

ሩዝ. 5.1. የጠረጴዛ ገጽ

በሰንጠረዡ ራስጌ ሴሎች ውስጥ ያለው ጽሑፍ (ምስል 5.1) በከፊል ደማቅ ቅርጸ-ቁምፊ ይታያል እና ከሴሉ መሃል ጋር የተስተካከለ ሲሆን በመደበኛ ህዋሶች ውስጥ ጽሑፉ አልደመቀም እና በግራ በኩል የተስተካከለ ነው.

ከላይ ባለው ገጽ ላይ ባለው የኤችቲኤምኤል ኮድ ውስጥ መለያው መሆኑን ልብ ሊባል ይገባል።

መኪኖች	ዋጋ	ፎርድ	5000	ጎልፍ	6000

የBORDER ባህሪን ከ"1" እሴት ጋር ይዟል። ይህ ማለት በስእል ውስጥ በሚታየው ሠንጠረዥ ውስጥ. 5.1, የውጪው ድንበር ውፍረት
1 ፒክሰል ከጻፍን

… ,

ከዚያ የውጪው ድንበር ውፍረት 6 ፒክስሎች ይሆናል. የሰንጠረዥ ድንበሮች እንዳይታዩ ለመከላከል የBORDER ባህሪን ወደ 0 ማቀናበር አለብዎት ወይም በቀላሉ ይህንን ባህሪ ይተዉት።

አብዛኞቹ ድረ-ገጾች ግራፊክስ ይይዛሉ። መረጃን በቀለም እና በግልፅ ለማቅረብ ያስችላል። በብዙ አጋጣሚዎች ረጅም የጽሑፍ መግለጫ ከመስጠት ይልቅ ስዕልን ማሳየት የተሻለ ነው.

በአንድ ገጽ ላይ ግራፊክስን ለማስቀመጥ ሁለት መንገዶች አሉ-

• የግለሰብ ስዕሎችን ማስገባት;
• ዳራውን በምስል መሙላት.

በማንኛውም አጋጣሚ የግራፊክ ምስሉ ከፋይሉ የተወሰደ ነው.

ግራፊክስ ማስገባት

ስዕላዊ ምስልን ከግራፊክ ቅርጸት ፋይል ወደ አንድ ገጽ ማስገባት መለያውን በመጠቀም ይከናወናል (ከእንግሊዝኛ፣ ምስል - ምስል) የፋይሉን አድራሻ ለSRC ባህሪ እንደ ሙግት የሚያመለክት፡-

< IMG SRC = "адрес_графического_файла" >

የግራፊክ ፋይል አድራሻው ዩአርኤል ወይም የፋይል ስም ነው፣ ምናልባትም መንገድ ያለው። ለምሳሌ፣ ግራፊክ ፋይል logotip.jpg ለማሳየት መለያውን መጻፍ አለብህ፡-

< IMG SRC = "logotip.jpg" >

በአንድ መለያ ውስጥ የግራፊክ ምስል የማስተላለፊያ ፍጥነት ለመጨመር ባህሪውን መጠቀም ይችላሉ ( ተጨማሪ መለኪያ) LOWSRC፣ የግራፊክስ ፋይል አድራሻን እንደ መከራከሪያ የሚወስድ ነው። ሁለት ግራፊክ ፋይሎችን መፍጠር ትችላለህ አንደኛው (ለምሳሌ logotip.jpg እንበል) ባለ ከፍተኛ ጥራት ምስል ይዟል፣ ሌላኛው (ለምሳሌ logotip.gif) ዝቅተኛ ጥራት ያለው ምስል ይዟል። ከዚያ መለያው:

< IMG SRC = "logotip.jpg" LOWSRC = "logotip.gif" >

... አሳሹ መጀመሪያ የ logotip.gif ፋይሉን እንዲያወርድ እና እንደደረሰው በLogotip.jpg ፋይል እንዲተካ ያዛል።

የግራፊክስ ጭነትን ለማፋጠን ሌላኛው መንገድ ስዕላዊ መግለጫው የሚቀመጥበትን አራት ማዕዘን ቅርፅ ያለው ቦታ መጠን ማዘጋጀት ነው ። ስፋት(ስፋት) እና ቁመት(ቁመት)፣ በፒክሰል ይለካል። እነዚህን ባህሪያት ከገለጹ, አሳሹ በመጀመሪያ ለግራፊክስ ቦታ ይመድባል, የሰነዱን አቀማመጥ ያዘጋጃል, ጽሑፉን ያሳያል, እና ከዚያ ብቻ ግራፊክስን ይጭናል. አሳሹ ከተጠቀሰው የፍሬም መጠን ጋር እንዲመጣጠን ምስሉን እንደጨመቀው ወይም እንደሚዘረጋ ልብ ይበሉ። የምስል መጠኖችን የመግለጽ ምሳሌ፡-

< IMG SRC = "logotip.gif" WIDTH = 40 HEIGHT = 20 >

ግራፊክስ አብዛኛውን ጊዜ ጥቅም ላይ የሚውለው ከጽሑፍ ጋር ነው, ስለዚህ ጽሑፍን እና ግራፊክስን የማመጣጠን ችግር ይፈጠራል. ይህ ችግር ባህሪውን በመጠቀም ተፈትቷል አሰልፍመለያ የተለያዩ ክርክሮችን በመጠቀም. ለምሳሌ፣ ጽሑፍ ወደ ቀኝ ወይም ግራ በምስል ዙሪያ እንዲፈስ ልንፈልግ እንችላለን። ብዙውን ጊዜ ስዕሉ ከጽሑፉ ጋር በቅርበት የተካተተ ሲሆን ይህም አስቀያሚ ሊሆን ይችላል. ይህንን ለማስቀረት በምሳሌው ዙሪያ ባዶ ህዳጎችን ማዘጋጀት ይችላሉ። መስኮች የሚፈጠሩት ባህሪያትን በመጠቀም ነው። VSPACEለላይ እና ለታች ህዳጎች እና SPACEለጎን ህዳጎች በመለያ ውስጥ . የእነዚህ ባህርያት ነጋሪ እሴቶች በፒክሰሎች ውስጥ የመስኮችን መጠን የሚገልጹ ቁጥሮች ተብለው ተገልጸዋል. በግራፊክስ ዙሪያ መጠቅለልን ለመሰረዝ መለያውን ይጠቀሙ
.

የሚከተለው መለያ ከLogotip.jpg ፋይል ወደ ቀኝ ለመጠቅለል ግራፊክስ ያዘጋጃል (ምስሉ ከጽሑፉ በስተግራ ይገኛል)

< IMG SRC = "logotip.jpg" ALIGN = LEFT >

ከጽሁፉ በስተቀኝ ምስልን ማስቀመጥ ከፈለጉ ባህሪው ያስፈልገዎታል አሰልፍክርክር መድብ ቀኝ:

< IMG SRC = "logotip.jpg" ALIGN = RIGHT >

በምስሉ ዙሪያ ያሉትን ህዳጎች ለማዘጋጀት፣ እንደዚህ ያለ መለያ መፃፍ ያስፈልግዎታል።

< IMG SRC = "logotip.jpg" ALIGN = LEFT HSPACE = 20 VSPACE = 10 >

እዚህ ቁጥሮች 20 እና 10 የመስኮቹን መጠን ይወስናሉ.

አንድ ምሳሌ እንመልከት ማጋራት።ግራፊክስ እና ጽሑፎች. የማስታወሻ ደብተር (የጽሑፍ አርታዒ ማስታወሻ ደብተር) ዊንዶውስ ይክፈቱ። ከላይ የተገለጹትን መለያዎች በመጠቀም የኤችቲኤምኤል ኮድ ይፃፉ። ከዚህ በታች አንዳንድ ጽሑፎችን እና ግራፊክስን የሚያወጣ ፕሮግራም ነው. ያለዎትን ማንኛውንም ፋይሎች እንደ ግራፊክ ፋይል መጠቀም ይችላሉ። እዚህ ጥቅም ላይ የዋለው ፋይል logotip.gif ነው።

< HTML >

< HEAD >

< TITLE >መልመጃ 1< / TITLE >

< / HEAD >

< BODY BGCOLOR = "YELLOW" >

< IMG SRC = "logotip.gif " ALIGN = LEFT >

< H1 >ጽሑፍ በቀኝ በኩል በግራፊክስ ዙሪያ ይጠቀለላል< / H1 >

ሩዝ. 657. ጽሑፍ በቀኝ በኩል ባለው ምስል ዙሪያ ይጠቀለላል

በገጹ ላይ ምስሎችን (እንዲሁም ሌሎች አካላት) በትክክል ለማስቀመጥ ሰፊ እድሎች ይሰጣሉ ጠረጴዛዎችእና ቅጦች. እነዚህ የኤችቲኤምኤል ክፍሎች በኋላ ላይ ይብራራሉ። ለምሳሌ፣ የማይታዩ ክፈፎች ሰንጠረዡን መግለፅ፣ እና ስዕሎችን፣ ጽሑፎችን እና ሌሎች ክፍሎችን በዚህ ሠንጠረዥ ሕዋሶች ውስጥ ማስቀመጥ ይችላሉ።

ፍቺ 1

ድረ-ገጽ ነው። የጽሑፍ ፋይልበኤችቲኤምኤል የተፈጠረ እና በአለም አቀፍ ድር (WWW) የተስተናገደ። ከጽሑፍ በተጨማሪ ድረ-ገጽ ወደ ሌሎች ድረ-ገጾች መሄድ እና መመልከት የምትችልባቸው የሃይፐርቴክስት አገናኞች እንዲሁም በግራፊክስ፣ በአኒሜሽን፣ በቪዲዮ ክሊፖች እና በሙዚቃ መልክ ያስገባል።

ኤችቲኤምኤልን በመጠቀም የሚከተሉትን ማድረግ ይችላሉ-

1. የድር ገጾችን ይፍጠሩ እና ያርትዑ።
2. በሰነዱ ውስጥ የተካተቱትን ሁሉንም ነገሮች (ሥዕሎች፣ እነማዎች፣ ወዘተ) አሠራር ግምት ውስጥ በማስገባት የኤችቲኤምኤል ሰነዶችን ከበይነመረቡ ያርትዑ።
3. hypertext አገናኞችን በመጠቀም እና ስዕሎችን፣ ንድፎችን፣ እነማዎችን፣ የቪዲዮ ክሊፖችን፣ ሙዚቃን እና የንግግር አጃቢዎችን የመክተት ችሎታ፣ ልዩ ተጽዕኖዎችን ወደ ኤችቲኤምኤል ሰነድ ይፃፉ፣ ይፍጠሩ የመልቲሚዲያ አቀራረቦች, ተንሸራታች ትዕይንቶች, ማሳያ ፕሮጀክቶች.

ማስታወሻ 1

ግራፊክ ምስሎች አብዛኛውን ጊዜ በተለየ ፋይሎች ውስጥ ይከማቻሉ. የኤችቲኤምኤል ቋንቋ በድረ-ገጾች ኮዶች ውስጥ የተፃፉ አገናኞች ልዩ መለያዎች አሉት ፣ እነዚህም በበይነመረብ ላይ ያሉት የእነዚህ ፋይሎች ትክክለኛ አድራሻዎች ናቸው። እንደዚህ ዓይነት መለያዎች ሲያጋጥሙ የድር አሳሹ ለተዛማጅ ፋይል በምስል፣ በድምጽ ወይም በቪዲዮ እንዲፈልግ ለድር አገልጋይ ጠይቋል እና ይህ መለያ ባለበት ድረ-ገጽ ላይ ያሳያል። ከድረ-ገጹ በተለየ ፋይሎች ውስጥ የተከማቸ ማንኛውም ዳታ (ምስሎች፣ ኦዲዮ እና ቪዲዮዎች፣ ወዘተ) የድረ-ገጾች የተከተቱ ክፍሎች ይባላሉ። ምስልን ወደ ድረ-ገጽ የመጨመር ሂደትን ጠለቅ ብለን እንመርምር።

ምስሎችን ወደ ድረ-ገጽ ማከል

የድረ-ገጾች ማራኪነት በትክክል በግራፊክስ እና በእነሱ ላይ ጥቅም ላይ በሚውሉ ሌሎች የተለያዩ ነገሮች ላይ ነው. ምስልን ወደ ገጽ ማከል አስቸጋሪ አይደለም. እና ማድረግ የሚችሉትን ግራፊክስ ያክሉ መልክድረ-ገጾች በይበልጥ የሚታዩ እና ሙያዊ፣ በጣም የተወሳሰቡ እና ልዩ እውቀት የሚጠይቁ ናቸው።

የሚመስለውን የምስል ምንጭ መለያ በመጠቀም ምስልን ወደ ገጽ ማከል ትችላለህ፡-

መለያው የት አለ ፣ እና scr ባህሪው ነው። የ scr ባህሪ ስለሚያስፈልግ፣ ይህ አጠቃላይ ግቤት አንድ የተለመደ መለያ ነው ማለት እንችላለን። የምስል ምንጭ መለያው ተዛማጅ የመዝጊያ መለያን አይጠቀምም ምክንያቱም የምንጭ መለያው ራሱን የቻለ እና ስለዚህ ጥቅም ላይ በሚውልበት ጊዜ መጨረሻ ላይ መጎተትን ይፈልጋል።

አማራጭ መግለጫ ጽሑፎችን በማከል ላይ

በይነመረብ ላይ ብዙ ጊዜ አይጥዎን በድረ-ገጽ ላይ በማንኛውም ስዕላዊ ነገር ላይ ሲያንዣብቡ የሚታዩ የተለያዩ ጽሑፎችን ማግኘት ይችላሉ። እነዚህ መግለጫ ጽሑፎች ብዙውን ጊዜ ስለ ምስሉ ራሱ ወይም ስላለበት ገጽ አካባቢ ተጨማሪ መረጃ ይይዛሉ።

ከታች ያለው የኤችቲኤምኤል ኮድ በመለያው ውስጥ የተጨመረው alt ባህሪ ነው። ይህ ባህሪ ከ src ባህሪ ጋር ተመሳሳይ የሆነ ስለ ምስሉ አንዳንድ ተጨማሪ መረጃዎችን ለአሳሹ ይነግረዋል እና እንዲሁም ሁልጊዜ ከመለያ ጋር አብሮ ጥቅም ላይ ሊውል ይችላል።

alt="ይህ ምስል ነው!" />!}

የተለዋጭ ባህሪው ተግባር ወደ ድረ-ገጽ የታከለ ግራፊክ አካል አማራጭ ጽሑፍን መግለፅ ነው። በምስሉ ላይ እንደ አማራጭ በስክሪኑ ላይ ስለሚታይ አማራጭ ይባላል። የ Alt ባህሪ ሌላ ጠቃሚ ተግባር ያከናውናል. የድረ-ገጽ ዲዛይነር የገጹ ጎብኚ ምስሉን በስክሪኑ ላይ ካላየ ቢያንስ በዚህ ምስል ላይ የተጨመረውን የጽሑፍ መረጃ ማየት እንደሚችል እርግጠኛ እንዲሆን ያስችለዋል።

ለእያንዳንዱ መለያ alt attribute ሲጠቀሙ ተገቢ ያልሆኑ የጽሑፍ መልዕክቶችን በግራፊክ አካላት ላይ ላለመመደብ መጠንቀቅ አስፈላጊ ነው። ለምሳሌ፣ አማራጭ የጽሑፍ መለያዎችን ወደ ገጽ ንድፍ አካላት ማከል ምንም ፋይዳ የለውም። እንደዚህ አይነት ስህተቶችን ለማስወገድ የእነዚህን ንጥረ ነገሮች አልት ባህሪ ወደ ባዶ እሴት (alt="") ማዘጋጀት ይችላሉ። ሌሎች ባህሪያትን ካላዘጋጁ፣ አሳሹ ምስሉን በመጀመሪያው መጠን ያቀርባል፣ ነገር ግን የምስሉን የላይኛው ጫፍ ከአጠገቡ ካለው የጽሑፍ ሕብረቁምፊ የላይኛው ጫፍ ጋር ያስተካክላል። ሆኖም፣ የቅጥ ሉህ መለያዎችን በመጠቀም ሁለቱንም እነዚህን ቅንብሮች መቀየር ይችላሉ።

የምስል ባህሪያት

መለያው ምስሎችን እንዲቀይሩ የሚያስችልዎ ባህሪያት አሉት. ከእነዚህ ውስጥ ጥቂቶቹ እነሆ፡-

• ቁመት - የምስሉን ቁመት በፒክሰሎች ወይም በመቶኛ ለመወሰን ጥቅም ላይ ይውላል;
• ስፋት - የምስሉን ስፋት በፒክሰሎች ወይም በመቶኛ ለመወሰን ጥቅም ላይ ይውላል.

የምስሉን ቁመት እና ስፋት ማስተካከል

በድረ-ገጾች ላይ የተቀመጡ ምስሎች መጠኖች ከላይ ያሉትን ባህሪያት በመጠቀም ሊዘጋጁ ይችላሉ. በተጨማሪም ፣ እሴቶቻቸው እንደ ቋሚ የፒክሰሎች ብዛት ፣ ወይም ከገጹ መጠን አንፃር እንደ መቶኛ ተዘጋጅተዋል። ከታች ባለው የኤችቲኤምኤል ኮድ ውስጥ የመጀመሪያው መለያ የዋናውን ምስል መጠን በፒክሰል (60 ፒክስል በአቀባዊ እና 60 ፒክስል በአግድም) ይይዛል ፣ ሁለተኛው መለያ ተመሳሳይ ምስል ከገጹ ስፋት 6% እና ቁመቱ ወደ የገጽ ቁመት 10%።

alt="ይህ ምስል ነው!" ቁመት = "60" ስፋት = "60" />

alt="ይህ ምስል ነው!" ቁመት = "10%" ስፋት = "6%" />

ማስታወሻ 2

ምስሎችን በራሱ መስኮት ውስጥ ሲያሳዩ አሳሹ ሁለቱንም አይነት እሴቶች በማዘጋጀት ረገድ ጥሩ ስራ ይሰራል። ነገር ግን፣ ወደ ድረ-ገጾች የሚመጡ ጎብኝዎች በኮምፒውተሮቻቸው ላይ ከእርስዎ የተለየ የስክሪን ጥራት ሊኖራቸው እንደሚችል ማስታወስ አለብዎት። ስለዚህ የምስል መጠን ሲቀይሩ ሁለቱንም የምስል እሴቶች (ቁመት እና ስፋት) መግለጽ አለብዎት። ከእነዚህ እሴቶች ውስጥ አንዱን ብቻ ከቀየሩ፣ በስክሪኑ ላይ ያለው ምስል በአቀባዊ ወይም በአግድም ተዘርግቶ ሊታይ ይችላል።

ምስሎችን በፍጥነት የመጫን ቅዠትን ለመፍጠር ጥቅም ላይ ሊውል ይችላል. ይህንን ለማድረግ የምስሉ መጠኑ ቢቀየርም ባይሆንም የከፍታውን እና ስፋቱን ባህሪያት እሴቶችን ሁልጊዜ መግለጽ አለብዎት። ምክንያቱም በአንድ ገጽ ላይ ምስል ለማስቀመጥ ስለሚፈለገው የቦታ መጠን አስፈላጊ መረጃ ለአሳሹ ይነግሩታል። በምላሹ, አሳሹ ለምስሉ የሚያስፈልገውን ቦታ ይመድባል እና ምስሉን በራሱ መጫን ሳያቆም ሌሎች የገጹን ክፍሎች መገንባቱን ይቀጥላል. ይሄ ገጹ በፍጥነት የሚጫነው እንዲመስል ያደርገዋል ምክንያቱም ጎብኝዎች በገጹ ላይ ሌላ መረጃ ከማየታቸው በፊት ምስሉ ሙሉ በሙሉ እስኪጫን ድረስ መጠበቅ አያስፈልጋቸውም።

በማናቸውም ማያ ገጽ ላይ ያለው ምስል, ምንም እንኳን ጥራቱ ምንም ይሁን ምን, በገጹ ወርድ ላይ በትክክል የተወሰነ መጠን ያለው ቦታ መያዙን ለማረጋገጥ, መቶኛ እሴቶችን መጠቀም አስፈላጊ ነው. የስዕሉ ጥራት ቋሚ እንዲሆን ከፈለጉ (መጠን በፒክሰሎች) ፣ በፒክሰሎች ውስጥ እሴቶችን መጠቀም አለብዎት።

ጽሑፍ እና ግራፊክስ ማመጣጠን

ምስልን ከጽሑፍ መስመር በቀኝ ወይም በግራ ጠርዝ ለማሰለፍ የመለያውን አሰላለፍ ባህሪ ይጠቀሙ። ለምሳሌ፡-

alt="ይህ ምስል ነው!" ቁመት = "60" ስፋት = "60" align = "ቀኝ" />

ምስልን ከጽሑፍ ሕብረቁምፊ ጋር በማነፃፀር በአቀባዊ ለማስተካከል፣ ይህን ባህሪ መጠቀምም ይችላሉ፣ ይህም እሴቶቹን ከላይ፣ ታች እና መሃል ሊወስድ ይችላል። የዋጋው የላይኛው ክፍል የምስሉ የላይኛው ጫፍ በዙሪያው ካለው ጽሑፍ የላይኛው ጫፍ ጋር መስተካከል እንዳለበት ይገልጻል. የዋጋው የታችኛው ክፍል የምስሉ የታችኛው ጫፍ በዙሪያው ካለው ጽሑፍ የታችኛው ጫፍ ጋር መስተካከል እንዳለበት ይገልጻል. የመሃል እሴቱ የምስሉ መሃል ከጽሑፍ መስመሩ መሃል ጋር መስተካከል እንዳለበት ይገልጻል።

ምስሎችን እንደ አገናኞች መጠቀም

ምስሎች ከሌሎች ሰነዶች ጋር አገናኞችን ለመፍጠርም ያገለግላሉ። በኤችቲኤምኤል ውስጥ ምስል ልክ እንደ የጽሑፍ ሳጥን በተመሳሳይ መንገድ hyperlink ይሆናል። ይህንን ለማድረግ አገናኝ መሆን ያለበትን የገጽ ኤለመንት (በእኛ ሁኔታ ምስል) የሚያካትት መለያ ጥቅም ላይ ይውላል። ምስሉን በመጫን ሊንኩን ይከተላል።

ድንክዬ ምስሎች

ከላይ ከተጠቀሰው ዘዴ በተጨማሪ ምስል እንደ ሃይፐርሊንክ ከሚሰራበት ዘዴ በተጨማሪ ከአንድ ምስል ወደ ሌላ የሚሸጋገር እንደ hyperlink ሊያገለግል ይችላል. ይህ በድረ-ገጽ ላይ ለማተም የሚፈልጉት የምስሉ መጠን በጣም ትልቅ ከሆነ እና ለመጫን በጣም ረጅም ጊዜ በሚወስድበት ጊዜ አስፈላጊ ነው, ይህም ለብዙ ጎብኚዎች ተቀባይነት የለውም. ስለዚህ፣ የዚህን ምስል የተቀነሰ ቅጂ (ድንክዬ) ፈጥረው በሃይፐርሊንክ ይወክላሉ። አንድ ገጽ ጎብኝ በዚህ ምስል ላይ ፍላጎት ካለው፣ ሙሉ ምስሉን ለማየት ድንክዬውን ጠቅ ማድረግ ይችላል። አንድ ምሳሌ ይኸውና፡

alt="የተለመደውን ምስል ለማየት ጠቅ ያድርጉ።"

ቁመት = "60" ስፋት = "60" />

ምስሎችን በተሳካ ሁኔታ ለመጠቀም ሚስጥሮች

ምስሎች ለጎብኚዎች ብዙ ምስላዊ መረጃዎችን ይሰጣሉ, እና ይሄ ማራኪ ያደርጋቸዋል, እና ወደ ድረ-ገጽ ለመጨመር በጣም ቀላል ናቸው, ነገር ግን ድረ-ገጹ ታዋቂ እንዲሆን ከፈለግን መከተል ያለባቸው አንዳንድ ህጎች አሉ. ኢንተርኔት.

ገጾችን በሚፈጥሩበት ጊዜ ትናንሽ ምስሎችን በእነሱ ላይ ለማስቀመጥ መሞከር አለብዎት, ምክንያቱም ትላልቅ ምስሎች ለመጫን ረጅም ጊዜ ስለሚወስዱ እና አንዳንድ ተጠቃሚዎች አሁንም ዝቅተኛ ፍጥነት ያለው የመገናኛ መስመሮችን ወደ አውታረ መረቡ ይጠቀማሉ. የማስተላለፊያ ዘዴ, እና ስለዚህ የወረዱ ፋይሎች መጠን ለእነሱ መሠረታዊ ጠቀሜታ ነው.

ማስታወሻ 3

የጠቅላላው የኤችቲኤምኤል ሰነድ አጠቃላይ የፋይል መጠንም አስፈላጊ ነው, እሱም በተራው, በውስጡ በተካተቱት ምስሎች መጠን ላይ ብቻ ሳይሆን በቁጥራቸው ላይም ይወሰናል. የጽሑፍ መልእክቱ ይዘት ሁልጊዜ ከምስሉ ጋር እንዲመሳሰል የአልት ባህሪን ሲጠቀሙ መጠንቀቅ አለብዎት። እና በተቃራኒው ሁኔታ: ምስሉ በገጹ ላይ ከቀረበው የጽሑፍ መረጃ ጋር የሚዛመድ መሆኑን ማረጋገጥ አስፈላጊ ነው.

ከኢንተርኔት የተበደሩ ምስሎችን በምትፈጥረው ገጽ ላይ ስትጠቀም እነዚህ ምስሎች በቅጂ መብት የተጠበቁ መሆናቸውን ማረጋገጥ አለብህ።

እንደተጠቀሰው ኤችቲኤምኤል ዛሬ ማንኛውንም ድረ-ገጽ በአለም አቀፍ ድር ላይ ለመፃፍ መሰረት ነው። ሲኤስኤስ ሲጠቀሙ የኤችቲኤምኤል ኮድ መፍጠር በሚያስደንቅ ሁኔታ ይለወጣል። የተወሰኑ የእይታ ውጤቶችን ለማግኘት ብቻ የተጨማለቁ የኤችቲኤምኤል መለያዎችን እንደገና ጥቅም ላይ በማዋል መሰናበት ይችላሉ። ስለ አንዳንድ የኤችቲኤምኤል መለያዎች ወይም ባህሪያት፣ እንደ የተቋረጠው መለያ...

ቤት

ድር ጣቢያ ይዘዙ እና ንግድ ይጀምሩ!

ይህ ሐረግ በብዙ ጣቢያዎች ላይ ሊሰማ እና ሊታይ ይችላል, እና ይህ በከንቱ አይደለም!

ድህረገፅ — ይህ የኩባንያው ገጽታ ነው. እና ከተጠቃሚዎች ጋር በጣም ዘመናዊ እና ውጤታማ የመገናኛ መንገድ ነው. የበይነመረብ ጣቢያ ችሎታዎች ብቻ ለተጠቃሚው የመረጃ መልእክት ለማስተላለፍ ሁሉንም ዘዴዎች ሙሉ በሙሉ እንዲጠቀሙ ይፈቅድልዎታል። ሸማቹን ከነሱ ጋር ለማስተዋወቅ የፅሁፍ፣ የድምጽ እና የቪዲዮ መረጃ በአንድ ጣቢያ ውስጥ ሊቀርብ ይችላል።

በመጠቀም ሶፍትዌርበጣቢያው ላይ ክፍያዎችን መቀበል, በስልክ ማውራት, የውሂብ ጎታዎችን መጠበቅ, ፋክስ መላክ እና መቀበል, የኤስኤምኤስ መልዕክቶችን መለዋወጥ እና ሌሎች ብዙ ድርጊቶችን ማከናወን ይችላሉ. ዘመናዊ የበይነመረብ ጣቢያ ለማንኛውም ኩባንያ ብቻ ሳይሆን ለማንኛውም የበይነመረብ ተጠቃሚ የመረጃ ማዕከል ነው።

እና ይህ ሁሉን ተጠቃሚ የሚያደርግ መንገድ ውጤታማ እና በተመሳሳይ ጊዜ ሃሳቦችዎን ወይም እድገቶችዎን ለብዙ ታዳሚዎች በቀላሉ እና በግልፅ ለማስተላለፍ ነው። እና ዛሬ፣ በኤችቲኤምኤል hypertext markup ቋንቋ የተፃፉ የድር ሰነዶች በድር አካባቢ ውስጥ ዋና የመረጃ አቀራረብ ሆነው ቀጥለዋል።

የኤችቲኤምኤል በጣም ጠቃሚ ጥቅሞች የሚከተሉት ናቸው

• ቀላልነት፣ በተቻለ መጠን በአጭር ጊዜ ኤችቲኤምኤል እንዲማሩ ያስችልዎታል።
• የራስዎን ድረ-ገጾች የመፍጠር ችሎታ
• እና ኤችቲኤምኤል ዛሬ ባሉ ሁሉም የመሣሪያ ስርዓቶች ላይ ተመሳሳይ ነው የሚሰራው, ተጨማሪ መሳሪያዎችን መግዛት አያስፈልግም. እና የሚገኘውን ማንኛውንም መጠቀም በቂ ነው የጽሑፍ አርታዒለምሳሌ ማስታወሻ ደብተር።

በዚህ ድረ-ገጽ ላይ የእራስዎን ድረ-ገጽ የመፍጠር አጠቃላይ ሂደት ማለትም የተጠናቀቀውን ፕሮጀክት በበይነመረቡ ላይ በማተም ለሁሉም ተጠቃሚዎች ተደራሽ ለማድረግ በዝርዝር ለመግለጽ ሞከርኩ።

ጽሑፎቼ ለብዙዎች በጣም ጠቃሚ እንደሚሆኑ ተስፋ አደርጋለሁ, ምክንያቱም እኔ ራሴ ፕሮግራም አውጪ አይደለሁም, ነገር ግን በዚህ ሥራ በጣም ተነሳሳሁ.

በድረ-ገጹ ላይ የተቀመጡ ስዕላዊ ምስሎች መረጃን የተሻለ ግንዛቤ እንዲይዙ ብቻ ሳይሆን ገጾቹን ይበልጥ ግልጽ እና የማይረሱ ያደርጋቸዋል። ስዕላዊ ምስሎችን እራስዎ ማዘጋጀት ወይም የዲዛይነሮችን አገልግሎት መጠቀም ይችላሉ. እንዲሁም የግራፊክስ ፋይል ቤተ-ፍርግሞችን ከሶፍትዌር ምርቶች ለምሳሌ መጠቀም ይችላሉ። ማይክሮሶፍት ኦፊስ፣ CorelDraw ፣ ወዘተ.

በማይክሮሶፍት ኦፊስ ውስጥ ከተካተተው የክሊፕ አርት ቤተ-መጽሐፍት ግራፊክ ምስል በምንፈጥረው ድረ-ገጽ መነሻ ገጽ ላይ እናስቀምጥ። ይህንን ለማድረግ የሚከተሉትን ደረጃዎች ይከተሉ:

1. የተፈጠረውን ድር ጣቢያ ይክፈቱ።
2. ክፈት መነሻ ገጽበፓነሉ ውስጥ ባለው የ index.htm ፋይል ስም ላይ ሁለቴ ጠቅ በማድረግ የአቃፊ ዝርዝር(የአቃፊ ዝርዝር)።
3. በምናሌው ላይ አስገባ(አስገባ) ትዕዛዙን ይምረጡ መሳል ስዕሎች(ክሊፕ ጥበብ). በFrontPage ፕሮግራም መስኮት ውስጥ ፓነል ይታያል ስዕል ማስገባት(ክሊፕ ጥበብን አስገባ)።
4. ከዚህ ፓነል ውስጥ ትዕዛዙን ይምረጡ የስዕሎች ስብስብ(ሚዲያ ጋለሪ)። ስዕላዊ ምስልን ለመምረጥ የሚያስችል የንግግር ሳጥን ይከፈታል (ምስል 15.8)።

ሩዝ. 15.8.

በንግግር ሳጥኑ አናት ላይ ፣ በመስኮቱ ላይ የሚታዩትን ነገሮች ከሚቆጣጠሩት አዝራሮች ፣ እንዲሁም ዕቃዎችን መቅዳት እና መሰረዝ ፣ የምደባ ቁልፎች አሉ (ሰንጠረዡን ይመልከቱ) ።

1. ፓነል የክምችቶች ዝርዝርየመልቲሚዲያ ፋይሎችን እና የክሊፕ አርት ቤተ-መጽሐፍትን የምስል ፋይሎች ያሏቸው የኮምፒተርዎን አቃፊዎች ይዟል። የሚፈልጓቸውን የስዕሎች ምድብ አቃፊ ይክፈቱ። የዚህ ምድብ ምስሎች በመስኮቱ የስራ ቦታ ላይ ይታያሉ. ጠቋሚውን በምስሉ ላይ ስታስቀምጡ ስሙን፣ የምስሉን መጠን እና በውስጡ የያዘውን ፋይል እንዲሁም የግራፊክ ምስል ቅርፅን የሚያመለክት ፍንጭ ይታያል (ምስል 15.9)።

1. በተመረጠው ምስል በቀኝ በኩል ያለውን የቀስት አዝራር ጠቅ ያድርጉ. የአውድ ምናሌ ይታያል።
2. ከአውድ ምናሌው ውስጥ ትዕዛዙን ይምረጡ ቅዳ(ሶራ)
3. ወደ ድረ-ገጽ ይሂዱ እና ማንኛውንም ምቹ መሳሪያ በመጠቀም ከቅንጥብ ሰሌዳው ላይ ምስል ለጥፍ። ለምሳሌ, የቁልፍ ጥምርን ይጫኑ +.
4. አዝራሩን ጠቅ በማድረግ ስዕላዊ ምስሉን የያዘውን ድረ-ገጽ ያስቀምጡ አስቀምጥ(አስቀምጥ) በመደበኛ የመሳሪያ አሞሌ ላይ። የንግግር ሳጥን ይታያል የተካተቱ ፋይሎችን በማስቀመጥ ላይ(የተከተቱ ፋይሎችን አስቀምጥ) (ምስል 15.10), በገጹ ላይ የተቀመጠውን ምስል በአቃፊ ውስጥ ለማስቀመጥ ያቀርባል. ምስሎችፋይሉ በቤተ-መጽሐፍት ውስጥ በሚገኝበት ስም ስር ያለ ድር ጣቢያ። ይህ መስኮት የሚከተሉትን አዝራሮች ይዟል።
   • እንደገና ይሰይሙ(ዳግም ሰይም) - ፋይሉን እንደገና እንዲሰይሙ ይፈቅድልዎታል.
   • አቃፊ ቀይር(አቃፊ ቀይር) - የንግግር ሳጥን ይከፍታል። አቃፊ ቀይር(አቃፊን ቀይር)፣ የአሁኑን ድረ-ገጽ አቃፊዎች የያዘ፣ ፋይሉን ለማስቀመጥ የተለየ አቃፊ እንድትመርጥ ያስችልሃል።
   • ድርጊት(ድርጊት አዘጋጅ) የንግግር ሳጥን ይከፍታል። የተግባር ተግባር፣እሴቱን እንዲቀይሩ ያስችልዎታል አስቀምጥየእርምጃውን አምድ አስቀምጥ ወደ አታስቀምጥ(አታስቀምጥ) እሴት በሚመርጡበት ጊዜ አስቀምጥስዕሉ እርስዎ በገለጹት የድረ-ገጽ አቃፊ ውስጥ ተቀምጧል, አለበለዚያ ድረ-ገጹ በክሊፕ አርት ቤተ-መጽሐፍት ውስጥ ወደሚገኘው ምስል አገናኝ ይይዛል.

ክልል መሳል(የሥዕል ቅድመ-እይታ) ምስሉ ሲቀመጥ ያሳያል። የንግግር ሳጥን ውስጥ በማቀናበር የተካተቱ ፋይሎችን በማስቀመጥ ላይየሚፈለጉትን መለኪያዎች, አዝራሩን ይጫኑ እሺየግራፊክ ፋይሉ እርስዎ በገለጹት የድረ-ገጽ አቃፊ ውስጥ ይቀመጣል።

ሩዝ. 15.10.

ስዕላዊ ምስልን ከፋይል በማስቀመጥ ላይ

ከክሊፕ አይት ላይብረሪ ግራፊክ ምስል በድረ-ገጽ ላይ ለማስቀመጥ ተመለከትን። ስዕላዊ ምስልን ከፋይል በገጽ ላይ ለማስቀመጥ ከሚከተሉት ውስጥ አንዱን ያድርጉ።

• በምናሌው ላይ አስገባ(አስገባ) ትዕዛዙን ይምረጡ መሳል(ስዕል), እና ከዚያ በሚከፈተው ንዑስ ምናሌ ውስጥ - አማራጭ ከፋይል(ከፋይል)
• አዝራሩን ጠቅ ያድርጉ ምስል ከፋይል ያክሉ(ስዕልን ከፋይል አስገባ) በመደበኛ የመሳሪያ አሞሌ ላይ
• አዝራሩን ጠቅ ያድርጉ ምስል ከፋይል ያክሉ(ስዕልን ከፋይል አስገባ) በመሳሪያ አሞሌው ላይ ስዕሎች(ሥዕሎች)

ከእነዚህ ድርጊቶች ውስጥ ማንኛቸውንም ሲያደርጉ የንግግር ሳጥን ይከፈታል። መሳል(ሥዕል) (ምስል 15.11). ይህንን መስኮት በመጠቀም አስፈላጊውን ግራፊክ ፋይል ይፈልጉ እና በድረ-ገጹ ላይ ለማስቀመጥ አዝራሩን ጠቅ ያድርጉ አስገባ(አስገባ)። የንግግር ሳጥኑ ይዘጋል እና ምስሉ በገጹ ላይ ይቀመጣል።

ሩዝ. 15.11.

የምስል ባህሪያትን ማቀናበር

ምስልን በድረ-ገጽ ላይ ካስቀመጡ በኋላ የንግግር ሳጥኑን በመጠቀም ባህሪያቱን ማዋቀር ያስፈልግዎታል የስዕል ባህሪያት(ስዕል ንብረቶች) (ምስል 15.12). እሱን ለመክፈት ምስሉን ጠቅ ያድርጉ እና ከዚያ ከሚከተሉት ውስጥ አንዱን ያድርጉ።

• በምናሌው ላይ ቅርጸት(ቅርጸት) ትዕዛዝ ይምረጡ ንብረቶች(ንብረቶች)
• ቡድን ይምረጡ የአውድ ምናሌ የስዕል ባህሪያት(የሥዕል ንብረቶች)
• የቁልፍ ጥምርን ይጫኑ +

የንግግር ሳጥን የስዕል ባህሪያትሶስት ትሮችን ይዟል፡- አጠቃላይ(አጠቃላይ)፣ የቪዲዮ ቀረጻ(ቪዲዮ) ይመልከቱ(መልክ)። ይህንን የማሳያ መስኮት በመጠቀም የማበጀት አማራጮችን ጠለቅ ብለን እንመርምር።