Starting with web programming

Sidebar Sidebar
Status
Not open for further replies.
razerg

razerg

Honorable
Nov 22, 2013
43
0
10,590
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)
 
Solution
randomizer
Not off the top of my head. Try the Make a Website and Make an Interactive Website courses, although you should do the latter after completing the JavaScript course first.
Sort by date Sort by votes
skittle

skittle

Distinguished
Dec 27, 2006
99
0
18,610
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.
 
Upvote 0 Downvote
razerg

razerg

Honorable
Nov 22, 2013
43
0
10,590
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 ?
 
Upvote 0 Downvote
skittle

skittle

Distinguished
Dec 27, 2006
99
0
18,610
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!
 
Upvote 0 Downvote
randomizer

randomizer

Distinguished
Jul 24, 2006
880
0
19,260
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.
 
Upvote 0 Downvote
randomizer

randomizer

Distinguished
Jul 24, 2006
880
0
19,260
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.
 
Upvote 0 Downvote
razerg

razerg

Honorable
Nov 22, 2013
43
0
10,590
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.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

JayHo
  • Question
Question Has anyone tried doing this with their smart projectors?
Replies
1
Views
2K
Streaming Video & TVs
Wolfshadw
Wolfshadw
G
  • Question
Question Need Your Help with Lenovo vs. HP Laptop for GF
Replies
1
Views
5K
Laptop General Discussion
Madiluvskittens
M
N
  • Question
Question LG 43UH620V LCD PANEL TO LG 43UJ635V + other questions
Replies
1
Views
4K
Streaming Video & TVs
NoobieTVman
N
P
  • Solved
Solved! HP Notebook 15-BA079DX - caddy problem
Replies
4
Views
4K
Laptop Tech Support
hang-the-9
hang-the-9
A
  • Solved
Solved! HTML/CSS problem, Can someone find my mistake?
Replies
1
Views
2K
Apps General Discussion
ChumP
ChumP

TRENDING THREADS

Share this page

COMPANY
RESOURCES
FOLLOW
Top Bottom