2 P age. Pete s Pagebuilder revised: March 2008

Transcription

1 AKA DNN 4

2 Table of Content Introduction... 3 Admin Tool Bar... 4 Page Management... 6 Advanced Settings:... 7 Modules... 9 Moving Modules Universal Module Settings Basic Settings Advanced Settings Page Settings Feedback Module Media Module Links Module News Article Text/HTML Module Edit Text Image Manager Alternate Text Paste From Word Cleaning Fonts And Sizes Hyperlink Manager Hyperlink Hyperlink Manager E Mail HTML Appendix A (Containers) Group 1 DNN Blue Group 2 DNN Gray Group 3 No Personality Group 4 PetesPagebuilder Containers Group 5 UTEPBoxes Group 6 UTEP Container UTEP Header White Background Group 7 UTEP Fade Background Group 8 UTEP Glow Group 9 UTEP Square P age

3 Introduction Pete s Pagebuilder is UTEP s departmental content management system otherwise known as DNN. Adopted for its ease of use and adaptability, Pete s Pagebuilder adds new controls to allow the user to easily modify a webpage (portal). With UTEP standardized top bar and footer, adding information or migratingg to Pete s Pagebuilder is easy to do from any computer with internet access, although some users on MACs may have problems if not using Firefox. A new portal willl look something like this: In order to make changes, the user should gain Administrative/update privileges to the portal. This will allow the user to Login using the link on the right hand side of the top bar to open the Login fields. This type of access should only be granted by the site owner once the requesting person has been to training. For training, you will need to contact the Fit Lab at (915) or Instructional Support Services (ISS) at (915) With Pete s Pagebuilder, the user will login with their standard UTEP login and password (ignoring any system generated s). In some cases, user accounts may vary if you have a special portal built outside of the regular DNN instance 3 P age

4 Admin Tool Bar Once logged in, the Administrator will see an Administrative Tool Bar (Control Panel) across the top of the page: If you do not see the Control Panel click Show Control Panel View mode will let you see exactly what the non-admins see Edit mode will let you edit the page. From left to right the Admin Tool Bar has Page Functions that allow you to Add a Page, Change the Settings for a Page, Delete a Page, Copy a Page or Show the Design elements of a page. Add a Page Shows the Design elements Change the settingss Delete a Page Copy a Page 4 P age

5 This is followed by Module adding functions of a New or Existing Module. You can select the type of module You have the option to Add a New Module or Add an existing module You can select in which Pane you want the module You can change the title of the module Accomplish the same function: Add a module Always leave it like this: Same as page You can select the alignment of the module If you have two modules here you can select if you want it on the top or bottom Remember: Adding an existing module links the modules together, so if you make a change in one it will change the other. Lastly there are Common Tasks that quick link to administrative functions from the Admin Drop Down: Site links to Site Settings, Users to the User Manager and Files to the File Manger. Help is also listed but should be ignored since it refers to DNN information that is not consistent with UTEP s configuration of DNN. Site Settings Link Help should be ignored since it refers to DNNN information that is not consistent with UTEP s configuration of DNNN Users Manager Link Security Roles Link File Manager Link 5 P age

6 Page Management Fill in Page information such as Page Name Title which will be displayed on the page and top bar respectively. Description is only used for notes, and it could be seen only by administrators This is the name of the Page. The text you enter will be displayed in the menu system. Enter a title for the Page here. The text you enter will be displayed in the browser window title. The description field is used for a longer description than the Name but will only be seen by the Administrator. Key words are used by search engines to find information on a page (commonly known as meta tags) and should be separated by commas. These can be used at the Page level and Portal level (in Site Settings). Following this is a drop down for a Parent Page. This used create a drop down from the Top Bar. If the Page you are creating should be on the Top Bar select <None Specified>. If it should be a drop down from an existing Page, select the Page from the list to be its Parent. Click Include in Menu if you want this page to be listed in the Menu. Permissions on these pages will automatically default to Administrators View and Edit only. Since the page should not be visible until it is ready, you must change these setting after the page is ready to launch using the Page Settings link on the Admin Top Bar and check the appropriate. Username is where you can add an individual user to your site. However, you must manually remove the user from each page you added them too by unchecking their permissions. *Note: Do not check edit page for all users. 6 P age

7 Copy Permissions to Descendants s means that all child pages to this parent page will have the same permissions as this page. Advanced Settings: Advanced Settings allow for the user to make other design changes. Icon: This will place an icon on the links bar at the top of the page. Unless the icon is small it takes up valuable space and can cause your webpage to extend beyond the 800 pixels. It is recommended that you do not use this selection. Page Skin: This is the overall look and feel of your webpage. Page Container: This is the look and feel of all the containers on the page 7 P age

