--- loncom/html/adm/help/tex/Creating_New_Content_Pages.tex 2003/05/30 16:29:16 1.5 +++ loncom/html/adm/help/tex/Creating_New_Content_Pages.tex 2016/08/20 17:48:11 1.16 @@ -1,34 +1,45 @@ \label{Creating_New_Content_Pages} -\label{Creating New Content Pages} -\textbf{Content Pages} are HTML documents that display the course information -you are presenting. +\index{HTML page}Many users use 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}. + +When you edit a web page, 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. The `Edit Math' button launches a pop-up window +containing the DragMath equation editor (Java plugin supprt in user's +browser required). The pop-up includes a ``Render LaTeX'' button which +can be clicked to insert the math expression composed in Drag Math as +LaTeX within $<$m$>$\$ \$$<$/m$>$ in the file editor in the original window. -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 Construction 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 Construction 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, +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://s10.lite.msu.edu/priv/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. +\emph{http://(your library server)/priv/domain/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}