సైట్ మీ కోసం ఒక సమాంతర మెను తయారు

క్షితిజసమాంతర మెను దాదాపు ఏ సైట్ ఉంది - అది, ఆకర్షించడానికి లేదా విరుద్ధంగా, సందర్శకులు దూరంగా భయపెట్టేందుకు దాని రూపాన్ని మరియు వినియోగం వాటితో చేయగలిగే విధంగా ఒక ముఖ్యమైన భాగం. యొక్క ఒక ప్రాథమిక సమాంతర మెను సృష్టించడానికి ఎలా తెలుసుకోవడానికి యొక్క లెట్: సృష్టించే ప్రాథమిక నైపుణ్యాలు నైపుణ్యం, HTML దానిని "అస్థిపంజరం" చేయండి. మీరు ఖచ్చితంగా ఒక సిద్ధంగా మెను కనుగొనేందుకు చేయవచ్చు, కానీ చాలా NICER మీరుగా అభివృద్ధి ఎలా తెలుసుకోవడానికి. ఇది అందంగా సరదాగా అనిపిస్తుంది.

మెను తయారు తెలుసుకోండి

మేము లేఅవుట్ ప్రముఖ వ్యక్తులలో కట్టుబడి ఇది అర్థాలను నుండి విభేదిస్తూ లేదు ప్రయత్నించండి. మొదటి మీరు HTML మా మెనుల్లో కోసం ఒక "అస్థిపంజరం" చేయడానికి వారి స్వంత సమాంతర మెనుల్లో చేయడానికి ప్రాథమిక నైపుణ్యాలను కలిగి. ఆపై అది శైలి షీట్లు ఉపయోగించి అలంకరించండి కనిపిస్తుంది. మా సమాంతర మెను 5 అంశాలను కలిగి లెట్. మొదటి అంశం హోమ్ మళ్ళించబడుతుంది ఉంటుంది. రెండవ పాయింట్ - "మా గురించి". మూడవ - "మా అవార్డులకు". ఫోర్త్ - "ఇది వినోదంగా ఉంటుంది." ఐదవ - "మమ్మల్ని సంప్రదించండి."

HTML కోడ్ ఈ కనిపిస్తోంది:

ఎవరు తెలియదు: ఉల్ ట్యాగ్ ఉపయోగిస్తారు బుల్లెట్, దాని మూలకాలు li ప్రారంభమవుతాయి. లి టాగ్లు ఉల్ దరఖాస్తు చేసే శైలులు వారసత్వంగా.

ఉల్ - జాబితా బ్లాక్ మూలకం, దానిని వెడల్పు విస్తరించి ఉంటుంది. లి కూడా ఒక బ్లాక్ ఉంది.

కాబట్టి, ఒక index.html సృష్టించడానికి. మేము మా కోడ్ సేకరించడానికి. ఈ సమయంలో, బ్రౌజర్ కాకుండా ఒక సమాంతర మెను కంటే నిలువు ప్రదర్శిస్తుంది. కానీ మీరు లక్ష్యంతో మేము - సైట్ కోసం ఒక సమాంతర మెను చేయడానికి. ఈ కోసం మేము CSS అవసరం.

CSS అంటే ఏమిటి?

