Міністерство освіти і науки України
Кіровоградський національний технічний університет
Кафедра програмування та захисту інформації
Дисципліна : Web-програмування
Лабораторна робота №1
Тема: Основні засоби html.
Тема: Основні засоби html.
Ціль: Познайомитися із синтаксисом, основними тегами й атрибутами мови html.
Знати: Структуру html-документу, основні теги мови й методи форматування тексту.
Завдання:
Створіть статичний сайт, що містить мінімум 6 web-сторінок з тематики відповідно до свого варіанту.
Обов’язково використайте теги форматування тексту, створення списків, таблиць, посилань, додавання малюнків.
Варіант 29 - Сайт спортивного клубу
Код
<? define('mr_avenger', true);
include_once './admin/include/config.php';
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="templates/sport/css/style.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="templates/sport/css/form.css" type="text/css" media="screen">
<script type="text/javascript" src="templates/sport/js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?142"></script>
<script type='text/javascript' src='templates/sport/js/jquery.simplemodal.js'></script>
<script type='text/javascript' src='templates/sport/js/basic.js'></script>
<script type="text/javascript" src="templates/sport/js/jquery.dropDown.pack.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.form.js"></script>
<script type="text/javascript" src="./STYLE/main.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('ul#nav').NavDropDown({
duration:100,
hoverElement:'li',
hoverClass:'hover',
dropHolder:'div',
showEffect:'fade' // slide, fade, slide&fade
});
});
$("#reg").ajaxForm({success: contact_success});
function contact_success (responseText, statusText) { $("#result").html(responseText); }
function checklogin() {
$.ajax({
type:"POST",
url: "PAGE/ajax.php",
data:{ username:$('#login').val() },
success: function(data){
$("#content1").html(data);
}
});
}
</script>
<script type="text/javascript">
$(document).ready(function(){
checkURL1();
$('a').click(function (e){
checkURL1(this.hash);
});
setInterval("checkURL()",250);
});
var lasturl="";
function checkURL1(hash)
{
if(!hash) hash=window.location.hash;
if(hash == "") { hash == "#index"; loadPage(hash); }
if(hash != lasturl)
{
if(lasturl="#lk") {
$(".panel").hide();
$("#container").css("display", "block");
}
lasturl=hash;
loadPage(hash);
}
}function checkURL(hash)
{
if(!hash) hash=window.location.hash;
if(hash != lasturl)
{
if(lasturl="#lk") {
$(".panel").hide();
$("#container").css("display", "block");
}
lasturl=hash;
loadPage(hash);
}
}
function loadPage(url) //the function that loads pages via AJAX
{
urlall=url.replace('#','');
urlall=urlall.replace(/[^a-z]/g, '');
id=url.replace('#news', '');
id=id.replace(/[^0-9]/g, '');
//strip the #page part of the hash and leave only the page number
$('#load').css('visibility','visible'); //show the rotating gif animation
$.ajax({ //create an ajax request to load_page.php
type: "POST",
url: "getpage.php",
data: { page:urlall, newsid:id}, //with the page number as a parameter
dataType: "html", //expect html to be returned
success: function(msg){
if(parseInt(msg)!=0) //if no errors
{
$('#this').html(msg); //load the returned html into pageContet
}
}
});
}
</script>
<script type='text/javascript' src='templates/sport/js/form.js'></script>
<title><? echo $site['title'];?></title>
</head>
<body>
<div id='top_bg'>
<div id='bottom_bg'>
<div class='wrapper'>
<!-- Шапка -->
<div id='header'>
</di...