>> ДЕВІД Малан: Так я робив мій власну пошукову систему, але у мене просто
прийнято рішення про реструктуризацію речі під капотом.
Давайте поглянемо.
Тут, в HTML для цієї сторінки, повідомлення що в мене є зараз на вершині сторінки, що
Видається, що це логотип, logo.gif, і Я дав йому альтернативний текст
CS50 Пошук, про всяк випадок, якщо хтось не в змозі бачити, що зображення.
>> Але зауважте, що я розмістив цей образ всередині DIV, і я призначений його
Унікальний ідентифікатор цитатою, кінець цитати, "зверху". Нижче цього, у мене є ще один DIV якого
унікальний ідентифікатор я вирішив бути "середнім" але я міг бути ідентифікації цих діви
як все, що я хотів би.
І всередині цього "середнього" ДИВ, помітити, що у мене є форма.
Ця форма, мабуть збирається подати через HTTP GET до серверів Google
наступний введення, введення якого Тип текстів і чиє ім'я д.
І що станеться, як тільки користувач натиснув Enter або натискає кнопку
позначені CS50 Пошук.
>> Тепер в нижній частині сторінки, у мене є Третій і останній справ чиї унікальні
ідентифікатор "знизу". Усередині цього У мене є згадки авторського права,
в тому числі HTML сутності.
Виявляється, © є HTML особа, яка представляє собою авторські права
символ, для яких найбільш ймовірно у вас немає
Фактичний клавішу на клавіатурі.
Після цього я вже що це CS50 років.
>> Тепер верхня, середня і нижня існують так що я можу однозначно ідентифікувати вершини,
середня і нижня частина цій сторінці так що я можу стилізувати кожному з них
трохи по-іншому.
І я вже прийнято свобода робити це.
До вище в моїй сторінці, у мене є стиль тег, всередині якого деякі CSS
властивості.
Давайте поглянемо.
>> Зверніть увагу, що на вершині цій сторінці, у мене зазначено, що всі HTML тегів буде
з унікальним ідентифікатором вершини як вказане цієї гострої знак перед
це, має бути вирівнювання тексту: центр; як властивість.
Тим часом, в середині сторінки повинні аналогічним чином по центру, але будь-який
входи в середині сторінки повинні є 5 пікселів білого простору
навколо них, просто щоб дати речі трохи більше місця.
Тим часом, в нижній частині сторінки, Я вказав, що будь-який текст повинен бути
меншим шрифтом, що вага сказав шрифт повинен бути сміливим, що
Рентабельність навколо нижньої частини сторінки має бути 20 пікселів, просто щоб дати йому
Трохи перепочинок а також, і що будь-який текст
в ньому має бути по центру.
>> Що буде чистий ефект?
Що ж, давайте поглянемо в браузері.
Якщо я йду сюди, щоб Chrome, вуаля.
Тепер, є красивий Пошукова система.