Compose a Web Site

This experience will play out over about fifteen weeks, and will likely be something you continue to develop for years. The goal is to create a professional web presence that can be used to share your expertise and engage with the world. There will likely be some overlap between the personal and the professional in the site you develop. You will make those decisions as you compose. You will also need to investigate some of the steps involved in creating the pages for the site and in moving them to your Web server. Here are the steps:

Part 1 Adobe Muse

To get started (if you haven’t already), install Adobe Creative Cloud on your laptop. Go to

http://software.sites.unc.edu/adobe/ and then select Get Creative Cloud and follow the steps to install Creative Cloud.

Once the entire suite is installed on your laptop, install the Adobe Muse application.

Once you have installed the application, you can go to

https://helpx.adobe.com/muse/tutorials.html and explore the tutorials. You should spend at least an hour getting comfortable with the tutorials and program

At any time, if you need guidance, you can go to

https://helpx.adobe.com/support/muse.html

We will spend time learning the program and exploring tutorials, but eventually, we will use templates to help us move more quickly with developing our Web site. The final task for part 1 of the homework is to identify two or three possible templates and download them to your laptop. You can find templates (sometimes called themes) all over the internet, but we can start with

https://musewidgets.com/collections/resources

On that site, explore templates, themes, and widgets, and download ones that look promising to your computer. You will want to look for free themes, and may run into some sites that ask you to buy subscriptions or pay for resources. You may need to make an account on a site, but should be able to find good resources that don’t cost money. Of course, you can join a subscription site or purchase themes as needed the more you use the software for professional purposes.

To complete this step, have Muse installed and have at least two templates/themes downloaded.

Part 2. Web Structure and Design

Before completing this part, watch the video below

Next, complete an assessment of the potential audiences for your professional web site. Imagine the kinds of problems they might have encountering the information you have to provide. You can also think about your needs as the creator of the site. What kinds of materials do you want to share? How might the site help you personally or professionally. 

Next, get a notebook, cards, paper, writing tools or other materials, and make five lists: list goals for the site, learning goals, audiences, problems, and finally ideas. Once you have some ideas and lists in the air, sketch out a potential design for you professional site. You may want to work with one long page with sections or with a site that has several pages. Think about menus and navigation. Think about the content you might place on the site. You can also sketch out some ideas about the look and feel. Since you will be working on paper, keep the focus on the big picture, though.

Next, return to the templates you have been experimenting with in Muse. This might also be a good time to explore other themes and templates. Identify a template to serve as the base of your project. Make sure that template and any associated files are in a good spot on your laptop--a good working folder or somewhere that makes sense. Open the Muse file, and begin prototyping your web site with the aim of putting in place the rough structure you have imagined in the step above.

Continue composing, adding content and adjusting design elements. Learn to use widgets to add features to the site. Spend several days getting the site in order. 

Part 3 Moving and Testing

A. Our final step is to learn to move files to your server. Begin by creating a set of files from your Muse project on your local machine by going to the File menu and choosing Export HTML.

 

B. You next need to login to your internet host and create an FTP account. Most of us will be using https://portal.reclaimhosting.com/clientarea.php

Once you are logged in, go to the cPanel link, and then FTP accounts. You will create an account. Use the image below as a guide:

Create FTP Account

Be sure to leave the initial directory blank and remember the password and login.

C. Next, you will need to install an FTP client. Common clients are Fetch, Cyberduck, and FileZilla for Mac or FileZilla or CoreFTP for windows. We will aim to use FIleZilla, but when you install the program, do not install all of the extras like Yahoo or Opera, etc. Here is the link:

FileZilla

You can find a list of FTP programs at the Adobe Muse tutorial page for uploading projects

Next, you will use your FTP client to login to your project. Be careful that in the login credentials you include the @ sign and domain name for the user. See the image below:

Login

In your application, navigate to the public_html directory on your server. If you do not have a public_html directory, we will try placing the files at the root of your site. Once there, you can upload your files, using your FTP client:

Move Files

Once you have moved your files into your web server account, you can test them by opening a web browser and entering the address for your domain. If the files are in the top level or the public_html directory in your account, they should map to your domain address. If you place files in a subdirectory, you can enter that into the web browser address as well.

After you have successfully moved your site to your server, 1) create a new posting on our web site to share the address. Go to Shortcuts, Add Content, Professional Web site. You can also click this link. 2) Edit your account information on our Web site and make sure your site address is entered. You can also update your other information.

Type of Activity
Scaffold
Assignment

Comments

Submitted byshelbyld on Wed, 01/31/2018 - 21:21

shelbysportfolio.com

Submitted byLandonBost_TM on Thu, 02/22/2018 - 18:12

www.landonbost.com