1 00:00:00,000 --> 00:00:00,360 2 00:00:00,360 --> 00:00:01,970 >> DAVID Malan: Така че съм работил относно тази търсачка 3 00:00:01,970 --> 00:00:03,480 който изглежда така. 4 00:00:03,480 --> 00:00:07,580 I изглежда да има заглавие, наречено CS50 Search, под която е HTML форма, 5 00:00:07,580 --> 00:00:10,430 вътре в който се влага чиято тип е текст и друг вход 6 00:00:10,430 --> 00:00:12,260 чийто тип е бутона. 7 00:00:12,260 --> 00:00:15,400 Нека сега да разгледаме най-базисният изходния код за тази страница. 8 00:00:15,400 --> 00:00:20,180 >> Тук, в търсене-2.html, забележите, че аз наистина има заглавие под формата на 9 00:00:20,180 --> 00:00:23,260 глава, както и в тялото с h1 таг около него. 10 00:00:23,260 --> 00:00:26,490 Имам една HTML форма, и след това тези два входа. 11 00:00:26,490 --> 00:00:30,650 Но забележете по-специално върху тялото маркер, че съм обявен за стил 12 00:00:30,650 --> 00:00:35,770 атрибут, чиято стойност е текст-приравни: център;, като по този начин се уточнява, че всички 13 00:00:35,770 --> 00:00:38,390 текст на тази страница трябва да бъде подравнен в центъра. 14 00:00:38,390 --> 00:00:41,700 >> Сега това работи перфектно правилно, но това е малко по-небрежен. 15 00:00:41,700 --> 00:00:43,900 Вие наистина не може да каже толкова много защото тази страница е доста 16 00:00:43,900 --> 00:00:44,960 малък в момента. 17 00:00:44,960 --> 00:00:47,520 Но представете си, ако имам тази страница по-дълго и 18 00:00:47,520 --> 00:00:49,180 по-дълъг и по-сложен. 19 00:00:49,180 --> 00:00:53,960 >> Забележете, че моделът съм приет тук е да общувам ми естетика 20 00:00:53,960 --> 00:00:57,380 със структурата на страницата чрез използване на атрибута стил. 21 00:00:57,380 --> 00:01:00,540 Дълга история Накратко, това не е най-добрият дизайн, сигурност, както страниците си растат 22 00:01:00,540 --> 00:01:02,010 по-сложна. 23 00:01:02,010 --> 00:01:05,830 По-добър дизайн ще бъде на фактор от че стилизация и го сложи някъде 24 00:01:05,830 --> 00:01:09,730 централно, например, не в стил атрибут, но в таг стил, 25 00:01:09,730 --> 00:01:13,310 специално таг стил вътре на главата тагове ми страница. 26 00:01:13,310 --> 00:01:14,830 Нека да направим точно това. 27 00:01:14,830 --> 00:01:18,160 >> Първо, нека да отидете тук и да изтриете този стил атрибут напълно. 28 00:01:18,160 --> 00:01:22,420 След това обратно в главата ми страница, нека Декларирам таг стил и го затворете в 29 00:01:22,420 --> 00:01:24,620 същото време, така че аз не правя забравяйте да по-късно. 30 00:01:24,620 --> 00:01:28,120 И тогава нека да се уточни, че тялото на тази страница трябва да има CSS 31 00:01:28,120 --> 00:01:32,040 собственост на подравняване на текста е център. 32 00:01:32,040 --> 00:01:35,320 Нека сега спаси тази страница, презаредете браузър, и да видим какъв е ефектът. 33 00:01:35,320 --> 00:01:38,070 34 00:01:38,070 --> 00:01:40,510 >> Презареждане в браузъра си - 35 00:01:40,510 --> 00:01:41,570 не оказва влияние на всички. 36 00:01:41,570 --> 00:01:43,110 Но няма ефект е предназначена. 37 00:01:43,110 --> 00:01:45,150 Ние сме просто подобряване дизайн на страницата си. 38 00:01:45,150 --> 00:01:47,606