Основи Web-програмування. Використання мови HTML. Базові елементи HTML: заголовок, назва, тіло документу. Форматування тексту. Вирівнювання тексту та горизонтальна лінія. Таблиці та списки. Створення посилань на документи і файли. Опис створення сайту.
До складу контейнеру HTML входять два структурні елементи: HEAD (елемент заголовку) та BODY (основна частина або тіло документу). Елемент HEAD розміщується одразу після тегу , перед основною частиною Web-сторінки: ··· Елемент HEAD (як і елемент HTML) не відображається при перегляді Web-сторінки, він надає браузеру загальну інформацію про HTML-файл. Тег розміщується безпосередньо після елементу HEAD, а кінцевий тег є передостаннім тегом документу: Назва Web-сторінки Тег має один параметр ALIGN, який вказує на спосіб вирівнювання тексту в параграфі: текст може бути вирівнений по правій (RIGHT), лівій (LEFT) межах або по центру (CENTER).CSS використовується авторами та відвідувачами веб-сторінок для того щоб визначити кольори, шрифти, верстку та інші аспекти вигляду сторінки. Як виглядає ця web-сторінка в браузері: Документ CSS-“ style.css ”має наступну структуру: body{margin:0; padding:0; background:url(images/tl_fll.jpg) top repeat-x #FFFFFF;} table, td{border-collapse:collapse;} table, td, img{border:0;} form, td{margin:0; padding:0;} td, div{font:10px/12px Arial, helvetica, sans-serif; color:#0a0c0e; vertical-align:top; text-align:left; padding:0; margin:0;} .clear{clear:both; line-height:0px;} input, textarea, select{font:10px Arial, helvetica, sans-serif; color:#0a0c0e; padding:2px 0 0 2px; text-transform:none; border: 1px solid #0081db; background:0; vertical-align:middle;} ul{list-style:none; line-height:0; padding:0; margin:0} .menu_left{width:214px; height:190px; background:url(images/menu_left_bg.jpg) top left no-repeat; padding:24px 0 0 54px;} .mp{width:372px; height:610px; background:url(images/mp_bg.jpg) top left no-repeat;} b{color:#0081db; font-size:11px;} strong{font-size:11px;} b a{color:#0081db; font-size:11px; text-decoration:underline;} b a:hover{text-decoration:none;} a{color:#0081db; text-decoration:underline; font-size:11px;} a:hover{text-decoration:none;} li a{color:#0081db; line-height:14px; text-decoration:underline;} li a:hover{text-decoration:none;} span{color:#0081db;}Таким чином, ми вивчили можливості мови HTML для створення Web-сторінок, дізналися, які HTML - та графічні редактори краще використовувати у Web-дизайні, які переваги та недоліки тих чи інших програмних пакетів. Отже, зрозумівши принцип побудови Web-сторінки, вивчивши можливості поєднання в ній різних видів інформації, ми можемо стверджувати, що Web-сторінки, з їх потенціалом можуть використовуватися для різних цілей.
Вы можете ЗАГРУЗИТЬ и ПОВЫСИТЬ уникальность своей работы
