Starting with web programming

razerg

Honorable
Nov 22, 2013
43
0
10,590
3
Hi, I want to start with programming and was thinking of HTML as the simplest one (is it?). I found this website where it is explained in chapters about different things. http://www.w3schools.com/html/default.asp

So I have questions, how is CSS connected to HTML and what is a good html program for ubuntu (such as Notepad++ on Windows)
 

skittle

Distinguished
Dec 27, 2006
99
0
18,610
5
CSS is sort of an addition to HTML and allows for easy defining of characteristics.
There are many text editors for linux and many people are very religious about them. Two of the main ones you hear about are Emacs and VI. There is also many more; too many to list. The closest to notepad++ out of the box is sublime text editor.
 

razerg

Honorable
Nov 22, 2013
43
0
10,590
3
Thanks for the reply. So CSS is used mostly nowadays? Or it can be replaced with something else, for example will these two codes be any different and displayed the same in all cases:

CSS:
<!DOCTYPE html>
<html>
<p style="font-family: arial;">Jack of hearts.</p>
</html>
CSS:
<!DOCTYPE html>
<html>
<p><font face="arial">Jack of hearts.</font></p>
</html>
Of course the first one seems simpler but does it make a difference?
Also I heard of Gedit on Linux. And roughly how many tags are there in HTML? Are those all tags there is on this webpage on the left side http://www.w3schools.com/tags/tag_wbr.asp ?
 

skittle

Distinguished
Dec 27, 2006
99
0
18,610
5
Gedit is the editor that comes with GNOME. Its pretty good once you get the plugins and environment setup for your looking. There is also Geany, Kate, SciTE and many others.

HTML5 and CSS3 are what you should be trying to learn. Think of HTML5 providing a overall layout and CSS providing styling to the layout, ie colors, shadows, border sizes, etc. They are used in conjunction!
 

razerg

Honorable
Nov 22, 2013
43
0
10,590
3
So HTML5 is the actual language, CSS is just an addition to sort of "make it look better"? If so can you throw me a few websites that I can learn HTML5 from?
 

randomizer

Distinguished
Moderator
Jul 24, 2006
880
0
19,260
62
HTML describes the semantic structure of your page and all of its content. CSS describes the visual presentation of the page. In the past the distinction was more blurred (eg. the font element describes presentation) but HTML5 deprecated many of parts of the standard that should be handled by CSS and added new ones that provide more semantic information (eg. article and nav elements that can replace generic div elements). It should be noted that for all intents and purposes neither of these are programming languages. If you want behaviour then you need JavaScript as well.

CodeAcademy has tutorials/courses for all three of the above as well as more advanced web development. The Mozilla Developer Network should be your bookmark for reference material (not tutorials) once you've got the hang of things. Don't bother with W3Schools for anything. It has been superseded by better resources.
 

randomizer

Distinguished
Moderator
Jul 24, 2006
880
0
19,260
62
Behaviour is what the page does and how it responds to user interactions. Eg. if you click the Quick Edit button in the lower right of your post then your post gets replaced by a text area containing the post content. JavaScript is a language to to describe what you want the page to do, and often how to do it as well. It allows you to change the page after it has loaded. Without it we'd be pretty much stuck with websites from 2002 with a bit more bling.
 

razerg

Honorable
Nov 22, 2013
43
0
10,590
3
Oh okay thanks. Just one more question: do you have another source of free education (like codecademy) but with more advanced tutorials for HTML&CSS, because I went through the beginner's course.
 
Thread starter Similar threads Forum Replies Date
NoctisLionward Apps General Discussion 2
syssoft Apps General Discussion 1
S Apps General Discussion 4
A Apps General Discussion 2
C Apps General Discussion 2
G Apps General Discussion 3
IREFUSE Apps General Discussion 7
A Apps General Discussion 1
X Apps General Discussion 3
Q Apps General Discussion 3
C Apps General Discussion 10
R Apps General Discussion 9
M Apps General Discussion 16
C Apps General Discussion 5
O Apps General Discussion 2
T Apps General Discussion 1
foshizz Apps General Discussion 7
Blorp Kola Apps General Discussion 3
B Apps General Discussion 1
G Apps General Discussion 2

ASK THE COMMUNITY