#asp.net #html #templating
#asp.net #HTML #создание шаблонов
Вопрос:
Я впервые пытаюсь создать страницу входа в систему. Что я хочу иметь возможность сделать, это взять существующий HTML и поместить элемент управления входом на эту страницу. Я понимаю, что не могу использовать html и добавлять к нему элементы управления asp. Мой вопрос в том, как мне использовать существующий HTML-макет в качестве шаблона для моей новой страницы aspx?
Ответ №1:
1) Получите исходный код для существующей страницы (Просмотр в браузере -> Щелкните правой кнопкой мыши -> Просмотреть исходный код -> Выбрать все -> Скопировать) 2) Создайте новую страницу aspx; удалите все после директивы <%@ Page %> 3) Вставьте свой исходный код HTML со страницы HTML. 4) Переключитесь на дизайн страницы aspx и удалите все, что вам не нужно, добавьте свои элементы управления входом.
Комментарии:
1. Когда я добавляю новый элемент, вы имеете в виду добавление новой HTML-страницы?
2. Майк, когда вы нажимаете создать, убедитесь, что это новая страница .aspx
3. я не получаю эту опцию, другой способ, который я могу найти, чтобы получить новую страницу .aspx, — это выбрать webform
4. Да, это создаст страницу aspx, и с нее вы будете вставлять html в
5. не новая HTML-страница, а новая aspx-страница; она будет отображаться как «Веб-форма» в вашем окне «Добавить новую»
Ответ №2:
Создайте пустой asp.net создайте проект, а затем скопируйте HTML-код на новую страницу и измените его для работы с элементами управления, которые вы вводите в него.
Ответ №3:
Если вы хотите сохранить макет на нескольких страницах, и я не уверен, что это то, что вы ищете, то лучше всего сохранить HTML для макета на главной странице.
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<asp:ContentPlaceHolder id="HeaderContent" runat="server"></asp:ContentPlaceHolder>
</head>
<body>
<div id="wrapper">
<div id="header">//add in html to setup your header</div>
<div id="content"><asp:ContnetPlaceHolder ID="Content"></asp:ContentPlaceHolder></div>
<div id="footer">//add in html to setup the footer</div>
</div>
</body>
</html>