Редактор мәтіндері html5 құжатын жасау


Браузердің үйлесімділігі және тестілеуі



бет7/8
Дата13.11.2022
өлшемі415,91 Kb.
#158014
1   2   3   4   5   6   7   8
Байланысты:
Саден М

Браузердің үйлесімділігі және тестілеуі
Бұрын айтылғандай, әртүрлі браузерлер элементтерді әртүрлі көрсетеді. Кросс-браузердің үйлесімділігі мен тестілеудің маңыздылығын түсіну маңызды. Веб-сайттар барлық шолғыштарда бірдей көрінбеуі керек, бірақ олар жақын болуы керек. Сіз қандай браузерлерді қолдағыңыз келеді және сіздің сайтыңызға не жақсы болатынына байланысты қандай деңгейде шешім қабылдауға тура келеді.


Іс жүзінде
Конференция сайтында соңғы тоқтаған жерге оралайық және CSS-ті қалай қосуға болатындығын көрейік.

  1. Біздің стильдер-конференция папкасында активтер деп аталатын жаңа папка жасайық. Бұл жерде біз веб-сайт үшін стильдер, кескіндер, бейнелер және т.б. сияқты барлық ресурстарды сақтаймыз. Біздің стильдеріміз үшін активтер қалтасының ішіне тағы бір стиль кестелері қалтасын қосайық.

  2. Мәтіндік редакторды пайдаланып, main.css деп аталатын жаңа файл жасаңыз және оны біз жаңа жасаған стильдер қалтасында сақтаңыз.

  3. Index.html файлын шолғыштан қарап,

    және
    элементтерінде әдепкі мәнер бар екенін көреміз. Атап айтқанда, олардың қаріп өлшемі мен айналасында ерекше орын бар. Эрик Мейердің қалпына келтіруін қолдану арқылы біз әрқайсысы бірдей базадан басталатын етіп осы стильдерді жұмсарта аламыз.

  4. Біздің main.css файлы қалыптаса бастайды, сондықтан оны index.html файлына қосайық. Мәтіндік редактордан index.html ашып, элементінен кейін элементін қосыңыз. <br /><li/> <br />Біз <link> элементі арқылы стильдерді көрсетіп отырғандықтан, мәнер кестесінің мәні бар rel атрибутын қосыңыз. <br /><li/> <br />Біз href атрибутын қолданып main.css файлына сілтеме қосамыз. Біздің main.css файлы активтер қалтасында орналасқан стильдер қалтасында сақталғанын ұмытпаңыз. Осылайша, href атрибутының мәні, бұл біздің main.css файлына апаратын жол, болу керек css/main.css. <br /></ol> <br /> <br /> <p>Біздің жұмысымызды тексеретін және HTML мен CSS-тің қалай үйлесетінін көретін уақыт келді. Браузерде index.html файлын ашу (немесе ол ашылған болса, парақты жаңарту) бұрынғыдан сәл өзгеше нәтиже көрсетуі керек.</p> <br /><ol type="i"> <li/> <br /></link>


  5. Достарыңызбен бөлісу:
1   2   3   4   5   6   7   8




©engime.org 2024
әкімшілігінің қараңыз

    Басты бет