UNIT WEB SERVICES Website Editing Instructions Using Expression Web and WebDAV How to connect to your site and begin editing. For more information about editing your personal Villanova website, please see: http://www1.villanova.edu/villanova/unit/accounts/personalsites.html. Contents Knowing Your Website Container Number ............................................................................................................................. 2 Preparing Your Site ................................................................................................................................................................. 2 Logging Into vDesktop or CitrixWeb ....................................................................................................................................... 3 To log into vDesktop: .......................................................................................................................................................... 3 To log into CitrixWeb: ......................................................................................................................................................... 3 Setting Up Your Site in Microsoft Expression Web ................................................................................................................. 4 For Basic Edits of Existing Pages ......................................................................................................................................... 4 For Adding Files to Your Directory ...................................................................................................................................... 4 To set up your site for editing locally (on your N: drive): ............................................................................................... 4 Downloading Your Site Files................................................................................................................................................ 6 Renaming Files or Folders ................................................................................................................................................... 6 Promoting Your Site Files .................................................................................................................................................... 6 Useful References ................................................................................................................................................................... 7 For more information about editing your personal Villanova website, please see: http://www1.villanova.edu/villanova/unit/accounts/personalsites.html. 1 With FrontPage Extensions no longer supported by Microsoft, UNIT has chosen Microsoft Expression Web 4 to succeed Microsoft FrontPage as the website editing tool for user homepages and personal sites. We have installed it on the Villanova Virtual Desktop (vDesktop) as well as CitrixWeb. We are only supporting usage of the software on the vDesktop or CitrixWeb environments so that all users (both PC and MAC) can have a consistent experience connecting to the software. UNIT support and assistance only includes connecting to your website using the software as described, not web design advice or training. This virtual experience will allow you to connect remotely and edit your website, without having to load software on your computer. Knowing Your Website Container Number Before you log in, you will need to know your website container number, which is found in the URL of your homepage. To find your container number: Type into a browser: http://homepage.villanova.edu/common.name. This will automatically redirect to your actual website URL and reveal your container number: http://www##.homepage.villanova.edu/common.name/. Preparing Your Site If you are editing your existing pages, and don’t need to add any files or images, skip this section and proceed to the directions for Logging Into vDesktop or CitrixWeb. If you need to do more than simply editing the existing pages of your website (i.e., you need to upload files such as PDFs or images) then it is important to plan for where you store your local or offline files! You will be able to use your N: drive, or your shared network drive, through the vDesktop. To prepare your offline directory: Navigate to your My Computer icon . Double-click on the icon to open up a window showing the various drives and storage areas available on your computer. Search for your N: drive under the Network Drive heading. It should begin with your login ID and have the path of: (\\vuadusers.vuad.villanova.edu\SANHome$) (N:). Double-click on your N: drive and create a folder or folder structure where you will be storing your pages or files for your website. For instance, you can name the main folder “website,” where you can keep your HTML pages. Within that folder, you can create subfolders such as “images” and “documents”, where you can place any files that you will be linking to within your site. Once that is complete, you will be able to add files to that directory offline to access at a later time within the Expression Web software for uploading to your live website. For more information about editing your personal Villanova website, please see: http://www1.villanova.edu/villanova/unit/accounts/personalsites.html. 2 Logging Into vDesktop or CitrixWeb To log into vDesktop: Navigate to: https://vdesktop.villanova.edu/ in your browser. Important to read the message on the login screen regarding the automatic clearing of your session after two hours of inactivity or 30 minutes of disconnecting from the session. Log in using your Villanova LDAP credentials. Once you have logged in, you will see the vDesktop display appear. The Microsoft Expression Web 4 software will be found in the Academic Apps folder on the desktop. Academic Apps folder where you will find Expression Web. This tab drops down with a menu for viewing the vDesktop window. To log into CitrixWeb: You may also use CitrixWeb to log into your site. However, for MAC users you will need to be sure to have the most updated version of Citrix Receiver installed in order for the application to work properly. If you don’t already have the latest version, you can find it at: http://receiver.citrix.com/. To log into CitrixWeb: Navigate to: https://citrixweb.villanova.edu. Log in with your Villanova LDAP credentials. At the CitrixWeb main screen, open the Administrative Applications folder to find the Microsoft Expression Web 4 software. For more information about editing your personal Villanova website, please see: http://www1.villanova.edu/villanova/unit/accounts/personalsites.html. 3 Setting Up Your Site in Microsoft Expression Web For Basic Edits of Existing Pages For basic edits of existing pages, you will be setting up your site to edit live on your website. The servers will be backed up should you need to recover any pages or items within your site. To set up your site for editing: Using the navigation menu at the top of your screen, click Site/Open Site to bring up the Open Site dialog box. In the Location field, type in the URL to your website: https://webdavusers.villanova.edu/##/common.name, where ## is the homepage container and common.name is the homepage directory. Click Open. You will then see the Remote Site Editing Options dialog. Select the option to “Edit live site now”. You will be asked to log in. Type in your Villanova LDAP credentials. Your site and its files will then be displayed in the main window panel. For Adding Files to Your Directory If you need to add images or files from your desktop to your directory, you will then need to edit locally (or offline). For this, you can access them from your N: drive or network shared drive as mentioned above. From your desktop or drive, you will then be able to drag and drop any needed files or folders to the appropriate area within your directory. You may also use the Import function from within the File menu. Please Note: With the option to edit locally, there are known file conflict issues that may arise. You will need to fully download your site from the live version to your local drive and start fresh with editing. To set up your site for editing locally (on your N: drive): Using the navigation menu at the top of your screen, click Site/Open Site to bring up the Open Site dialog box. In the Location field, type in the URL to your website: https://webdavusers.villanova.edu/##/common.name, where ## is the homepage container and common.name is the homepage directory. Click Open. For more information about editing your personal Villanova website, please see: http://www1.villanova.edu/villanova/unit/accounts/personalsites.html. 4 You will then see the Remote Site Editing Options dialog. Select the option to “Edit local copy now, and publish changes to the server later”. Click OK. You will be asked to log in. Type in your Villanova LDAP credentials. This will bring up the Import Site Wizard – Welcome dialog. For Connection Type, select WebDAV. The Location field should already be populated with your homepage URL. If not, type in: https://webdavusers.villanova.edu/##/common.name, where ## is the homepage container and common.name is the homepage directory. In the Settings field, check the box for Use Encrypted Connection (SSL). Click Next. The Import Site Wizard - Choose Your Destination dialog will display. Click the Browse button to choose the location where your local files will be saved. You may see an alert that the vDesktop is trying to access your local files. Click the option for Read/write access. This will allow you to access and save files while in vDesktop. You should now see a window for New Publish. Under the Computer listing in the left pane, choose your designated N: drive listing under the Network Location area. You can choose an existing folder or create a new folder or create a new one. For more information about editing your personal Villanova website, please see: http://www1.villanova.edu/villanova/unit/accounts/personalsites.html. 5 Downloading Your Site Files When you are logged in, your site will be displayed in split window panes. Your remote, or live, site files will be on the right side. The local directory that you set up will be on your left side. To download your files locally: Highlight the appropriate files in the right pane and click the single arrow pointing to the left. Once your files are copied locally, you may proceed with editing your site. Renaming Files or Folders If you need to rename any folders or files, please be sure to do this on the live side, and then re-download the new version. Be sure to delete any old folder or file versions that are no longer in use. Please note: if you try to rename a folder by changing the case of the name you will receive an error. (For example, “MyFolder” to “myfolder”). Promoting Your Site Files To’ push (promote) your files up to the Production server, you would highlight them on your local pane and then click the arrow pointing to the right. For more information about editing your personal Villanova website, please see: http://www1.villanova.edu/villanova/unit/accounts/personalsites.html. 6 Useful References Below you will find some resources that may help answer any questions or issues that you may encounter while using Microsoft Expression Web. Microsoft Expression Web Create a Standard Web Site With Expression Web - http://msdn.microsoft.com/en-us/expression/cc265145 Work With Hyperlinks In Expression Web - http://msdn.microsoft.com/en-us/expression/cc265143 Work With Images In Expression Web - http://msdn.microsoft.com/en-us/expression/cc265142 Tutorial from Timothy Training - http://www.timothytraining.net/expression-web-tutorials-training/expression-web-coursehome.html YouTube Playlist of Help Videos from Timothy Training - http://www.youtube.com/playlist?list=PL77A2C1E3078480DA Expression Web Tutorial - http://www.4templates.com/tutorials/getting-started-with-microsoft-expression-web/ For more information about editing your personal Villanova website, please see: http://www1.villanova.edu/villanova/unit/accounts/personalsites.html. 7