8 Copy design to descendants: Copies the currently selected design (skin and container) for the page to descendant pages. Disabled: : The page is disabled (it cannot be opened) but the link is visible. Refresh Interval and Page Header Tags: Do not use Secure: The user can also specify whether or not this page should be forced to use a secure connection (SSL). This option willl only be enabled if the administrator has Enabled SSL in the site settings. Start Date: The first day a page is visible to the users End Date: The last day a page is visible to the users Link Url: : Select this to use this page to navigate to another page/resource Click Update to save your changes or add the page Click Cancel to close the settingss without making any changes Click Delete to delete the page 8 P age

9 Modules Modules are parts of a Page. These Modules are small templates that are preformatted to allow the user to easily enter content by type. To addd Modules, the user can select Add New Module and select from the list of modules. When adding the module the User can select the Module, type in the Title, change the Visibility (deciding to make the Module visible to all upon addition or hidden to Administrators), Selecting the Pane, Insertion point and Alignment of the Module. Upon adding multiple Modules, the page will appear as seen below (if in Administrator view) 9 P age

10 Moving Modules To move Modules on the page, grab the Module title with the cursor. The Module will change color now allowing you to Drag and Drop it on the page. You can now shift the Module into different Panes on the page and position it around other Modules on the page with the dark line displaying its Drop position. This function primarily works on PCs with a current version of internet browser. For other users, the drop down above the Module allows the user to Move Modules by using a menu for movement into different Panes and positioning it amongst other existing Modules. 10 P age

11 Universal Module Settings The following settings apply to all modules unless otherwise specified. Basic Settings Module Title: Enter a title for the Module. Permissions: Select the View and Edit permissions by checking/unchecking the boxes in the grid. The module can inherit its permissions from the Page. To do this, check the Inherit View Permissions checkbox. Remember: All Users is everyone; Registered Users are only those users with a UTEP Inherit View Permissions: The permissions will be the same as listed in the page settings 11 P age

12 Advanced Settings Display Module on All Pages: Select whether the module should appear in the same location on alll pages of the site Header: Footer: Enter header text for this Module (Do Not Use) Enter footer textt for this Module (Do Not Use) Start Date: The first day a page is visible to the users End Date: The last day a page is visible to the users 12 P age

13 Page Settings Basic Settings Icon: Alignment: Color: Border: Visibility: Display Container: Allow Print: Allow Syndicate: Module Container: Cache Time: Select an Icon for this Module to display in the Title Bar Select the Alignment of the Module Enter a Color for the module (use the HTML 6 hexadecimal codes) Enter a Border width for the Module (number form 1 9 wheree 1 is the thinnest and 9 is the thickest) Choose the default visibility for this Module (None will keep the Users from minimizing the module by accident, thus never seeing the module s content. ) Select this option if you would like to display the Module container. Select this option if you would like to enable printing on this module Select this option if you would like to enable RSS on this module Select a Container for the Module (It is recommended to use the containers at the module level.) Where you would enter the time this object is kept in the Cache (Do Not Use) 13 P age

14 Advance Settings Set As Default Settings: Apply To All Modules: Move To Page: Select this option if you would like the Page Settings for this module to be used as the default settings when adding new modules for the entire site. Select this option if you would like the Page Settings for this module to be applied to all existing modules in the site. Move this module instance to another Page within your site. 14 P age

15 Feedback Module This Module provides the site visitor a quick and easy to send the webmaster or any specific addresss Feedback from the website by allowing them to send an message with the address hidden from them. The visitor s information will be displayed if they are logged into the page Click on Feedback Lists to set up your categories Is Active: : If checked the item will show up in the list of items Name: The name of the item The same settings are used for Categories or Subjects Value: The value of the item 15 P age

16 Send To: Width: Rows: Send Copy: Optout: Enter the address of the recipient of this message (ex. Departmental ) Enter a width (in pixels) for the textboxes Enter the number of rows to display for the body textbox Check if you would like to send a copy of this to the user If checked, the sender has the option of choosing whether to receive a copy of the feedback submitted. If this option is unchecked but Send Copy is checked then sender will receive a copy of the feedback submitted. Category: Select from the list available (Optional) Category List Visible: If using category, select to display the list you have created Subject : Select from the list available (Optional) Subject List Visible: Can Edit Subject: Select if you want the user to select the subject User is presented with a text box for the Subject field Subject Field Hidden: The Subject Field is hidden from the user. Moderated: Notify: If checked, lets the administratorr of this module authorize the feedback for the guestbook Would you like to be notified of the feedback? Send Asynchronously: If selected then the site sendss the Asynchronouslyy Use Captcha: Determines whether to use a captcha control when submitting the feedback 16 P age

