Return to Creating_New_Content_Pages.tex CVS log

Up to [LON-CAPA] / loncom / html / adm / help / tex

Annotation of loncom/html/adm/help/tex/Creating_New_Content_Pages.tex, revision 1.18

1.9       lira        1: \label{Creating_New_Content_Pages}
                      2: 
1.14      raeburn     3: \index{HTML page}Many users use stand-alone editing programs such as Dreamweaver to create 
1.9       lira        4: HTML files. To upload HTML
                      5: files generated with such tools, you can use the \textbf{Browse...} button in
                      6: the Authoring Space, locate your HTML file, and use the \textbf{Upload
                      7: File} button to upload a HTML file in LON-CAPA. Remember to upload any local
                      8: 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.
                      9: 
1.11      lira       10: To create a new html page using the Inline Menus, browse to the desired folder using the folder navigation links 
1.16      raeburn    11: in the lower part of the authoring screen. Then select `HTML file' from the new content dropdown menu on the 
1.11      lira       12: right of the authoring space page as shown in the dropdown menu of the figure \ref{New Content Menu}.
                     13: 
1.13      lira       14: When you edit a web page, you will be presented with a plain text editor as shown in the 
1.17      damieng    15: figure \ref{Plain Text HTML Editor}.
                     16: Clicking the link for the Rich Formatting displays the HTML WYSIWYG editor (CKEditor)
                     17: with buttons to help you create html entities
1.11      lira       18: with correct tags as shown in the figure \ref{Rich Text HTML Editor}. If the rich layout is not as you expect, look
1.17      damieng    19: for the button to view/edit the source, and then manually make adjustments to the html tags.
1.18    ! raeburn    20: Note the three buttons in the CKEditor toolbar (ringed in the figure \ref{Rich Text HTML Editor}), which can be used to (a) include an image, (b) add a chemical equation, or (c) add a math expression or equation. Buttons are also provided to create/edit links.  (See: Creating Equations section \ref{Authoring_Equations} for information about creating and editing math equations.)
1.9       lira       21: 
1.18    ! raeburn    22: If you use the Image button to include graphics you will either the location of the file in the URL box.  The location can either be relative to the current file, or can be an absolute URL for the location of a published file (i.e., /res/domain/username/path/filename).  When you are done editing the HTML file, you will need to upload the graphics file, if it does not already exist and publish it to the content repository.   
1.9       lira       23: 
1.18    ! raeburn    24: Note the convenient help links for \textbf{Greek Symbols, Other Symbols, Output Tags, and Languages}\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}
        !            25: 
        !            26: The URL of the page in the root of your Authoring space would look something like
1.9       lira       27: \\
1.14      raeburn    28: \emph{http://(your library server)/priv/domain/username/new\_resource.html} .
1.9       lira       29: \begin{figure}
                     30: \begin{center}\includegraphics[  width=0.80\paperwidth]{html_page_plaintext}\end{center}
                     31: 
                     32: 
                     33: \caption{Plain Text HTML Editor}\label{Plain Text HTML Editor}
                     34: \end{figure}
                     35: \begin{figure}
                     36: \begin{center}\includegraphics[  width=0.80\paperwidth]{html_page_richtext}\end{center}
                     37: 
                     38: 
                     39: \caption{Rich Text HTML Editor}\label{Rich Text HTML Editor}
                     40: \end{figure}
                     41: