You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long. 4.6 KiB

3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
  1. This is an introduction to HTML and using your Redbrick webspace. It is
  2. a simple guide to getting a webpage up and running on Redbrick.
  3. ## Location
  4. Redbrick sites for each user are located at
  5. <> (where username is your RedBrick
  6. username)
  7. In PuTTY or WinSCP your website is contained in a folder called
  8. public_html
  9. ## Permissions
  10. Before you can do anything with your website you need to know a little
  11. about permissions. [File permissions](/File_Permissions "wikilink")
  12. control who can access your files on the RedBrick server. For your
  13. website to be accessible the right permissions need to be set. For files
  14. that is 644, and for folders it is 711. (We wont go into what the
  15. numbers mean right now, but you can read about it
  16. [here]( if you want)
  17. In WinSCP you can change the permissions for a file/folder by right
  18. clicking on it, and selecting properties.
  19. In PuTTY permissions can be set with the \"chmod\" command
  20. `chmod 644 public_html/index.html`
  21. ## Making HTML Pages
  22. The language that ordinary webpages are written is called HTML (Hyper
  23. Text Markup Language). You can create HTML pages on your own computer
  24. and upload them to RedBrick.
  25. There are many programs that will make HTML pages for you - both
  26. Microsoft Word and Open Office Writer will allow you to save documents
  27. as HTML pages you can upload to RedBrick. There are also specialist
  28. programs for making webpages such as Macromedia Dreamweaver.
  29. Alternatively you could write your own HTML code (the EditPlus installed
  30. on CA lab computers is good for this, and [this
  31. tutorial]( will help you get started).
  32. Once you\'re happy with the page(s) you\'ve made you can upload them to
  33. your public_html folder with [winscp](/Transferring_Files "wikilink").
  34. Don\'t forget that the permissions for all your files need to be set to
  35. 644 and all folders 755 (including the public_html folder)
  36. When people go to your website (\~username)
  37. the first file they\'ll see is the index.html, so make sure to call the
  38. main page of your website index.html
  39. ## Writing HTML on RedBrick
  40. If you want to write your pages on RedBrick here\'s some html code to
  41. get your feet off the ground. Just type nano \~/public_html/index.html
  42. and insert the following code:
  43. <html>
  44. <head>
  45. <title>
  46. Title of page
  47. </title>
  48. </head>
  49. <body>
  50. The actual webpage goes in here
  51. </body>
  52. </html>
  53. The
  54. <head>
  55. and
  56. </head>
  57. tags tell the Web browser where the HTML in your document starts and
  58. finishes. After the
  59. <html>
  60. is where all the document\'s information should go. Between
  61. <title>
  62. and
  63. </title>
  64. is where the title of your page should go. This appears in the bar at
  65. the top of the browser. After these come the
  66. <body>
  67. and
  68. </body>
  69. tags. This is where you put the information you want displayed on the
  70. actual webpage itself.
  71. It is important to make sure to close all the tags in the right order.
  72. If you open a head tag and then a title tag, you have to close the title
  73. tag first, then the head one.
  74. ## Install Your Own Blog
  75. Setting up your blog will take slightly longer than putting up your
  76. first webpage, but once it\'s setup editing it and adding new pages is
  77. as easy e-mail.
  78. Although you can install any content management system you want on
  79. redbrick, Wordpress has a good installation guide which is easy to
  80. follow for new users.
  81. To start go to [Installing
  82. Wordpress](/Installing_Wordpress_on_Redbrick "wikilink") and follow the
  83. instructions.
  84. ## File Storage
  85. As well as webpages, you can store other files that you want to share
  86. publically (except audio/video, they\'re not allowed). To do this the
  87. first thing you\'ll need to do is create a directory that is listable
  88. (so people can see find the files easily - like this one
  89. <>).
  90. To make this type the following in PuTTY
  91. `mkdir ~/public_html/files`\
  92. `chmod 755 ~/public_html/files`
  93. Now you have a files directory in public_html that can be listed (it\'s
  94. listable because you used chmod 755 rather than 711). You can transfer
  95. files up here with WinSCP (just don\'t forget to chmod them 644)
  96. ## Further Help
  97. This is just a basic introduction to get you on your feet and you\'ll
  98. find loads of sites online with further details. If you need a hand,
  99. feel free to get in contact with a member of
  100. [Helpdesk](/Helpdesk "wikilink").
  101. ## Links
  102. [WinSCP]( - you can
  103. download WinSCP from this link.
  104. []( - how to use html, css, php etc.
  105. [MDN]( - more online web tutorials.
  106. [Category:Helpdesk](/Category:Helpdesk "wikilink")