Beruflich Dokumente
Kultur Dokumente
Be sure to preview your Web pages in both Internet Explorer and Firefox browsers. Each can have unique display problems if there is bad coding in your content or if an image, table, or other item is too long. The edit view is 99% correct, but it is always best to preview your page in the public view. Before the Liferay version of your site goes live, the public view Web address is http://liferaydemo.unl.edu/web/xyz /home (replace xyz with the name of your site) HINT: Use the Firefox browser to edit your site and view the public version in the Internet Explorer browser. When finished editing your Web site, go to the Main Menu and click on Sign Out.
September 2010
Page 1
3) Complete the 7 required fields. a) Create Parent page or Child page New Parent page is at the same level as the Home page. A Child page is below a parent page, like folders on your computer. Select the Parent page for a new Child page.HINT: You may create a child page under a child page. Each new sub-level (folder) of page will be shown with a dash. No dash = top level (Parent). One dash = child page. Two dashes = 2nd level child page. And so on. b) FileName Use a unique name for each page as this is part of the Web address. MUST be one word (no spaces) and contain only letters and numbers. The name may contain a dash to make it look like two words, such as, bottled-water. c) Page Title Enter a descriptive title that is used by Web page visitors and search engines. It shows in the browser title (blue) bar and is the first item used for ranking by search engines. d) Page Type Optional this will most often use the same (default) type as the Home page. Five options are available with the UNL template. e) Content Area Layout Type Select one of 8 layout options. NOTE: The UNL template is based on a 4-column layout. ONLY select the 4 Columns if the site is NOT using a Shared Column.
September 2010
Page 2
f) Navigation Title - Enter succinct title that will show at the end of the UNL Navigation Breadcrumb bar. This title may contain multiple words. If Display is turned on, this title will also show in the gray menu bar or in a menu in the left shared column. You will use this title to find this page during the editing process. g) Navigation Title Display Status - The default setting is Hide which means the Navigation Title will NOT be visible in a menu. Select Display to make the Navigation Title visible in the top Navigation menu or a left navigation menu (menu items need to be short, 2-4 words max). 4) Meta Tags - OPTIONAL - The Meta Description option is often used by search engines as the description shown for your site on the results page. Write an effective meta description, unique for each page. It may help with click-through rate, but most likely will not help page ranking. The Meta Keywords option is rarely used by search engines. It is ignored by Google. 5) Click on the Add New button to add this page. 6) You will receive a confirmation message at the top of the dialog box. Click on the red X to close the box.
If the Navigation Title is not visible in a menu (display status = Hide), go to this page by... 1) Hovering the mouse-pointer arrow over the Main Menu bar to open the drop-down menu. 2) Click on the Sitemap menu option to open the window displaying all page Navigation Titles.
3) If you dont see the title of the page you want to edit, start typing it into the Search box. 4) Click on the Title of the page you want to edit and the link will take you to that page.
September 2010
Page 3
Keyboard hints
Enter key - creates a new paragraph with a blank line between paragraphs Shift+Enter - moves cursor to new line of entry, no blank line Space bar - there is no Tab function, use the space bar to indent a line of text
REMINDER: You are editing a LIVE Web site. All content on a Web page can be seen by anyone finding this site.
ALEC Educational Media September 2010 Page 5
Use the Insert Special Character button to add copyright symbol, special bullet characters, foreign language characters, and other non-keyboard characters. In the dialog box, click on the desired character. The box will close and the character is inserted at the cursor position. Use the Horizontal Line feature to add a simple line between different pieces of content. Use it sparingly. Very rarely should you use the Font or Size feature. The default UNL template style settings create a coordinated look. Verdana is the default font of the UNL style sheet. This is a font created for on-screen reading. The only other font recommended for very limited use is Comic Sans MS. You can use this in headings on pages meant for youth or for a more informal feel. Do NOT use the Size option in place of the Format Heading option. All search engines place higher value on text marked as a heading.
September 2010
Page 6
September 2010
Page 7
September 2010
Page 8
Files must be put into a folder. To add a folder... 1) Click on the Add Folder button to change to the Add Folder view. 2) Enter the Navigation Title for this folder. NOTE: The folder title is NOT visible to the public. 3) OPTIONAL - Add a brief Description of contents. This description will display under the folder name in the main Document Library view. 4) Ignore the Permissions setting. 5) Click on the Save button. The new folder is now visible in the main dialog box view. To Add Subfolder, click on the folder title to open that folder and follow the same steps as above. To add a file within a folder... 1) Click on the Folder title (see sample above) to open the folder. 2) Click on the Add Document button to change to the Add File Entry view. NOTE: The breadcrumb trail links in the upper left portion of the dialog box can be used to navigate from one folder to another in the Document Library. 3) Click on the Select File(s) link to open the File Upload dialog box. Select the document file(s) on your local computer and click on the Open button. The file names will now display in the Add File Entry dialog box. HINT: You may select more files from another location by clicking on the Select File(s) link again. 4) Click on Upload Files to place the document file(s) on the Liferay server. After the upload is finished, you will see the message All uploads complete. All document files are now on the Liferay server and ready to be linked to. 5) Click on the folder name to return to the Folder view OR click on the Return to the Full Page link in the upper right corner of the dialog box to return to the Web page. To link to a downloadable document file 1) Select the text the reader will click on to open the file. 2) Click on the Insert/Edit Link button to open the Link dialog box. 3) Click on the Browse Server button (see image page 7) to open the Resources dialog box. Document is the default Resource Type. 4) Click on the site name in the right pane to go to the documents folder(s). 5) Open the subfolder containing the document. 6) Click on the file name of the document to link to it and return to the Link dialog box. You will see the unique URL for this file on the Liferay server. Do NOT change this address. 7) Click on the OK button to return to the editor content box.
ALEC Educational Media September 2010 Page 9
Insert an image
You first must upload the image file to the Web server and then place it on the page. All image files (jpg, gif, png) are put in the Image Library. Images can be NO LARGER THAN 300KB. Multimedia files must be uploaded to a separate media server. Please see the Multimedia Options guide for instructions on linking to YouTube videos. Images MUST be properly sized (resized/cropped/adjusted in an image editing application) before being uploaded onto the Liferay server and used on a Web page. ALEC EdMedia supports two image editing applications: Adobe Photoshop & IrfanView. Please see the Liferay Documentation page (http://liferay.unl.edu/documentation) for step-by-step instruction sheets that you can download. 1) Hover the mouse-pointer arrow over the Main Menu bar to open the drop-down menu. 2) Move the mouse-pointer arrow over the Libraries option to open the pop-out submenu. 3) Click on Image Library to open the Image Gallery dialog box. You can organize your image files in any number of folders and subfolders, just like in the Document Library (see page 8 for sample image). Uploading image files into the Image Library works the same as uploading files into the Document library. Please see page 9 for the instructions To add a folder and To add a file within a folder. To insert an image 1) Click in the content area where you want the image to reside, then click on the Insert/Edit Image button to open the Image Properties dialog box (see sample image in Step 6). 2) Click on the Browse Server button to open the Image Resource dialog box (see sample of resource dialog box on page 7). 3) Click on the Web site name in the right pane to go to the images folder(s). 4) Open folder or subfolder containing the image file. 5) Click on the file name of the image you want to insert. The Image Properties dialog box will return. You will see the unique URL for this file on the Liferay server. Do NOT change this address. 6) Change 3 property settings for correct display of your image. a) Alternative Text: Enter a succinct description of the image in the field. This is a required field and MUST be completed to be compliant with UNL standards and 508 Compliance regulations for visually impaired readers. b) Align: Select Left to place image on left side of text wrapped around the image. Select Right to place image on the right side of the text. Use the default setting of None for an image that is above text. NOTE: The Left and Right options also include the proper spacing code to provide white space between the image and text. c) Optional - Advanced tab - Stylesheet Classes: Enter the word frame in this text box to add the UNL gray border around the image. 7) Click on the OK button to add the image to the article and return to the editor content box.
September 2010
Page 10
Release the mouse button to place the empty holder in the new location.
September 2010
Page 13