Microsoft Expression Web — пустая веб-страница
Поскольку мы уже создали наш веб-сайт, теперь нам нужно будет создать нашу домашнюю страницу. В предыдущей главе мы создали одностраничный веб-сайт, и в то время наша домашняя страница была создана Expression Web автоматически. Итак, если вы создали пустой веб-сайт, то вам нужно будет создать домашнюю страницу для своего сайта.
Microsoft Expression Web может создавать страницы следующих типов:
- HTML
- ASPX
- ASP
- PHP
- CSS
- Мастер страница
- Динамический веб-шаблон
- JavaScript
- XML
- Текстовый файл
В этой главе мы создадим страницу HTML и соответствующую ей таблицу стилей.
Создать пустую страницу
Чтобы создать пустую страницу, вы можете просто зайти в меню «Файл» и выбрать пункт меню « Создать» → «Страница…» .
В новом диалоговом окне вы можете создать различные типы пустых страниц, такие как HTML-страница, ASPX-страница, CSS-страница и т.
Как вы можете видеть здесь, код по умолчанию уже добавлен Microsoft Expression Web.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta content = "text/html; charset = utf-8" http-equiv = "Content-Type" />
<title>Untitled 1</title>
</head>
<body>
<h2>
This is a blank web page
</h2>
</body>
</html> Как видите, ваша вновь созданная страница имеет имя файла Untitled_1.html или Untitled_1.htm . Вам нужно будет сохранить страницу, нажав Ctrl + S и указать имя.
Поскольку наш веб-сайт уже содержит страницу index.html , нам не нужна другая страница. Однако, если вы создали пустой сайт, назовите эту страницу index.html .
Чтобы увидеть ваш веб в браузере, перейдите в меню «Файл» и выберите « Предварительный просмотр в браузере» → «Любой браузер» , скажем, Internet Explorer.
Создать страницу CSS
Давайте проведем вас через пошаговый процесс создания страницы CSS.
Шаг 1 – Чтобы создать страницу CSS, перейдите в меню «Файл» и выберите пункт меню « Создать» → «Страница…» .
Шаг 2 – Выберите « Основные» → «CSS» и нажмите «ОК».
Шаг 3 – Сохраните страницу и введите имя для таблицы стилей.
Шаг 4 – Нажмите кнопку Сохранить .
Шаг 5 – Теперь перейдем на страницу index.html.
Шаг 6 – На панели « Управление стилями» нажмите « Прикрепить таблицу стилей» .
Шаг 8 – Теперь вы увидите, что новая строка автоматически добавляется на страницу index.html.
<link href = "sample.css" rel = "stylesheet" type = "text/css" />
Шаг 9 – Элемент body определяет тело документа.
Чтобы стилизовать тег <body> , нам нужно создать новый стиль. Сначала выберите тег body в представлении «Дизайн», а затем нажмите «Новый стиль» на панели «Применить стили» или «Управление стилями», чтобы открыть диалоговое окно «Новый стиль».
Здесь вы можете определить различные параметры для вашего стиля. Первый шаг – выбрать тело из раскрывающегося списка «Селектор», а затем выбрать существующую таблицу стилей из раскрывающегося списка «Определить в».
Шаг 10 – Из URL выберите файл sample.css . С левой стороны, есть список категорий, таких как шрифт, фон и т. Д., И в настоящее время шрифт выделен. Установите информацию о шрифте в соответствии с вашими требованиями, как показано на скриншоте выше, и нажмите Ok.
Шаг 11 – Теперь вы можете видеть в режиме конструктора, что цвет фона и шрифт изменились на тот, который мы выбрали. Теперь, если вы откроете файл sample.css, вы увидите, что вся информация автоматически сохраняется в файле CSS.
Давайте предварительно просмотрим нашу веб-страницу в браузере. Вы заметите, что стиль применяется из файла CSS.
Вместо сайта отображается пустая страница — База знаний WebAsyst
- Общие вопросы
- 8 вопросов, которые обычно задают наши клиенты перед покупкой
- Перенос информации из аккаунта веб-сервисов после покупки скриптов
- Flash в приложениях WebAsyst
- Аккаунт WebAsyst
- Оплата
- Поддержка клиентов
- SMS
- Полезная информация для владельцев скриптов
- Диагностика скриптов
- Установка и обновление скриптов
- Shop-Script
- Поддержка
- Файлы
- Фото
- Контакты
- Почта
- Проекты
- Задания
- Страницы
- Блокнот
- Хостинг
Помощь » База знаний » Общие вопросы » Диагностика скриптов »
Если вместо веб-сайта в браузере отображается пустая страница, выполните следующее:
- Проверьте содержимое файла, имя которого указано в адресе страницы, он должен быть непустым.
Если файл пуст, восстановите его из резервной копии. - Проверьте значение параметров PHP, ответственных за отображение ошибок на веб-страницах:
- display_errors определяет, должны ли сообщения об ошибках отображаться в браузере. Чтобы сообщения об ошибках отображались, измените значение параметра на On или 1.
- error_reporting определяет, возникновение каких типов ошибок должно вызывать отображение диагностических сообщений в браузере. Для отображения всех типов сообщений измените значение параметра на E_ALL. Это значение эквивалентно 2047 для PHP версии 4 и младше, 6143 для PHP версий 5.2.* и 30719 для PHP версий 5.3.*.
Более подробно значения параметра error_reporting описаны на официальном сайте PHP по адресу http://ru.php.net/manual/en/errorfunc.constants.php.
Изменив значения параметров, обновите страницу. Появившиеся на странице сообщения помогут выяснить и устранить причину возникшей проблемы.
- Очистите кеш Smarty в разделе WebAsyst Installer «Диагностика -> Сброс кеша». Если удаление кеша Smarty не срабатывает, воспользуйтесь этой инструкцией для удаления файлов кеша вручную.
Если файл пуст, восстановите его из резервной копии.
- Почему мой сайт не работает?
- Где можно посмотреть логи WebAsyst?
- Анализ лог-файлов
- Коды ошибок сервера
- Вместо сайта отображается пустая страница
- WebAsyst не отправляет уведомления по электронной почте
- На странице входа в аккаунт отсутствуют надписи
- Ошибка 500 «Internal Server Error» при входе в WebAsyst Installer или аккаунт пользователя
- После сохранения настроек общедоступной части перезаписывается файл .htaccess
- Сообщение «Error read wbs.xml file»
- Сообщение «Fatal error: Allowed memory size of … bytes exhausted»
- Сообщение «Warning: error_log(…) failed to open stream: Permission denied»
- Сообщение «syntax error: unrecognized tag: $preproc->getTemplatesUrl»
- Сообщение «open_basedir restriction in effect»
- Сообщение «Cannot send session cache limiter — headers already sent. ..»
..»
javascript — Пустая страница при открытии файла HTML
Задать вопрос
спросил
Изменено 3 года, 7 месяцев назад
Просмотрено 7к раз
Я следил за учебным пособием Дерека Банаса на YouTube по созданию игры Tetris. Но когда я открываю свой HTML-файл («Tetris.html») в Google Chrome, он просто открывает пустую страницу и больше ничего.
Я пытался обновить Chrome, но у меня последняя версия. Я также без проблем пробовал открывать старые HTML-файлы. Мои файлы CSS, JS и HTML находятся в одной папке.
HTML-файл («Tetris.html»):
<голова>
<мета-кодировка="utf-8">
JavaScript-тетрис
css">
<тело>
<холст>
CSS-файл («mainstyle.css»):
body {
выравнивание текста: по центру;
фон: #fff;
}
#мой-холст {
фон: #fff;
поле слева: 10px;
поле сверху: 10px;
}
Я не включаю свой JS-файл («TetrisBasic.js»), поскольку не думаю, что в нем есть какие-либо проблемы. Скажи мне, если я должен иначе.
- javascript
- html
- css
- гугл-хром
3
Оно пустое, потому что на холсте нет цвета. Предоставленный цвет в css — #fff. Итак, если вы хотите увидеть холст на своей странице, вам нужно изменить фон или добавить цвет рамки к вашему классу #my-canvas. Что-то вроде этого:
#мой-холст {
фон: #000;
поле слева: 10px;
поле сверху: 10px;
}
Зарегистрируйтесь или войдите в систему
Зарегистрироваться через Facebook
Зарегистрируйтесь, используя адрес электронной почты и пароль
Опубликовать как гость
Электронная почта
Требуется, но не отображается
Опубликовать как гость
Электронная почта
Требуется, но не отображается
Создание пустых страниц и файлов
Вы можете создать два типа содержимого, которые отображаются в виде ссылок в списке содержимого.
Учащиеся выбирают ссылки для просмотра материалов. Эти типы контента экономят место на экране и сокращают количество прокруток.
Пустая страница: на одной странице можно разместить файлы, изображения и текст. Не появляется описание со ссылкой.
Файл: Вы можете загрузить файл или создать HTML-файл, который учащиеся смогут открыть в новом окне или вкладке. Вы также можете загрузить коллекцию файлов, включая каскадные таблицы стилей (CSS), чтобы учащиеся могли просматривать их в установленном порядке и с вашим дизайном.
Создать пустую страницу
Вы можете создать пустую страницу и включить файлы, изображения и текст в качестве ссылки в список содержимого. Вы не можете добавить описание со ссылкой. Учащиеся выбирают ссылку для просмотра материалов.
Вы также можете создать пустую страницу непосредственно в меню курса для важной информации. Например, добавьте изображение карты для предстоящей экскурсии, информацию о приглашенном докладчике или учебное пособие для итогового теста.
Удаляйте пустые страницы из меню курса, как только информация больше не нужна.
Убедитесь, что режим редактирования включен, чтобы вы могли получить доступ ко всем параметрам инструктора.
С редактором у вас есть творческий контроль над тем, как отображается ваш контент, и гибкость, позволяющая изменять порядок и внешний вид, когда вы хотите.
Дополнительные сведения о внедрении мультимедиа
- В области содержимого, учебном модуле, плане урока или папке выберите «Создать содержимое», чтобы открыть меню, и выберите «Пустая страница».
- Введите имя и добавьте свои материалы в поле «Содержимое». Вы можете использовать параметры редактора для форматирования текста, прикрепления файлов, встраивания мультимедиа и вставки уравнений, ссылок и таблиц. Файлы, которые вы прикрепляете в редакторе, видны учащимся только после того, как они выберут ссылку на пустую страницу.
- В разделе «Вложения» выберите «Обзор моего компьютера», чтобы загрузить файл со своего компьютера. Файл сохраняется в папке верхнего уровня в хранилище файлов вашего курса: «Файлы курса» или «Коллекция материалов». Вы также можете прикрепить файл из репозитория.
-ИЛИ-
Перетащите файлы со своего компьютера в «горячую точку» в области «Прикрепить файлы». Если ваш браузер позволяет, вы также можете перетащить папку с файлами. Файлы будут загружены по отдельности. Если браузер не позволяет отправить пустую страницу после загрузки папки, выберите Не прикреплять в строке папки, чтобы удалить ее. Вы можете перетащить файлы по отдельности и отправить снова.
Вы не сможете перетаскивать файлы для загрузки, если в вашем учреждении используется старая версия Blackboard Learn.
Вы можете использовать имя файла или указать другое имя для файла.
- Выберите соответствующие параметры доступности, отслеживания и дат отображения. Даты отображения не влияют на доступность элемента, только когда он появляется.
Файл сохраняется в папке верхнего уровня в хранилище файлов вашего курса: «Файлы курса» или «Коллекция материалов». Вы также можете прикрепить файл из репозитория. После отправки в списке содержимого появляется пустая страница.
Вы можете изменить содержимое пустой страницы в любое время.
Когда режим редактирования включен и вы выбираете ссылку на пустую страницу, вы видите страницу редактирования. Чтобы видеть пустую страницу так, как это делают учащиеся, измените режим редактирования на ВЫКЛ.
Создать файл
Тип содержимого файла можно использовать для создания ссылки на файл в списке содержимого. Вы не можете добавить описание со ссылкой. Вы можете выбрать, будут ли пользователи просматривать файл как страницу в курсе или в отдельном окне или вкладке. Учащимся необходимо загрузить некоторые типы файлов, например документы Word, для просмотра содержимого.
Вы можете загрузить один файл или один заархивированный пакет. Например, вы можете загрузить заархивированный пакет, чтобы предоставить учащимся группу изображений, необходимых им для лабораторного проекта.
Убедитесь, что режим редактирования включен, чтобы вы могли получить доступ ко всем параметрам инструктора.
- В области содержимого, учебном модуле, плане урока или папке выберите «Создать содержимое», чтобы открыть меню, и выберите «Файл».
- На странице «Создать файл» введите имя и найдите файл. Выберите «Обзор моего компьютера», чтобы загрузить файл с вашего компьютера. Файл сохраняется в папке верхнего уровня в хранилище файлов вашего курса: «Файлы курса» или «Коллекция материалов». Вы также можете прикрепить файл из репозитория. Используйте параметр «Выбрать другой файл», чтобы удалить связанный файл и заменить его другим.
- Выберите «Да» для параметра «Открыть в новом окне», чтобы отобразить содержимое в новом окне или вкладке.
- Выберите соответствующие параметры доступности, отслеживания и дат отображения. Даты отображения не влияют на доступность файла, только когда он появляется.
После отправки файл появится в списке содержимого.
Вы можете изменить содержимое файла в любое время. Откройте меню файла и выберите «Редактировать».
Вы можете изменить положение файла в списке с помощью функции перетаскивания или инструмента изменения порядка с помощью клавиатуры.
Заархивированные пакеты содержимого
Вы можете создать урок с несколькими взаимосвязанными HTML-страницами с навигацией, изображениями, веб-ссылками и каскадными таблицами стилей (CSS). Затем вы можете создать заархивированный файл и разархивировать файл в хранилище файлов курса и выбрать начальную страницу. Учащиеся могут просматривать содержание урока по порядку, сохраняя все ссылки. Стартовая страница откроется в новом окне или вкладке, и учащиеся смогут закрыть страницу, чтобы вернуться к списку содержимого. Узнайте больше в следующем разделе.
- Получите доступ к файлам курса или коллекции материалов, куда вы загрузите свой пакет. В меню «Загрузить» выберите «Загрузить пакет», чтобы пакет был автоматически разархивирован.
- Получите доступ к области содержимого или папке, где вы предоставите ссылку на свой урок. Выберите Build Content, чтобы получить доступ к меню, и выберите File.
- На странице «Создать файл» выберите «Просмотреть курс» или «Просмотреть коллекцию материалов», чтобы выбрать файл, который является начальной страницей для вашего пакета материалов. Стартовая страница — это первая страница, которую видят учащиеся, и она должна содержать переход к другим страницам вашего пакета.
- Выберите соответствующие параметры доступности, отслеживания и дат отображения. Даты отображения не влияют на доступность, только когда она появляется.
После отправки файл появится в списке содержимого. Вы можете изменить содержимое файла в любое время. Откройте меню файла и выберите «Редактировать».
Если вы хотите, чтобы упакованный файл оставался заархивированным, прикрепите заархивированный файл к элементу содержимого с помощью параметров прикрепления или используйте команду «Вставить файл» в редакторе.
Учащиеся выбирают ссылку в списке содержимого, загружают ее и разархивируют. Используйте этот метод, чтобы предоставить учащимся несколько файлов для работы или редактирования на своих компьютерах.
Ссылка на HTML-файлы
Вы можете использовать тип содержимого файла для встраивания HTML-файлов в созданный вами веб-сайт. После загрузки файлов HTML в файлы курса или коллекцию материалов вы выбираете, какой файл является отправной точкой, например index.html или page_1.html. Имя файла появится в поле Имя. Измените имя, чтобы облегчить пользователям доступ к содержимому. Например, измените название на «Начать здесь» или «Просмотреть урок 1».
При выборе HTML-файла появляется раздел «Управление доступом». Вы можете определить доступ, который вы хотите предоставить студентам. У вас есть три варианта:
- Предоставьте пользователям доступ ко всем файлам и папкам в папке. Предоставьте пользователям доступ ко всем файлам и подпапкам в родительской папке файла, который вы связываете.
