Webspace: Difference between revisions

From Redbrick Wiki
Jump to navigation Jump to search
(added file storage)
No edit summary
 
(2 intermediate revisions by 2 users not shown)
Line 3: Line 3:
== Location ==
== Location ==


Redbrick sites for each user are located at http://www.redbrick.dcu.ie/~username.
Redbrick sites for each user are located at http://username.redbrick.dcu.ie
(where username is your RedBrick username)
(where username is your RedBrick username)


Line 15: Line 15:


In PuTTY permissions can be set with the "chmod" command
In PuTTY permissions can be set with the "chmod" command
chmod 711 public_html
  chmod 644 public_html/index.html
  chmod 644 public_html/index.html


Line 24: Line 23:
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 [http://www.w3schools.com/html/ this tutorial] will help you get started).
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 [http://www.w3schools.com/html/ 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 [[Transferring Files|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)
Once you're happy with the page(s) you've made you can upload them to your public_html folder with [[Transferring Files|winscp]]. Don't forget that the permissions for all your files need to be set to 644 and all folders 755 (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
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
Line 47: Line 46:
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.  
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.
Although you can install any content management system you want on redbrick, Wordpress has a good installation guide which is easy to follow for new users.


Connect to RedBrick with PuTTY and run these commands in your terminal:
To start go to [[Installing_Wordpress_on_Redbrick | Installing Wordpress]] and follow the instructions.
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


== File Storage ==
== File Storage ==
Line 77: Line 67:
== Links ==
== Links ==


[http://www.redbrick.dcu.ie/services/downloads/winscp360.exe WinSCP] - you can download WinSCP from this link.
[https://winscp.net/download/WinSCP-5.9.5-Setup.exe WinSCP] - you can download WinSCP from this link.


[http://www.tizag.com tizag.com] - how to use html, css, php etc.
[http://www.tizag.com tizag.com] - how to use html, css, php etc.


[http://www.w3schools.com w3schools.com] - more online web tutorials.
[https://developer.mozilla.org/en-US/ MDN] - more online web tutorials.


[[Category:Helpdesk]]
[[Category:Helpdesk]]

Latest revision as of 10:04, 7 June 2017

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://username.redbrick.dcu.ie (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 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 755 (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.

Although you can install any content management system you want on redbrick, Wordpress has a good installation guide which is easy to follow for new users.

To start go to Installing Wordpress and follow the instructions.

File Storage

As well as webpages, you can store other files that you want to share publically (except audio/video, they're not allowed). To do this the first thing you'll need to do is create a directory that is listable (so people can see find the files easily - like this one http://www.redbrick.dcu.ie/~receive/temp).

To make this type the following in PuTTY

mkdir ~/public_html/files
chmod 755 ~/public_html/files

Now you have a files directory in public_html that can be listed (it's listable because you used chmod 755 rather than 711). You can transfer files up here with WinSCP (just don't forget to chmod them 644)


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.

tizag.com - how to use html, css, php etc.

MDN - more online web tutorials.