1
我已经添加到该网站的jquery内容滑块，但在IE中它显示wry，还显示wry标题。该截图显示所有在Internet Explorer中错误地显示
代码我的网页：
<%@ Page Language="C#" AutoEventWireup="true" Inherits="Bitrix.UI.BXPublicPage, Main" Title="Социальный образовательный портал" %>
<script runat="server" id="@__bx_pagekeywords">
public override void SetPageKeywords(System.Collections.Generic.IDictionary<string, string> keywords)
{
keywords[@"keywords"][email protected]"";
keywords[@"description"][email protected]"";
keywords[@"ShowLeftColumn"][email protected]"";
}
</script>
<asp:Content ID="Content1" ContentPlaceHolderID="bxcontent" runat="server" >
<html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="jquery.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateFirefox" />
<title>Документ без названия</title>
<script type="text/javascript">
$(function(){
$("#about-button").css({
opacity: 0.3
});
$("#contact-button").css({
opacity: 0.3
});
$("#page-wrap div.button").click(function(){
$clicked = $(this);
if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
$clicked.animate({
opacity: 1,
borderWidth: 5
}, 600);
var idToLoad = $clicked.attr("id").split('-');
$("#content").find("div:visible").fadeOut("fast", function(){
$(this).parent().find("#"+idToLoad[0]).fadeIn();
})
}
$clicked.siblings(".button").animate({
opacity: 0.5,
borderWidth: 1
}, 600);
});
});
</script>
</head>
<body>
<div id="page-wrap">
<div style="width:565px !important;">
<div id="home-button" class="button" style="margin:0;"><img style="margin:0 !important;" class="button" alt="Социальный образовательный портал" src="button-1.png" /> </div>
<img style="FLOAT: left; margin:0 !important;" src="devide.png" width="2" height="24" />
<div id="about-button" class="button" style="margin:0 !important;"><img style="margin:0 !important;" class="button" alt="Комплектация" src="button-2.png" /> </div>
<img style="FLOAT: left; margin:0 !important;" src="devide.png" width="2" height="24" />
<div id="contact-button" class="button" style="margin:0 !important;"><img style="margin:0 !important;" class="button" alt="План развития системы" src="button-3.png" /> </div>
</div>
<div class="clear"></div>
<div id="content">
<div id="home">
<p></p>
<h1>Социальный образовательный портал</h1>
<table class="st2">
<tbody>
<tr><td style="BORDER-BOTTOM-COLOR: ; BORDER-TOP-COLOR: ; BORDER-RIGHT-COLOR: ; BORDER-LEFT-COLOR: ; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none" class="left">
<p>Социальный образовательный портал – это веб-сервис для обучения через общение всех участников учебного процесса. Как и в любой системе обучения в данном сервисе есть возможность изучения курсов и прохождения тестов. Но главный принцип работы пользователей в сервисе – общение, интерактивное взаимодействие в решении задач и создание личного виртуального пространства.</p>
</td><td style="BORDER-BOTTOM-COLOR: ; BORDER-TOP-COLOR: ; BORDER-RIGHT-COLOR: ; BORDER-LEFT-COLOR: ; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none" class="right">
<p>Участвуя в жизни портала, каждый пользователь сервиса становится частью информационного пространства учебного заведения или организации. Если в привычном понимании портал - это обширная и систематизированная база учебных материалов и документов, то социальный образовательный портал - это актуальные знания каждого из его участников в динамике.</p>
</td></tr>
</tbody>
</table>
<center>
<table class="st2">
<tbody>
<tr><td style="BORDER-BOTTOM-COLOR: ; BORDER-TOP-COLOR: ; BORDER-RIGHT-COLOR: ; BORDER-LEFT-COLOR: ; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none" class="left">
<p><img alt="Социальный образовательный портал" src="/project/src001.jpg" width="370" height="236" /></p>
</td><td style="BORDER-BOTTOM-COLOR: ; BORDER-TOP-COLOR: ; BORDER-RIGHT-COLOR: ; BORDER-LEFT-COLOR: ; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none" class="right">
<p><img alt="Социальный образовательный портал" src="/project/src002.jpg" width="370" height="236" /></p>
</td></tr>
</tbody>
</table>
</center>
<table class="st3">
<tbody>
<tr><td style="BORDER-BOTTOM-COLOR: ; BORDER-TOP-COLOR: ; BORDER-RIGHT-COLOR: ; BORDER-LEFT-COLOR: ; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none" class="left">
<p>В отличие от традиционных систем дистанционного обучения (СДО), данный сервис усиливает направляющую роль преподавателя. Активность обучаемых видна преподавателям, что способствует их профессиональной ориентации, раскрытию творческого потенциала и вовлечению в общественную жизнь. </p>
</td><td style="BORDER-BOTTOM-COLOR: ; BORDER-TOP-COLOR: ; BORDER-RIGHT-COLOR: ; BORDER-LEFT-COLOR: ; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none" class="middle">
<p>Обучаемые также могут наблюдать активность друг друга, что делает процесс обучения прозрачным, мотивирует к соперничеству и достижению лучших результатов в учебной и не учебной деятельности.</p>
</td><td style="BORDER-BOTTOM-COLOR: ; BORDER-TOP-COLOR: ; BORDER-RIGHT-COLOR: ; BORDER-LEFT-COLOR: ; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none" class="right">
<p>В СДО под самостоятельной работой обучаемых фактически подразумевается его изоляция от друзей и от более качественных и актуальных учебных материалов, а Социальный образовательный портал предлагает коллективную работу по выработке и накоплению знаний, где самостоятельность означает лидерство. </p>
</td></tr>
</tbody>
</table>
<p style="TEXT-ALIGN: center"><img style="MARGIN-TOP: 20px; MARGIN-BOTTOM: 20px" alt="Социальный образовательный портал" src="/project/diag001.jpg" width="810" height="251" /></p>
<table class="st2">
<tbody>
<tr><td style="BORDER-BOTTOM-COLOR: ; BORDER-TOP-COLOR: ; BORDER-RIGHT-COLOR: ; BORDER-LEFT-COLOR: ; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none" class="left">
<p>В Социальном образовательном портале используются средства неформального общения, знакомые пользователям по популярным социальным сервисам. Это помогает пользователям более активно взаимодействовать друг с другом: делиться полезной информацией, интенсивно использовать навыки общения, коллективно решать задачи, и выполнять групповые учебные и творческие проекты.</p>
<p>Используя социальный образовательный портал, Вы получаете управление интеллектуальным капиталом Вашей организации и творческим потенциалом Ваших студентов и работников. В процессе взаимодействия пользователей генерируются уникальные новые решения и информационные ресурсы. Вы можете применять их для последующего цикла обучения и в целях совершенствования бизнес-процессов Вашей организации.</p>
</td><td style="BORDER-BOTTOM-COLOR: ; BORDER-TOP-COLOR: ; BORDER-RIGHT-COLOR: ; BORDER-LEFT-COLOR: ; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none" class="right">
<p><strong>Социальный образовательный портал включает в себя взаимодополняющий функционал продуктов трёх типов:</strong></p>
<ul>
<li>система управления сайтом (администрирование, управление правами пользователей, учебные группы, настройка интерфейса, обновление учебного контента, добавление общих компонент: новости, объявления, галереи); </li>
<li>система дистанционного обучения (курсы и тесты в формате SCORM, статистика обучения, вебинары, календари событий, управление проектным обучением); </li>
<li>социальная сеть (блоги, группы друзей, фотоальбомы, комментарии, хранение документов, события, закладки и обмен ими).
<br />
Все пользователи сервиса имеют одинаковый набор инструментов, отличающийся только возможностями, зависящими от роли (студент, преподаватель, куратор и др.) </li>
</ul>
</td></tr>
</tbody>
</table>
<p></p>
</div>
<div id="about">
<h1>Комплектация</h1>
<p style="MARGIN-TOP: 20px">На текущий момент <strong><em>социальный образовательный портал (СОП)</em></strong> поставляется в двух комплектациях: </p>
<ol>
<li><strong>e-Learning standart</strong> </li>
<li><strong>e-Learning interactive</strong> </li>
</ol>
<p>В комплектацию e-Learning interactive помимо базовых функциональных модулей, входящих в конфигурацию e-Learning standart, входит модуль «Видеочат», который поставляеться как в составе модуля e-Learning interactive, так и самостоятельно.</p>
<p>Используя комплектацию e-Learning standart, Вы получаете простой способ организации замкнутого цикла дистанционного обучения с возможностью получения итоговой статистики.</p>
<br />
<center><img alt="Социальный образовательный портал" src="/project/screen_1.jpg" width="628" height="354" /></center>
<br />
<p>Функциональные возможности комплектации e-Learning standart:</p>
<ul>
<li>система авторизации и разграничения доступа на базе гибкого управления ролями; </li>
<li>конфигурирование функциональных возможностей с помощью модульного подхода; </li>
<li>импорт пользователей в в систему на базе популярных форматов; </li>
<li>загрузка и проигрывание учебных материалов в международном стандарте SCORM; </li>
<li>управление курсами и учебными группами с использованием календарного плана и расписания; </li>
<li>личный кабинет пользователя; </li>
<li>управление видом и содержанием портала с помощью конструктора; </li>
<li>возможность получения групповой и индивидуальной статистики по результатам обучения; </li>
<li>возможность публикации новостей на станицах портала с использованием функционального модуля «Новости» и встроенного редактора новостей; </li>
<li>возможность публикации фотографий на станицах портала с использованием функционального модуля «Фотогалерея» и универсального загрузчика; </li>
<li>Ваши дискуссии на страницах портала при помощи функционального модуля «Форум». </li>
</ul>
<br />
<p>Мы постарались сделать Ваше on-line общение при обучении максимально комфортным. Для организации вебинаров в социальном образовательном портале (СОП) мы используем богатые возможности приложения FlashChat, которое хорошо зарекомендовало себя при использовании в таких популярных CMS-системах, как Joomla!, Drupal, WordPress и т.д. FlashChat в рамках социального образовательного портала это: </p>
<br />
<ul>
<li>ваши виртуальные комнаты с использованием web-камер; </li>
<li>общение в чате с использованием привычных инструментов оформления текста и возможностью рисования; </li>
<li>вставка в чат видео и ссылок на видео с сайта YouTube; </li>
<li>приватный чат; </li>
<li>белая доска; </li>
<li>передача файлов и изображений (опционально); </li>
<li>возможность пригласить в чат Ваших друзей, отправив им ссылку; </li>
<li>большое количество разнообразных настроек (настройка расположения видеоокна, смена аватара и т.д.); </li>
<li>набор предустановленных скинов; </li>
<li>широкий выбор анимированных смайликов; </li>
<li>обширные возможности администрирования (опционально): управление пользователями, виртуальными комнатами и многое другое. </li>
</ul>
<br />
<center><img alt="Социальный образовательный портал" src="/project/screen_2.jpg" width="628" height="359" /></center>
<br />
<p>Сделать FlashChat неотъемлемой часть СОП нам помогли широкие возможности интеграции, которые мы использовали для того чтобы сделать виртуальное общение неразрывной частью Вашего обучения. Наш вклад в Вашу комфортную работу это:</p>
<br />
<ul>
<li>настройка доступа к видеочату, как отдельному функциональному блоку портала; </li>
<li>единая система авторизации в рамках СОП; </li>
<li>данные личного кабинета при общении в чате; </li>
<li>планирование вебинаров как отдельных мероприятий в календаре; </li>
<li>управление виртуальными комнатами в рамках прав администратора портала. </li>
</ul>
<br />
<p>По мере выхода новых версий СОП этот вклад будет расширяться. Используйте широкие возможности видеочата при обучении, и оно станет более интерактивным и интересным, а мы поможем Вам в этом, расширяя возможности on-line общения, интегрируя новые функции FlashChat в социальный образовательный портал.</p>
</div>
<div id="contact">
<h1>План развития системы</h1>
<p style="MARGIN-TOP: 20px">Объявив льготную подписку на социальный образовательный портал (СОП), мы взяли на себя определенные обязательства перед нашими пользователями по выпуску новых версий до конца 2011 года. Этот план мы намерены неукоснительно соблюдать.</p>
<p>
<br />
</p>
<p>Обнародовать свои планы разработки принято далеко не всегда, но мы сознательно идем на этот шаг, чтобы на деле демонстрировать наши принципы по отношению к пользователям. И прежде всего это - быть максимально честными и открытыми по отношению к клиенту! Так что же ждет наших подписчиков до конца 2011 года:</p>
<br />
<center><img alt="план развития" src="/project/type.gif" width="618" height="570" /></center>
<br />
<p>Мы указали здесь только основные планы нашего развития. За время реализации данной функциональности будет происходить много интересного. Вы можете стать полноправным участником разработки и воочию каждый день убеждаться в приближении к той конфигурации, которую Вы приобрели по льготной подписке. Версии СОП планируются к выходу каждый месяц. Уже сегодня Вы можете посмотреть, как будет выглядеть тот или иной функциональный модуль планируемый к разработке. Так, например, будет выглядеть Ваш календарь событий...</p>
<br />
<center><img alt="Социальный образовательный портал" src="/project/screen_3.jpg" width="628" height="397" /></center>
<br />
<p>Ваши обновления могут быть документально зафиксированы при оформлении подписки на текущую версию социального образовательного портала (СОП). Спешите оформить подписку сегодня и получить обширные возможности электронного обучения уже в конце текущего года!</p>
</div>
</div>
</div>
</body>
</html>
</asp:Content>
地址的网站：edusf.ru/project
所有其他浏览器中正确显示页面。我可以对IE做什么？
[validate，validate，validate]（http://validator.w3.org/），如果你对某个HTML有问题，那么*向我们展示HTML *而不是一些产生它的ASP。 – Quentin
'IE = EmulateFirefox' - 这将无能为力;这不是IE会识别的设置。 – Spudley