మీరు సైట్లు అభివృద్ధి నైపుణ్యం ఇంకా ఉంటే, అది క్యాస్కేడింగ్ స్టైల్ షీట్లు భావన తో పరిచయం పొందడానికి అవసరం. నిజానికి, ఈ ఒక వెబ్ సైట్ యొక్క పేజీలలో వేర్వేరు అంశాలను దరఖాస్తు ఇవి ఫార్మాటింగ్, ప్రాసెసింగ్ నియమాలు ఉన్నాయి. మేము ప్రామాణిక HTML మూలకాల లక్షణాలు వివరించడానికి ఉంటే, మీరు కోడ్ యొక్క అదే ముక్కలు ఒక నకలు పొందుటకు, ఈ అనేక సార్లు పునరావృతం ఉంటుంది. యూజర్ యొక్క కంప్యూటర్లో పేజీ లోడ్ సమయం పెరగనుంది. దీన్ని నివారించడానికి, ఒక CSS ఉంది. దీనిని ఒక నిర్దిష్ట మూలకం వివరించడానికి సంతృప్తి పరుస్తుంది, ఆపై కేవలం పేరు ఒక ప్రత్యేక శైలి యొక్క లక్షణాలు ఉపయోగించడానికి సూచిస్తున్నాయి. ఇది మరొక ఫైల్ లో పేజీ యొక్క టెక్స్ట్, కానీ కూడా మాత్రమే వర్ణించడం సాధ్యమే. ఈ సైట్ యొక్క అన్ని పేజీలలో వేర్వేరు శైలులు వివరణ దరఖాస్తు అనుమతిస్తుంది. ఇది CSS ఫైల్ సవరించుట, కొన్ని పేజీలు సవరించడానికి కూడా సౌకర్యవంతంగా ఉంటుంది. శైలి షీట్లు మీరు సైట్ యొక్క గ్రాఫిక్స్ పేజీలు హీనస్థితిలో నివారించేందుకు సహాయం, HTML కంటే మెరుగైన స్థాయిలో ఫాంట్లు పని అనుమతిస్తాయి.

మెను అభివృద్ధి కోసం శైలి షీట్లు ఉపయోగించి

మెను కోసం CSS కోడ్:

1. # My_1menu {జాబితా శైలి: none; padding: 6; వెడల్పు: 800px; మార్జిన్: ఆటో;}
2. # My_1menu li {ఫ్లోట్: ఎడమ; ఫాంట్: ఇటాలిక్ 18px Arial;}
3. # My_1menu a {color: # 756; ప్రదర్శన: బ్లాక్; ఎత్తు: 55px; లైన్-ఎత్తు: 55px; padding: 0 px 15px 0 px 15px; నేపధ్యం: #dfc; టెక్స్ట్ అలంకరణ: none;}
4. # My_1menu ఒక: హోవర్ {రంగు: #foa; నేపధ్యం: # 788;}

ఇప్పుడు ఫలితంగా సమాంతర CSS మెను చూద్దాం.

- ఈ ఆదేశం షెడ్యూల్ అంశాలను విడిచిపెట్టిన మార్కులు తొలగించడానికి none: - # My_1menu అందువల్ల id = my_1menu, జాబితా-శైలి తో UL- మూలకం కోసం శైలి అప్పగించిన ఉంది.

వెడల్పు: 800px - మా మెను వెడల్పును 800 పిక్సెల్స్.

padding: 0 - ఈ లోపల పాడింగ్ తొలగిస్తుంది.

మార్జిన్: ఆటో - మా పేజీ మధ్యలో సమాంతర మెను vyravnivnie.

# My_1menu li - శైలులు li-అంశాలు కేటాయించి.

ఎత్తు: 55px - మెనూ ఎత్తు.

# ఒక My_1menu: హోవర్ - కేటాయించి మూలకం శైలులు మరియు అది ప్రేరిత ఉన్నప్పుడు మౌస్.

మేము ప్రతి డెవలపర్ ఇక్కడ దాని పారామితులు పేర్కొనవచ్చు వంటి, వివరాలు ప్రతి లైన్ వివరించడానికి లేదు. వెబ్ సైట్ మెను లో శైలులు ఉపయోగించడం కోసం ఈ ఆధారంగా. మీరు చిత్రాలను ఉపయోగించి, ఒక మరింత పూర్తి మరియు అందమైన ఆకారం ఇస్తుంది. ఉదాహరణకు, నేపథ్యం కోసం మూలకం అప్పగించుము కానీ: url (img1.png) పునః x. అక్కడ నేపథ్య భావించండి: url (img2.png) కోసం ఒక పునః x: హోవర్.

మీ ఊహ, సృజనాత్మక ప్రాధాన్యతలను ఉపయోగించండి. అప్పుడు వెబ్ సైట్ లో ఒక సాధారణ మెను సృష్టించడానికి ఎలా ఆ జ్ఞానం ఆధారంగా, మీరు స్వంత ఏకైక డిజైన్ తో ఒక పేజీ అభివృద్ధి చేయవచ్చు.