|
HTML і CSSзведення 1. htmlБазовий формат <html> <head> <title> </title> </head> <body> </body> </html> 2. htmlГраматичні правила для тегів <Атрибут назви тегу1=Вартість нерухомості1" атрибут2=Вартість нерухомості2”>тег</Ім'я тегу> 3. Теги гіперпосилань <a href="куди стрибати" ></a> Функція: Стрибок по сторінках. Питання: Якщо ви хочете зробити зображення (picture1.jpg) гіперзв'язаним, як його слід написати? <a href=""><img src="picture1.jpg" /></a> 4. Синтаксис таблиць <table> <tr> <td> Малі форми </td> <td>Зміст</td> </tr> </table> Примітка: Зміст форми має бути записаний уtdВсередині 5. Загальні характеристики таблиць a) Таблиця:межа=Номери(Безель) bordercolor=Колір рамкиbgcolor=Колір фонуcellspacing=Кількість (відстань між клітинами) cellpadding=число (відстань між вмістом і межами таблиці)висота ="Фіксовані номери|Відсоток%"Висоташирина="Фіксовані номери|Відсоток%"Ширина b) Tr: bgcolor=Колір фонувисота ="Фіксовані номери|Відсоток%"Висоташирина="Фіксовані номери|Відсоток%"Ширинаколір бордюру c) Td: bgcolor=Колір фонувисота ="Фіксовані номери|Відсоток%"Висоташирина="Фіксовані номери|Відсоток%"Ширинаcolspan=Числа (Об'єднання стовпців)розмах ряду=Числа (рядки об'єднання)колір бордюру Питання: Як встановити товщину та колір бордюру, коли зображення розташоване по центру? Колір рамки ширини 6. Форми a) Функція: Подача даних на сервер b) Синтаксис:<форма ></form> c) Елементи форми 1. вхідТеги i. Текст<тип введення=текст /> ii. Паролі<тип введення=пароль /> iii. Один вибір<тип входу=назва радіо="Ім'я те саме" /> iv. Множинний вибір<тип введення=галочка /> V. ґудзики<тип введення=кнопка /> Подати<тип введення=відправити /> Скидання<тип введення=скидання> Атрибути: Текст:розмір=Довжина текстуmaxдовжина=Можна ввести максимальну кількість символів Вибрати:ПеревіреноВибрано за замовчуванням Ґудзики:значення=Текст відображався над кнопкою 2Випадаючі ярлики: синтаксис, властивості <виберіть кілька(Можливі кілька варіантів)розмір=Ви можете побачити кількість варіантів> <обрано опцію(Вибрано за замовчуванням)>Зміст</option> </select> 7. CSSКаскадні таблиці стилів Функція: Збагачення контенту та зменшення обсягу коду Сценарій: Місце (3вид) 1. У ряду:Додавайте атрибути безпосередньо до тегівстиль="Власність:Значення атрибута;…” 2. Вбудовування:приголоваНаписання лейблів:<тип стилю="Текст/CSS"> Селектор{Властивості:Значення атрибута;…} </style> Очки3Основні селектори:htmlСелектор,КласСелектор класу (.назва класу),idСелектор (#idІм'я) — єдина 3. Зовнішнє:Створіть окремий.cssФайл, а потім додайте код посилання на сторінку, яку хочете використовувати — так.2Такий тип письма Пам'ятайте: приголоваДодайте теги всередину<link rel="stylesheet" type="text/css" href="назва файлу stylesheet.css”> Примітка: Якщо в стилях виникає конфлікт, пріоритетно використовуйте inline перед використанням inline і нарешті використовуйте зовнішній Питання: ВикористанняDIV+CSSПланування таТаблицяПлюси і мінуси розкладки? 8. Псевдоклас (селектор) A:Посилання {Color: #FF0000} /* Невідвідані посилання */ a:відвідав {color: #00FF00} /*Посилання, які були відвідані*/ a:hover {color: #FF00FF} /* Переміщення миші на посилання */ a:active {color: #0000FF} /*Вибране посилання*/ 9. DIV(Модель коробки) Функція: ЗамінаТаблицяТаблиця Письмо:<div>Контент (може бути вкладений.)div）</div> Використання: Встановіть ширину та висоту, можна комбінуватиПозиціяАтрибути Поширені властивості: 1. кордон: Товщина коробки 2. Margin: відстань між коробками 3. Амортизація: відстань між вмістом коробки та коробкою. 4. зріст、ширина: Висота, ширина 5. Передумови: Колір коробки, візерунок 6. Float: Сидіння ложіЛіворуч、Праворуч 10. ПеревалТкач снівСтворіть шаблон Функція: Досягти однакового стилю сайту, зменшити обсяг коду та підвищити ефективність розробки сайту Як створювати та використовувати шаблони 1. Create: file à new à regular à HTMLШаблонà Create 2. Зберегти: Зберегти на власному сайті, зверніть увагу: правильний шлях — папка Templates з'явиться внизу сайту, де зберігаються файли шаблонів (.dwt） 3. Письмо: Як і написання звичайних сторінок, набор тексту та написання однакового стилю контенту на сайті. Для різного контенту потрібно створити редаговану область (наведіть курсор на область редагування, яку хочете створити правою кнопкою миші та виберіть Template à New editable area) 4. Створити сторінку на основі шаблону: File à New à Template à Виберіть шаблон для використання 11. Ткач снівПов'язані знання Відповідь. СклавТкач снівСтворити вебсайт: Сайтà New site à advanced à local information Назвіть сайт і встановіть шлях до нього Примітка: шлях до місця не повинен бути китайською BЗнайомствоТкач снівНам потрібно знати, як вивести базові теги, які ми вивчили раніше Основна увага приділяється типографіці сторінки через таблиці CУТкач снівВикористовуючи гіперпосилання (відносні та абсолютні адреси) 12. CSSПоширені риси border:1px solid #000000; /*кордону3Поширені риси*/ ширина; зріст; /*Встановіть ширину та висоту*/ Вирівнювання тексту /*Встановіть контент у центр ліворуч і праворуч*/ Висота лінії /*Вміст коригування центрований вгору і вниз*/ float /*Поплавок(Для створення горизонтальних гіперпосилань необхідно використовувати плаваючі посилання)*/ margin /*Встановіть зовнішню відстань для коробки*/ Заповнення /*Встановіть відстань всередині коробки*/ Позиція /*Позиціонування, щоб бути з ними пізнішеЛіворуч вгоріВикористовуйте разом*/ color:#000000; /*Встановіть колір тексту*/ background-color:#000000; /*Встановіть колір фону*/ font-size:14px; /*Встановіть розмір шрифту*/ текст-декорація /*Встановте, чи підкреслене гіперпосилання, яке зазвичай використовуєтьсяпідкресленняабожодного*/ list-style-type:none; /*Стилізувати гіперпосилання (без крапок)*/
2013HTML复习.doc
(44 KB, Кількість завантажень: 0, Ціна продажу: 1 Grain MB)
| 
Опубліковано 09.11.2014 10:42:19
|
|
|
Опубліковано 10.11.2014 13:27:37
