Webspace: Difference between revisions
mNo edit summary |
|||
| Line 27: | Line 27: | ||
When people go to your website (http://www.redbrick.dcu.ie/~username) the first file they'll see is the index.html, so make sure to call the main page of your website index.html | When people go to your website (http://www.redbrick.dcu.ie/~username) the first file they'll see is the index.html, so make sure to call the main page of your website index.html | ||
== Writing HTML on RedBrick == | |||
If you want to write your pages on RedBrick here's some html code to get your feet off the ground. Just type nano ~/public_html/index.html and insert the following code: | |||
<html> | |||
<head> | |||
<title> Title of page </title> | |||
</head> | |||
<body> The actual webpage goes in here </body> | |||
</html> | |||
The <head> and </head> tags tell the Web browser where the HTML in your document starts and finishes. After the <html> is where all the document's information should go. Between <title> and </title> is where the title of your page should go. This appears in the bar at the top of the browser. After these come the <body> and </body> tags. This is where you put the information you want displayed on the actual webpage itself. | |||
It is important to make sure to close all the tags in the right order. If you open a head tag and then a title tag, you have to close the title tag first, then the head one. | |||
== Install Your Own Blog == | == Install Your Own Blog == | ||
| Line 45: | Line 60: | ||
cp ~receive/bin/wordpress-redirect.html ~/public_html/index.html; chmod 644 ~/public_html/index.html | cp ~receive/bin/wordpress-redirect.html ~/public_html/index.html; chmod 644 ~/public_html/index.html | ||
== Further Help == | |||
This is just a basic introduction to get you on your feet and you'll find loads of sites online with further details. If you need a hand, feel free to get in contact with a member of [[Helpdesk]]. | |||
== Links == | |||
[http://www.redbrick.dcu.ie/services/downloads/winscp360.exe WinSCP] - you can download WinSCP from this link. | |||
[http://www.tizag.com] - how to use html, css, php etc. | |||
[http://www. | [http://www.w3schools.com] - more online web tutorials. | ||
[[Category:Helpdesk]] | [[Category:Helpdesk]] | ||
Revision as of 02:01, 8 October 2007
This is an introduction to HTML and using your Redbrick webspace. It is a simple guide to getting a webpage up and running on Redbrick.
Location
Redbrick sites for each user are located at http://www.redbrick.dcu.ie/~username. (where username is your RedBrick username)
In PuTTY or WinSCP your website is contained in a folder called public_html
Permissions
Before you can do anything with your website you need to know a little about permissions. File permissions control who can access your files on the RedBrick server. For your website to be accessible the right permissions need to be set. For files that is 644, and for folders it is 711. (We wont go into what the numbers mean right now, but you can read about it here if you want)
In WinSCP you can change the permissions for a file/folder by right clicking on it, and selecting properties.
In PuTTY permissions can be set with the "chmod" command
chmod 711 public_html chmod 644 public_html/index.html
Making HTML Pages
The language that ordinary webpages are written is called HTML (Hyper Text Markup Language). You can create HTML pages on your own computer and upload them to RedBrick.
There are many programs that will make HTML pages for you - both Microsoft Word and Open Office Writer will allow you to save documents as HTML pages you can upload to RedBrick. There are also specialist programs for making webpages such as Macromedia Dreamweaver. Alternatively you could write your own HTML code (the EditPlus installed on CA lab computers is good for this, and this tutorial will help you get started).
Once you're happy with the page(s) you've made you can upload them to your public_html folder with winscp. Don't forget that the permissions for all your files need to be set to 644 and all folders 711 (including the public_html folder)
When people go to your website (http://www.redbrick.dcu.ie/~username) the first file they'll see is the index.html, so make sure to call the main page of your website index.html
Writing HTML on RedBrick
If you want to write your pages on RedBrick here's some html code to get your feet off the ground. Just type nano ~/public_html/index.html and insert the following code:
<html> <head> <title> Title of page </title> </head> <body> The actual webpage goes in here </body> </html>
The <head> and </head> tags tell the Web browser where the HTML in your document starts and finishes. After the <html> is where all the document's information should go. Between <title> and </title> is where the title of your page should go. This appears in the bar at the top of the browser. After these come the <body> and </body> tags. This is where you put the information you want displayed on the actual webpage itself.
It is important to make sure to close all the tags in the right order. If you open a head tag and then a title tag, you have to close the title tag first, then the head one.
Install Your Own Blog
Setting up your blog will take slightly longer than putting up your first webpage, but once it's setup editing it and adding new pages is as easy e-mail.
Of course, you can install and run any blogging software you like, but we've created a script that does all the hard work and installs the WordPress blog.
Connect to RedBrick with PuTTY and run these commands in your terminal:
cd ~/public_html ~receive/bin/install-wordpress
The install will take 5-10 minutes to run. While it's running you'll need to ask the admins for access to the MySQL database. To get this email admins(AT)redbrick.dcu.ie, tell them that you'd like MySQL access for your wordpress blog.
Once the installer has completed your blog will be located at http://www.redbrick.dcu.ie/~USERNAME/blog. Go to that page in your web browser and click "the create a wp-config.php file through a web interface" link. Here you'll be asked for your name and e-mail address, as well as the MySQL details (the admins will e-mail them back to you)
If you want people to see your blog when they go to your website at http://www.redbrick.dcu.ie/~USERNAME this can be done with a re-direct, just run this command in PuTTY
cp ~receive/bin/wordpress-redirect.html ~/public_html/index.html; chmod 644 ~/public_html/index.html
Further Help
This is just a basic introduction to get you on your feet and you'll find loads of sites online with further details. If you need a hand, feel free to get in contact with a member of Helpdesk.
Links
WinSCP - you can download WinSCP from this link.
[1] - how to use html, css, php etc.
[2] - more online web tutorials.