Как создать html страницу с использованием шаблонов текстового процессора
Текстовый шаблон содержит текст, который будет создан на его основе. Например, шаблон, создающий веб-страницу, будет содержать " . " и все остальные стандартные части HTML-страницы. В шаблон вставлены управляющие блоки, которые являются фрагментами программного кода. Блоки управления обеспечивают варьирующиеся значения и обеспечивают условность и повторяемость текста.
Эта структура упрощает разработку шаблона, так как можно начать с прототипа созданного файла и постепенно вставлять блоки управления, которые будут обеспечивать изменение результата.
Текстовые шаблоны состоят из следующих частей.
Директивы — элементы, управляющие обработкой шаблона.
Текстовые блоки — содержимое, которое копируется непосредственно в выходные данные.
Управляющие блоки — программный код, который вставляет значения переменных в текст и управляет условными или повторяющимися частями текста.
Чтобы испытать примеры в этом разделе, скопируйте их в файл шаблона, как описано в статье Создание кода во время разработки с помощью текстовых шаблонов T4. После редактирования файла шаблона сохраните его, а затем проверьте выходной файл .txt .
Директивы
Директивы текстовых шаблонов предоставляют общие инструкции модулю текстовых шаблонов в отношении порядка создания кода преобразования и выходного файла.
Например, следующая директива указывает, что выходной файл должен иметь расширение .TXT.
Дополнительные сведения об директивах см. в разделе директивы текстового шаблона T4.
Блоки возможностей класса могут содержать текстовые блоки
Вы можете написать метод, создающий текст. Пример:
Особенно полезным будет поместить метод, создающий текст, в отдельный файл, который можно будет включить в несколько шаблонов.
Включение кода и текста
Директива include вставляет текст из другого файла шаблона. Например, эта директива вставляет содержимое файла test.txt :
Включенное содержимое обрабатывается почти так же, как если бы оно было частью включающего текстового шаблона. При этом можно включить файл, содержащий блок возможностей класса , даже если за директивой include следуют обычный текст и стандартные блоки управления.
Дополнительные сведения см. в разделе директива T4 include.
REFERENCES
For more information about HTML support in Word 2002, follow these steps:
Open Microsoft Word 2002.
On the Help menu, click Microsoft Word Help.
Click the Answer Wizard tab.
Type HTML in the What would you like to do? box, and then click Search.
Related topics will be displayed. Click any item to display the information.
Большинство браузеров имеют возможность проверки исходного HTML-кода просматриваемых страниц. При просмотре источника вы увидите несколько тегов HTML (язык гипертекстовой разметки), заключенных в угловые скобки ( <> ), с текстом.
Приведенные ниже действия используют теги HTML для создания простой веб-страницы. на этом этапе вы вводите обычный текст в файл в Блокнот, вносите несколько изменений, сохраняете файл и перезагружаете страницу в браузере для просмотра изменений.
Создание HTML-файла
откройте Блокнот или любой простой текстовый редактор.
В меню файл выберите создать.
Введите следующие строки:
В меню файл выберите сохранитьи сохраните файл как c:\webpages\First.htm. Оставьте файл открытым в редакторе.
Перейдите в браузер и в меню файл выберите открытьили введите File://C:/webpages/first.htm в поле ввода URL-адреса браузера. Должна отобразиться пустая страница с заголовком окна «верхние теги HTML».
Обратите внимание, что теги парны и включены в угловые скобки. В тегах регистр не учитывается, но для выделения тегов часто используется прописная буква.
Тег < HTML >запускает документ, и тег < /HTML >завершает его. Закрывающие теги (не всегда обязательные) совпадают с начальным тегом, но перед тегом стоит косая черта (/). Между угловой скобкой ( < ) и началом тега не должно быть пробелов.
вернитесь к Блокнот и после < строки/хеад >введите:
В меню файл выберите команду сохранить.
Вернитесь в браузер и обновите страницу.
Слова будут отображаться в клиентской области окна браузера. Обратите внимание, что возврат каретки не учитывается. Если требуется разрыв строки, необходимо включить тег после первой строки.
Для всех шагов, описанных ниже, вставьте текст в любое место между < телом >и < /боди >, чтобы добавить его в текст документа.
Добавьте изображение, используя файл .jpg, сохраненный в том же каталоге, что и ваша страница:
Для нумерации списка используйте парные < теги < OL >и < /ол >вместо тегов UL > и < /UL >.
Вы должны приступить к работе. Если вы видите замечательную функцию на веб-странице, можно узнать, как она была создана, изучив исходный код HTML. Для создания простых и сложных страниц можно использовать редакторы HTML, такие как Microsoft Front Page.
Ниже приведен полный исходный код HTML для создаваемого файла:
Полное описание тегов, атрибутов и расширений см. в спецификации HTML (HTML):
В создании этой статьи участвовала наша опытная команда редакторов и исследователей, которые проверили ее на точность и полноту.
Команда контент-менеджеров wikiHow тщательно следит за работой редакторов, чтобы гарантировать соответствие каждой статьи нашим высоким стандартам качества.
В этой статье мы расскажем вам, как с помощью HTML-кода создать простейшую веб-страницу. HTML является одним из основных компонентов интернета, потому что задает структуру веб-страниц. Веб-страницу можно создать в текстовом редакторе, который есть в Windows или macOS.
Введите и нажмите ↵ Enter . Этот тег содержит описание веб-страницы и заголовочные элементы. Контент этого тега на странице, как правило, не отображается. Контентом являются описание страницы, метаданные, таблицы стилей CSS и другие языки сценариев. [1] X Источник информации
Введите и нажмите ↵ Enter . Этот тег закрывает тег описания страницы. На данном этапе HTML-код должен выглядеть примерно так.
Введите тег под закрывающим тегом «head». Этот тег содержит весь контент HTML-документа. Контент этого тега отображается на веб-странице.
-
Добавьте дополнительные заголовки по мере необходимости. Можно создать до шести заголовков; это делается с помощью тегов - . Заголовки будут иметь разные размеры. Например, код для создания трех заголовков разного размера будет таким:
. Этот тег содержит абзац текста. Такой тег отобразит текст нормального размера.
Введите
после текста и нажмите ↵ Enter . Этот тег закрывает тег абзаца текста. Ниже приведен пример абзаца в HTML-документе:Пространства имен
Число используемых директив assembly и import не ограничено. Их нужно размещать до блоков управления и текста.
Дополнительные сведения см. в разделе Директива импорта T4.
Блоки управления выражениями
Блок управления выражением оценивает выражение и преобразует его в строку, которая вставляется в выходной файл.
Блоки управления выражениями разделяются символами
Например, следующий блок управления задает, что выходной файл будет содержать "5":
Это выражение может включать любую переменную в области. Например, этот блок печатает строки цифр:
Add an Image to Your HTML Document
Place your insertion point where you want to place an image in your document.
On the Insert menu, point to Picture, and then click ClipArt.
In the Insert ClipArt task pane, click Search.
NOTE: If you click Search without typing anything into the Search Text box, the search result will display all of the currently available images on your system.
In the Results section, select the image that you want to insert into the page.
Save your changes and then close the document.
Служебные методы
Существует несколько методов, таких как Write() , которые всегда можно использовать в блоке управления. Они включают методы, помогающие создать отступы для вывода или отчеты об ошибках.
Кроме того, вы можете создать собственный набор служебных методов.
Open an HTML Document in Word
Do one of the following.
If the New Document task pane is still displayed:
In the New Document task pane, select the document under Open a document. This opens the document directly.
If the New Document task pane is not displayed:
On the File menu, click Open.
In the Open dialog box, locate the HTML document that you created earlier, and then select it.
Текстовые шаблоны времени разработки выполняются в отдельном домене приложения
Следует иметь в виду, что текстовый шаблон времени разработки выполняется в домене приложения, отдельном от основного приложения. В большинстве случаев это неважно, однако вы можете столкнуться с ограничениями в некоторых сложных случаях. Например, если нужно передать данные в шаблон или из него, используя отдельную службу, эта служба должна предоставить сериализуемый API.
(Это не верно для текстового шаблона времени выполнения, который предоставляет код, компилируемый вместе с остальной частью кода.)
Вставка в документ "бегущей строки", графического объекта и гиперссылок
Размеры бегущей строки можно менять, как и размеры любого объекта Windows. Вставку в документ рисунка из файла можно выполнять тремя способами:
Вставить рисунок с его предварительным просмотром можно командой Вставка, Рисунок, Картинки.
Гиперссылку на текст, находящийся на разрабатываемой вами странице, можно сделать следующим образом:
This article provides a step-by-step guide to how to create an HTML document, including items such as typing text and adding images and hyperlinks to your HTML document.
Стандартные блоки управления
Стандартный блок управления представляет собой раздел программного кода, который создает часть выходного файла.
В файле шаблона можно смешивать любое число блоков текста и стандартных блоков управления. При этом нельзя помещать один блок управления в другой. Каждый стандартный блок управления отделяется символами .
Например, следующий блок управления и текстовый блок создают выходной файл, который содержит строку "0, 1, 2, 3, 4 Hello!":
Вместо использования явных операторов Write() , можно чередовать текст и код. В следующем примере выводится текст "Hello!" четыре раза:
Можно вставить блок текста в любое место кода, где допускается вставка оператора Write(); .
При внедрении текстового блока в составной оператор, такой как цикл или условный, всегда используйте фигурные скобки <. >для размещения текстового блока.
Текстовые блоки
Текстовый блок вставляет текст непосредственно в выходной файл. Для текстовых блоков нет особых правил форматирования. Например, следующий текстовый шаблон создаст текстовый файл со словом "Hello":
Относительные пути файлов в шаблонах времени разработки
В текстовом шаблоне времени разработки, если требуется сослаться на файл в расположении относительно текстового шаблона, используйте this.Host.ResolvePath() . Кроме того, необходимо задать выражение hostspecific="true" в директиве template :
Можно также получить другие службы, предоставляемые узлом. дополнительные сведения см. в разделе доступ к Visual Studio или другим узлам из шаблона.
Использование внешних определений
Преобразование данных и моделей
Наиболее полезная сфера применения текстовых шаблонов — создание материалов на основе содержимого источника, такого как модель, база данных или файл данных. Шаблон извлекает данные и изменяет их формат. Коллекция шаблонов может преобразовать подобный источник в несколько файлов.
Существует несколько способов считывания исходного файла.
Считывает файл в текстовом шаблоне. Это самый простой способ получения данных в шаблоне:
Загрузка файла в качестве модели с возможностью навигации. Более эффективный способ — это чтение данных как модели, по которой может перемещаться код текстового шаблона. Например, можно загрузить XML-файл и выполнять навигацию по этому файлу с помощью выражений XPath. Можно также использовать xsd.exe для создания набора классов, с помощью которых можно считывать XML-данные.
Измените файл модели на диаграмме или в форме. Инструменты доменного языкапредоставляет средства, позволяющие редактировать модель в виде диаграммы или Windows формы. Это упрощает обсуждение модели с пользователями созданного приложения. Инструменты доменного языка также создает набор строго типизированных классов, отражающих структуру модели. Дополнительные сведения см. в разделе Создание кода на основе языка Domain-Specific.
Method 2
Start Microsoft Word.
Create a new blank document.
On the File menu, click Save as Web Page.
In the File name box, type the file name that you want for your document, and then click Save.
Создание шаблона HTML-документа и заполнение его информацией
Для создания HTML-документов в текстовом процессоре Word должны быть соответствующие инструменты. Для проверки этого выполните команду Файл, Создать. Если в появившемся окне есть вкладка Web-страницы, то эти инструменты у вас есть. Если этой вкладки нет, то надо переустановить MicrosoftOffice в режиме Выборочно (Custom), добавив "галочку" в строку Создание HTML. Причем надо полностью удалить MicrosoftOffice, а потом установить его с добавлением инструментов Создание HTML. При переустановке с использованием пункта Добавить/Удалить эти инструменты в программы MicrosoftOffice обычно не устанавливаются.
При заполнении шаблона информацией не забывайте стирать слова шаблона, такие, как Вставьте заголовок или Введите текст. Слова, выделенные синим цветом, являются гиперссылками, они позволяют переходить сразу к указанным подразделам документа.
Add Text and Hyperlinks to Your HTML Document
Open the HTML document that you created earlier in this article. To do this, follow these steps:
On the File menu, click Open.
Browse to the location that you saved your article to, in the "Create Your HTML Document" section of this article.
Select the file and then click Open.
Type the following text into the document:
You can use Microsoft Word to create HTML documents as easily as you can create normal Word documents.
To create a hyperlink, select the words "Microsoft Word" in the text that you typed.
On the Insert menu, click Hyperlink.
Save your changes to the document.
Create Your HTML Document
Use one of the following two methods to create your new HTML document.
Сборки
Необходимо использовать абсолютные пути или стандартные имена макросов в пути. Пример:
Дополнительные сведения см. в разделе директива сборки T4.
Блоки управления
Язык, на котором вы будете писать код в блоках управления, не связан с языком создаваемого текста.
Method 1
Start Microsoft Word.
In the New Document task pane, click Blank Web Page under New.
On the File menu, click Save.
NOTE: The Save as type box defaults to Web Page (*.htm; *.html).
In the File name box, type the file name that you want for your document, and then click Save.
Редактирование шаблонов
Специализированные редакторы текстовых шаблонов можно загрузить из каталога диспетчера расширений в Интернете. В меню Сервис выберите пункт Диспетчер расширений. Щелкните Интернет-коллекция и воспользуйтесь средством поиска.
В настоящее время в состав каждого из трех основных текстовых процессоров - Corel WordPerfect 7, Word Pro 97 компании Lotus и Microsoft Word 97 - входят инструменты для создания Web-страниц.
Текстовые процессоры имеют определенные преимущества по сравнению со специализированными авторскими инструментами HTML. Например, пользователям удобно работать с текстовыми процессорами. Кроме того, документы, подготовленные текстовыми программами, можно распространять в разнообразных форматах, отличных от формата HTML, по обычной или по электронной почте. Текстовый процессор представляет собой единый инструмент для выполнения всех этих задач. Текстовые процессоры оснащены множеством средств для редактирования текста, в частности для проверки орфографии и синтаксиса, автоматического исправления грамматических ошибок и форматирования.
Есть и недостатки. Некоторые характерные для Интернет понятия и функции остаются за пределами возможностей текстовых процессоров, например ни одна из этих программ не работает с кадрами. А поскольку HTML - не "родной" язык текстовых процессоров, все элементы документа должны подвергаться процедуре преобразования. Обычно такие детали, как рамки таблиц и некоторые текстовые расширения, не удается преобразовать должным образом. Кроме того, ни одна из программ текстовых процессоров не обеспечивает возможности разбиения длинного документа на несколько HTML-страниц на основе указанных пользователем признаков, таких, как границы глав и разделов или стили заголовков. Вместо этого документ экспортируется как одна длинная HTML-страница. С помощью любого из текстовых процессоров можно преобразовать документ, подготовленный в его среде, в однуединственную HTML-страницу.
Блоки управления возможностями класса
Блок управления возможностями класса определяет свойства, методы или другой код, который не должен включаться в основное преобразование. Блоки возможностей класса часто используются для написания возможностей вспомогательных приложений. Как правило, блоки функций класса помещаются в отдельные файлы, чтобы их можно было включать в более чем один текстовый шаблон.
Блоки управления возможностями класса разделяются символами .
Например, следующий файл шаблона объявляет и использует метод:
Возможности класса необходимо помещать в конец файла, в котором они написаны. Однако можно включить файл (используя ), содержащий возможность класса, даже если за директивой include следует текст и стандартные блоки.
Дополнительные сведения о блоках управления см. в разделе блоки управления текстовыми шаблонами.
Читайте также: