Webspace: Difference between revisions

From Redbrick Wiki
Jump to navigation Jump to search
No edit summary
 
No edit summary
 
(17 intermediate revisions by 3 users not shown)
Line 1: Line 1:
Webspace Setup
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.


[ Author : Una Kehoe (keloe) : 2003 ]
== Location ==


This is an introduction to HTML tutorial.It is a simple guide to getting up your webpage up and running.
Redbrick sites for each user are located at http://username.redbrick.dcu.ie
Where will the webserver will look for your site?
(where username is your RedBrick username)


When someone tries to access your website they will type: www.redbrick.dcu.ie/~username
In PuTTY or WinSCP your website is contained in a folder called public_html


The webserver automatically looks for the public_html folder in that persons home directory. It then looks for the index file in that folder. If it can not find either of them it will return an error.
== Permissions ==
Permissions for your website


It is important to make sure the webpages have the correct permissions. A lot of the time, the permissions are wrong meaning they can't be seen on the web. To solve this remember the following bit of information.
Before you can do anything with your website you need to know a little about permissions. [[File 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 [http://www.december.com/unix/tutor/permissions.html here] if you want)


For your webpages to be seen you need to make sure your permissions are correct. Your public_html folder needs to be readable, writable and executable to yourself and executable to everyone else.
In WinSCP you can change the permissions for a file/folder by right clicking on it, and selecting properties.  
The files in your public_html need to be readable and writable to yourself but only readable to everyone else.


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


Setup Code
== Making HTML Pages ==


Once that is okay, all you have to concentrate on is your index.html and/or the other pages you wish to put on the web. Here's some html code to get your feet off the ground. Just type nano ~/public_html/index.html and insert the following code.
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.


<html>
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).
<head>
<title> Title of page </title>
</head>
<body> The actual webpage goes in here </body>
</html>


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
== 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.
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 i.e if you open a head tag and then a title tag, you have to close them in the order title then head.
Finale


This is just a basic introduction to get you on your feet. There are loads of sites with further detail. If you need a hand, feel free to get in contact with a member of helpdesk.
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_on_Redbrick | 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 ==
 
[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.
 
[https://developer.mozilla.org/en-US/ MDN] - more online web tutorials.
 
[[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.

Retrieved from "https://wiki.redbrick.dcu.ie/index.php?title=Webspace&oldid=10908"