Professional Documents
Culture Documents
Liu Shang InstructionSet
Liu Shang InstructionSet
Liu Shang InstructionSet
Page 1
Terms to Know
Browser: A type of software that you use to visit website. Common browsers in a Mac are Safari, Firefox, and Chrome. URL: It stands for Uniform Resource Locator, which is the address of a website (e.g. http://www.psu.edu). Widget: An application that is embedded in a web page. For example, Google Maps or YouTube video. Domain Folder: A term used to describe the folder which contains all your iWeb website data. Page 2
2. Start with a Welcome page. The welcome page is the default template. 3. Click Choose. Now you have your first webpage.
Page 3
iWeb Interface
Add Text
Each template contains text boxes for titles, headings, and body. You will replace the alreadytyped text with your own text. You can also move, resize, delete, and insert text boxes to fit your content. To type your own text Double click the text and start typing.
To move or resize a text box 1. Click the text to show the selection handles around the text box. 2. Click inside the text box and drag it to wherever you want.
Page 4
3. Click one of the handles to resize the text box. Experiment with different handles to see the difference.
Add Graphics
1. Click Photos on the right column.
2. Select the photo you want. 3. Drag it to replace the existing pictures. You can also drag a photo from the desktop, or any folder on your computer and place it on your page. Adding videos and audio can be done using the same procedures as adding graphics.
Add Widgets
For example, to add a YouTube video to your webpage: 1. Click Widgets.
Figure 6 "Widgets"
2. 3. 4. 5.
Drag the YouTube icon to your page. Copy the URL of your video from your web browser. Paste the URL to the relevant box. Click Apply. Page 5
2. Click New Page. 3. Select the theme and template of your page. 4. Click Choose. Use your creativity and work on building the rest of your website!
2. A window like this will pop up. Select Continue. If you do not want to see it again, check Dont show again.
3. Select Local Folder in the Publish to option. Type your Site name. Click Choose to locate your folder.
4. Save your domain folder by clicking Publish Site at the bottom. Page 6
Sample Webpage
1. Open your web browser and go to the PASS Explorer site https://explorer.pass.psu.edu/. Login is required. PASS stands for Penn State Access Account Storage. It provides universally-accessible file storage space for students, faculty, and staff at Penn State. You are allocated initially 500 megabytes of online storage space. You have the option of increasing your storage to 10 gigabytes. 2. Once you have entered PASS, you will see a folder named [www]. Select it by clicking it.
3. Click the button labeled Upload in the leftmost corner of this page. A window will pop up and you can upload your files.
4. Upload your folder by clicking Browse. Before clicking Upload, check the box underneath Auto Extract. 5. Click Upload. Congratulations! Now you have successfully published your website on the Internet. The link to your website should be http://www.personal.psu.edu/userid/foldername. Email the link to your parents and make them feel proud of you!
Page 8
Works Cited
Images cropped from iWeb: Figure 5-10. Images cropped from Penn State PASS Explorer: Figure 12-13. Images were borrowed from the following websites: Cover page picture: http://macslife.net/wp-content/uploads/2011/10/addcontent_img_20090106.jpg Figure 1-4: (Cropped) http://manuals.info.apple.com/en_US/iWeb_08_Getting_Started.pdf Figure 11: http://allaboutiweb.com/wp-content/uploads/2010/01/iweb_page.jpg
Page 9