Go to the page on which you would like to change the nav. Take a look at the URL (the web address). It should look something like this:
http://www.shsu.edu/~ucs_www/webdev/page.html
Replace page.html with menu.html to get to that page's menu. If the URL ends without the .html then just add /menu.html to it. If the URL ends in / just add menu.html to it. The new URL should look like this:
http://www.shsu.edu/~ucs_www/webdev/menu.html
This page will be a bulleted list of all your links. If it does not have the same links as the menu you would like to change then it is not the right menu. Try menu2.html or sub_menu.html instead. If this does not find your menu try looking in your top directory. The top directory is where your home page is so go to your home page and repeat this process. Your home page should look something like:
http://www.shsu.edu/~ucs_www/ or http://www.shsu.edu/~ucs_www/index.html
To edit an existing link:
Right click the link, select Link Properties.
Expand the Advanced tab and change the HREF to the absolute url of the page to link.
An absolute link includes the http://www
example: http://www.shsu.edu/~ucs_www/index.html/
not: ../index.html
To add a link:
Click on the link you would like the new link to be placed after.
Hit enter. This is to keep the new link in the list structure.
The new link should be aligned with the others and should have a dot before it.
Type the text you would like to display for the new link.
Highlight that text and right click > select Insert Link or click the link button from the toolbar up top.
Select Browse to Webpage and expand the Advanced tab.
Add the HREF to the absolute url of the page to link.
An absolute link includes the http://www
example: http://www.shsu.edu/~ucs_www/index.html/
not: ../index.html
Log into Blackboard and click the Blogs & Wikis link at the bottom of the Tools box (left hand side). That will take you to the main Blogs & Wikis page that displays all your Blogs and Wikis.
To Add a Blog:
Your blog has now been created. It will take you back to the main Blogs & Wikis page. By default blogs are shared with the world. You can make it private when you edit your blog (Sharing link).
Edit Your Blog:
Select it from the list of blogs (right click and open it in a new window to view it outside of Blackboard's frames). That will take you to your blog's page. Use the links on the right to manage the blog.
If we have set you up a custom style you will need to copy that style into the html of each new entry to keep the style. You can do this by opening an entry that uses the style in the editor (click the edit link above the entry) then click the HTML button in the editor's toolbar. This will open the HTML view. Copy all the code there and close out.
Go back to your blog and select new entry from the Actions toolbar (to the right). This will create a new entry and open it in the editor. Click the HTML button and paste the code into it. hit update and the editor should update with the new code. Just click the text and change as needed (you may have to double click the textbox to edit it).
Link to Your Blog:
From the main Blogs & Wikis page right click on your blog and select Open in New Window. Copy and paste the web address from the address bar of the new window.
Example Blog:
https://blackboard.shsu.edu/webapps/lobj-expo-bb_bb60/user/4CF0EADEE0570DDB/Example_Blog/
You can only create one album at a time. To create an album place any and all pictures that should be in the album into a single folder with nothing else in it. This folder should not be on the U:Drive.
Once your images are all collected open Photoshop. Go to File > Automate > Web Photo Gallery.
Where it asks for E-mail paste in the absolute link where your gallery folder will be.
Here's an example:
http://www.shsu.edu/~ucs_www/webdev/clients/tools/adobe_gallery
Under Source Images browse to the folder you made containing all your pictures.
Click the Destination button and browse to the folder where you want the files for the album to go. This folder will be on the U:Drive. If this is not an existing album you will have to create a new folder. Be careful in naming this folder. Do NOT use caps, special characters, or spaces.
Under Options select Banner. Where it asks for Site Name type the album name.
Where it asks for Photographer type in the name of the album folder followed by a /.
Here's an example:
example/
Now go back up to the top and select Included Gallery where it asks for Styles.
Hit Ok and Photoshop will create the files for you.
Updating an existing album is as simple as that.
Creating a new album is a little more involved. Once the files are created you will need to link them. Open your gallery folder from the U:Drive. It is suggested you use Dreamweaver for this but it can be done in notepad or any other HTML editor.
Open one of the files in your gallery folder (any one will do except index.html). Save the file under a different name (Save As). You can call it whatever you like but the same rules of thumb apply (no caps, special characters, or spaces).
Now find the include statement that pulls in that page's album. There may be several includes in the page so be careful to get the right one. It should look something like this:
<!--#include virtual="example/index.html" -->
NOT
<!--#include virtual="../menu.html" -->
Or
<!--#include virtual="../sub_menu.html" -->
Or
<!--#include virtual="../img_box_rotate.php" -->
Once you have the right include just replace example with the new album folder.
Now all you have to do is link this new page to your gallery's home page. Open index.html in the gallery folder and follow the existing format to add a new link.
If you do not have the gallery set up you will need to download the files and put them on your web page. Right click and select Save As to download the files. This will download a zipped file. You will need to extract it and move the files to your web page. To extract the files right click on the zipped file and select Extract All. Put these files in a folder called gallery. You will need to edit the index.php file to match your page. If you need help setting up the gallery send e-mail to: webdev@shsu.edu
To use our PHP Gallery all you have to do is drop your images into the right folder on the U:Drive.
You do this by connecting to your U:Drive
PC:
Open Explorer (Start > My Computer, My Documents or My Pictures). Click Tools from the top menu then select Map Network Drive. This should open up a window. There will be two text boxes, the first asking for Drive and the second for Folder. Select "U:" from the first box and type "\\unx1\homes" in the second (take out the " "). Below that should be a link saying "Connect using a different username" click that. This will open another window. Type the username and password to the site you are trying to update. Click Ok then click Finish. This will map the U drive. It should open another window. If not open My Computer and look for "homes on 'SHSU Web Server (unx1)' (U:)" under Network Drives.
MAC:
Open Finder. In the top menu select Go then Connect to Server. Where it asks for Server Address type in: smb://unx1.shsu.edu/homes/ and hit connect. The Workgroup is SHSU, the Username and Password are those for the web page you want to edit. Click Ok and you should be connected to the U:Drive. There should be a new icon on your desktop, click it to open the U:Drive.
Now browse to the folder:
U:\public_html\gallery\photos
If you want a new album just create a new folder. Whatever you name the folder will be its title on the page. Be sure the image you want displayed as a thumbnail for that album is named thumb.jpg
This gallery will display all folders inside the U:\public_html\gallery\photos folder. Be sure you only put properly formatted folders and images into this folder.
If you like we can create a set of Photoshop extensions (called droplets) that will resize and format your images for you. Let us know if you would like us to make you these droplets when we set up your gallery. Once you have these droplets you can simply drag and drop the images you want in your gallery into the Photos droplet then drop a thumbnail into the Thumb droplet. It will resize the images and save them in the proper format to the Photo_Gallery folder in which these droplets should be located. Once it is finished all you have to do is drag and drop the new images into your album. * Note: May not be availible on MAC
Open U:\public_html\gallery\photos
To do this you must be on a network machine. Open Explorer (Start > My Computer, My Documents or My Pictures). Click Tools from the top menu then select Map Network Drive. This should open up a window. There will be two text boxes, the first asking for Drive and the second for Folder. Select "U:" from the first box and type "\\unx1\homes" in the second (take out the " "). Below that should be a link saying "Connect using a different username" click that. This will open another window. Type the username and password to the site you are trying to update. Click Ok then click Finish. This will map the U drive. It should open another window. If not open My Computer and look for "homes on 'SHSU Web Server (unx1)' (U:)" under Network Drives.
Now browse to the folder:
U:\public_html\gallery\photos
Create a new folder (or copy an existing one) inside the photos folder to hold the new album. Be sure this folder includes these three files (copy them from an existing folder):
Size and edit your photos then put them in the folder. Photos must be in jpg format. Please size them to look good on the page.
Edit thumb.jpg to fit the new album (or save another file as thumb.jpg to replace it).
Edit order.txt to display the new order. The numbers range from 0 to The Number of Albums -1. If you use the same order number twice the last will overwrite. Do not skip numbers.
Edit info.html with the new album's name. You can edit this file in Dreamweaver, notepad or any other html editor. Right click the file and select Open With then choose the program you would like it to open in. Change the album name and the link to thumb.jpg, this link must be absloute.
The code will look like this:
<div class="cat_view"><img src="http://www.shsu.edu/absolutelink/thumb.jpg" alt="Album 1" /><br>
ALBUM NAME<br />
<br>
</div>
Replace the words ALBUM NAME with whatever text you like (this is the caption that displays under the album image). Replace Album 1 with a short decription of the image (this is an alt tag it displays if the image is broken). Replace http://www.shsu.edu/absolutelink/thumb.jpg with your absolute link, it should look something like:
http://www.shsu.edu/~ucs_www/gallery/photos/FOLDERNAME/thumb.jpg
Replace FOLDERNAME with the folder name. If you have spaces in your folder name you will need to replace the spaces with %20 becuase the servers do not support spaces in URLs. You may want to test the link by typing it into the address bar of your browser.
Save your files. The script should do the rest.
Browse to your Calendar page. Take a look at the URL (the web address). It should look something like this:
http://www.shsu.edu/~ucs_www/webdev/calendar/index.php
Replace index.php with data.html to get to the calendar's data file. If the URL ends without index.php then just add /data.html to it. If the URL ends in / just add data.html to it. The new URL should look like this:
http://www.shsu.edu/~ucs_www/webdev/calendar/data.html
The page should look something like this:
_______________________________________________________
|11/10/2007|11/10/2007|
Example event. You can use most html tags within this space to create your events.
This includes bold, underline, itallic.
Line breaks.
Paragraph alignment, links (it doesn't go anywhere) and many more.
Even pictures: (don't forget alt tags for your images)
Always check your events in the browser as they will appear differently on the page as in Dreamweaver or Contribute because of the external CSS applied to the page.
|calendar3|(@)
_______________________________________________________
Note the format (editable portions highlighted in red):
|Begin Date|End Date|
Event Content
|calendar#|(@)
This format is important, if it is not followed the page will not display properly. Luckily the format is the hardest part.
To create a new Calendar Event just copy and paste the last event and change the info. You could type it in yourself but it's faster to copy and paste. Be sure to inclue all the special formatting and that your dates are in MM/DD/YYYY format.
If you would like to change the color of the event just change the number after calendar. Most calendars will have 3 colors.
Once the info is updated just save your file and you're done.