17 . The Feedback Comments allows the user to display all of his feedback contained in the lists that were set up. You can specify what comments you want visible by selecting a particular category. The Feedback Moderation allows the user to administer the lists and categories: 17 P age

18 Media Module This works to display images from the file Manager directly on the page. It will only allow for a display of an image, not a hyperlink. Begin by clicking on edit Image Options to change the linked image information. This will open the Edit Image to select from a list of file from different folders in the File Manager. Be sure to enter Alternate text for the file which is a brief description of the image. Select the source of an Image Enter a width (in pixels) for the image Enter text that will be displayed by browsers that are not able to display images Enter a height (in pixels) for the image. *Warning* A title must to enter, and be related to the image, in Alternate text: box, it is required by the Americans with Disabilities Act (ADA) compliance. 18 P age

19 Links Module This module allows for addition of links to a page. There are three types of links that can be done with the Links Module: URL, Page and File links To begin working adding Links, click Add Link, then you need to fill out the next information. Enter a title/name for the Link Select the URL for the link or the Page on your site or the file depending on the Link type Only Administrators can see it. Enter a description of the link Enter a number representing the position in the list for this link. Be sure to use a View Order otherwise the links will be sorted alphabetically 19 P age

20 Links can also be displayed in a drop down by changing the Module Settings and the Links Settings at the bottom: Select the type of control to use for displaying the links Select the display direction Select whether you want to display an icon to the left of each link The List can be switched to a Dropdown or switched to List Horizontally. 20 P age

21 News Article The News Article Module gives a quick template to display announcements/information etc. on the page. Title: Title of the article Description: Brief description of article Article: The detailed article (user must click Read More to see it) Internal & External Image: Image to be displayed (optional) Image Position and Size: Where you want the image placed and the size of the image Author: Expires: Syndicate: Articles author (optional) When you want the article to be automatically removed (optional) Select if you want the article to be syndicated 21 P age

22 Text/HTML Module This Module will typically be used the most in your portal. With the most flexibility, the Text/HTML Module will allow the user to use free text, rich text or HTML code. This can be generated in the Module itself of by Cutting and Pasting from another program. Edit Text Begin by clicking Edit Text, this will open the Rich Text Editor for DNN. Information can be typed in and editedd directly in this window. The icons on the top of the window allow the user to change the formatting of the text, add images, hyperlinks, tables and many other functions similar to using a typical word processing program or webpage editor. 22 P age

23 Image Manager The Image Manager manager is where the user will go to when an image needs to be uploaded or selected. You will go to the image icon and click on it, then the user can either browse existing files in their particular portal or upload new images. The maximum file size allowed for upload in the text/html module is 200 KB. Alternate Text Be sure to use Alternate Text when using images. To do this right click on the image and select Set Image Properties. Here you can set several items but the most important is the Image Alt Text. This will help keep you ADA (American Disabilities Act) compliant. 23 P age

24 Paste From Word Cleaning Fonts And Sizes Text copied and pasted from a word file must be cleaned up by choosing the Paste from Word Cleaning Fonts and Sizes. style sheet. This will clean out any extra coding and set your pages using the correct UTEP Hyperlink Manager Hyperlink The Hyperlink Manager, allows the user to quickly add a link to a word or a line of text. Selecting New Window will open the link in a new Browser Window 24 P age

25 Hyperlink Manager E Mail Another category listed under the Hyperlink Manager is the option. This allows the user to set up an address within their text. Address: Recipients address Link Text: The selected linked text Subject: What appears in the subject line HTML HTML code can also be pasted directly into the window by clicking the HTML mode at the bottom of the window. Be sure to use only the code between <body> and </body>. These options allow the user to choose how they would like to create their html text. Thy can either use the Design Mode which no HTML is needed, or use the HTML Mode which allows the user to create the textt using html code. The user can also preview how their content by clicking on Preview. Please remember to go out of preview mode, or it will look like you are not logged in as an administrator. 25 P age

26 Also if using FrontPage, be sure to use FrontPage 2003 or newer to edit code to avoid all the Microsoft Tags that older versions create. 26 P age

27 Appendix A (Containers) Listed below are the containers available to customize the look of your modules: Group 1 DNN Blue Currently not working 27 P age

28 Group 2 DNN Gray 28 P age

29 Group 3 No Personality Group 4 PetesPagebuilder Containers 29 P age

30 Group 5 UTEPBoxes Group 6 UTEP Container UTEP Header White Background 30 P age

31 Group 7 UTEP Fade Background Group 8 UTEP Glow 31 P age

32 Group 9 UTEP Square 32 P age