This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
web:site_organization [2011/07/19 08:49] cedwards |
web:site_organization [2013/03/05 09:47] (current) cedwards |
||
---|---|---|---|
Line 38: | Line 38: | ||
a **%20** in place of the space or another sequence in the form of | a **%20** in place of the space or another sequence in the form of | ||
**%< | **%< | ||
- | special | + | special |
- | underscore or a dash. This keeps the URL still somewhat readable. | + | using an underscore or a dash in place of a space. This keeps the URL still |
- | One other important distinction is the use of uppercase characters. | + | somewhat readable. |
- | use uppercase characters in folder, file, and thus URLs, you create an | + | characters. |
- | " | + | URLs, you create an " |
- | people with different cases in URLs, I recommend | + | interest of not confusing people with different cases in URLs, I |
- | file and folder names lowercase. | + | ** strongly |
- | the road. | + | lowercase. |
I recommend using folders to help you organize your site. Below is a | I recommend using folders to help you organize your site. Below is a | ||
Line 138: | Line 138: | ||
expect. | expect. | ||
+ | ===== Linking ===== | ||
+ | |||
+ | Linking can be a frustrating topic and I am going to try and make it as simple | ||
+ | as I can. You have two types of links -- absolute links and relative links. | ||
+ | An absolute link looks just like a URL. These types of links should be | ||
+ | external to your own web page. Relative links, on the other hand, are | ||
+ | trickier, but just as important. | ||
+ | your website as I listed in | ||
+ | [[site_organization# | ||
+ | assume that you have a page down in / | ||
+ | an images folder in / | ||
+ | link to an image in the /images folder and the images folder in football. | ||
+ | I've also added an images folder to crosscountry as well. | ||
+ | < | ||
+ | / | ||
+ | |--images | ||
+ | | |--site-header.jpg | ||
+ | | | ||
+ | |--sports | ||
+ | | |--football | ||
+ | | | |--index.html | ||
+ | | | |--images | ||
+ | | | | ||
+ | | |--crosscountry | ||
+ | | | |--index.html | ||
+ | | | |--images | ||
+ | | | | ||
+ | | |--images | ||
+ | | | |--sports-header.jpg | ||
+ | | | | ||
+ | | |--index.html | ||
+ | </ | ||
+ | |||
+ | In order to link to an image in the sports folder images from index.html | ||
+ | in the football folder, you should use a relative link. Here is how you | ||
+ | would link it (the same relative link could be used in | ||
+ | crosscountry/ | ||
+ | < | ||
+ | <img src=" | ||
+ | </ | ||
+ | |||
+ | The **../** tells the web browser to look in the folder just above this | ||
+ | one (sports) and in the images folder below it and then for a file called | ||
+ | sports-heading.jpg. | ||
+ | relative link to reference an image in the /images folder as well: | ||
+ | < | ||
+ | <img src=" | ||
+ | </ | ||
+ | |||
+ | This time, the browser is looking two levels up and into the images | ||
+ | folder for a file called site-header.jpg. | ||
===== Moving Forward ===== | ===== Moving Forward ===== | ||
Line 158: | Line 209: | ||
- Type in **cd %userprofile%\desktop** and then press the **Enter** key. | - Type in **cd %userprofile%\desktop** and then press the **Enter** key. | ||
- Type in **wget -m http:// | - Type in **wget -m http:// | ||
- | - Sit back and relax until it is finished and returns to the **C: | + | - Sit back and relax until it is finished and returns to the **C: |
- Type **exit** and press **Enter**. | - Type **exit** and press **Enter**. | ||