--- loncom/html/adm/help/tex/Creating_New_Content_Pages.tex 2013/06/04 23:19:42 1.7 +++ loncom/html/adm/help/tex/Creating_New_Content_Pages.tex 2013/06/26 08:14:55 1.8 @@ -1,34 +1,33 @@ -\label{Creating_New_Content_Pages} -\label{Creating New Content Pages} - -\textbf{Content Pages} are HTML documents that display the course information -you are presenting. - -Many users use tools such as Dreamweaver to create web pages. To upload HTML -files generated with such tools, you can use the \textbf{Browse} button in -the Authoring Space, locate your HTML file, and use the \textbf{Upload -File} button to create a content page in LON-CAPA. Remember to upload any -graphics your generated web pages may have included. - -To create new Content Pages, do the following: - -\begin{enumerate} -\item Click the \textbf{CSTR} button on the LON-CAPA remote. Your web page will -change to your Authoring Space. -\item In the Location bar of your browser, type in the full URL of the new Content -Page. Make sure the last part of the URL ends with {}``.html'', for example, -\\ -\emph{http://(your library server)/priv/domain/username/new\_resource.html} .\\ -Press the Return or Enter key. -\item Type the content into the editor, \emph{OR} copy and paste HTML source code -obtained through the use of some other HTML authoring program into the editor. -\item Optionally, click the \textbf{View} button to preview your Content Page. -\item Finally, click the \textbf{Save this} button \emph{OR} click the \textbf{Save -and then attempt to clean HTML} button. -\end{enumerate} -Repeat this process as many times as necessary to create your Content Pages. - -If you're following this as a tutorial, create at least one content page, -which we'll use later as raw material. Visit the FAQ at \texttt{http://help.lon-capa.org/} if you get {}``unmatched -tag'' warnings. - +\label{Creating_New_Content_Pages} + +\index{HTML pages}Many users use tools stand-alone editing programs such as Dreamweaver to create +HTML files. To upload HTML +files generated with such tools, you can use the \textbf{Browse...} button in +the Authoring Space, locate your HTML file, and use the \textbf{Upload +File} button to upload a HTML file in LON-CAPA. Remember to upload any local +graphics your generated web pages may have referenced using similar procedures. The links to graphics in your html page must match the relative locations for the uploaded files. + +To create a new html page using the Inline Menus, browse to the desired folder using the folder navigation links in the lower part of the authoring screen. Then select 'HTML file' from the new content dropdown menu on the right of the authoring space page as shown in the dropdown menu of the figure \ref{New Content Menu} + +You will be presented with a plain text editor as shown in the figure \ref{Plain Text HTML Editor}. Clicking the link for the Rich Formatting displays the HTML WYSIWYG editor with buttons to help you create html entities with correct tags as shown in the figure \ref{Rich Text HTML Editor}. If the rich layout is not as you expect, look for the button to view/edit the source, and then manually make adjustments to the html tags. Note that buttons are available to select graphics to include in the HTML file. Buttons are also provided to create/edit links. + +To create equations, you can use the 'Edit Math' button in the plain text editor, or you can type LATEX equations directly in the \texttt{} tags in the plain text editor. + +Note that convenient help links for \textbf{Greek Symbols, Other Symbols, and Output Tags}\index{Greek symbols}\index{symbols, html}\index{output tags} immediately above the editor in the figures. Also note the link to check spelling below the editor.\index{spelling checker} + +The URL of the page in the root of your space would look something like +\\ +\emph{http://(your library server)/priv/username/new\_resource.html} .\\ +\begin{figure} +\begin{center}\includegraphics[ width=0.80\paperwidth]{html_page_plaintext}\end{center} + + +\caption{Plain Text HTML Editor}\label{Plain Text HTML Editor} +\end{figure} +\begin{figure} +\begin{center}\includegraphics[ width=0.80\paperwidth]{html_page_richtext}\end{center} + + +\caption{Rich Text HTML Editor}\label{Rich Text HTML Editor} +\end{figure} +