W1 principles and practices, project management
Assignment for week 1
Build a personal site in the class archive describing you and your final project
Planning final project for academy
Link to this week home assignment page
Website Learning:
Since I have never written html code the first step was to go on youtube and watch some tutorials. I was keen to find some tutorials where I would learn both html and stylesheets
HTML LEARNING
HTML OVERVIEW
To get a deep understanding of HTML I preffered this hand book which I think cover all the basic for learning how to develop a webpage in HTML.
HTML stands for Hypertext Markup Language, and it is the most widely used language to write Web Pages.
1.Hypertext refers to the way in which Web pages (HTML documents) are linked together. Thus, the link available on a webpage is called Hypertext.
2.As its name suggests, HTML is a Markup Language which means you use HTML to simply "mark-up" a text document with tags that tell a Web browser how to structure it to display.
Methods I use for designing my webpage
I started with this basic of HTML which you should know before starting a webpage
HTML TAGS
For my page I used several html tags. These tags are enclosed within angle braces open braces (<)Tag Name(>) close braces. Except few tags, most of the tags have their corresponding closing tags. For example, open braces(<) html (>)close bracket has its closing tag(<)/html(>) and (<)body(>) tag has its closing tag (<)/body(>) tag etc.
To learn HTML, I studied various tags and understand how they behave, while formatting a textual document. Learning HTML is simple as users have to learn the usage of different tags in order to format the text or images to make a beautiful webpage.
Tags I Used
Paragraph Tag
The (<)p(>) tag offers a way to structure your text into different paragraphs. Each paragraph of text should go in between an opening (<)p(>) and a closing (<)/p(>) tag
Line Break Tag
Whenever you use the (<)br /(>) element, anything following it starts from the next line. This tag is an example of an empty element, where you do not need opening and closing tags, as there is nothing to go in between them.
There are several other things that I used while making my webpage like:
1.Centering Content
2.Nonbreaking Spaces
3.style Attribute
Other Options:
There are several other options that you can use for webpage development. I decided to look at other options that are available for creating websites more easily.For this website I used some basic Html templates and edited them. I would suggest you some of the good web development tool that you should use for your webpage development
WordPress.Com
WordPress.com is a blog web hosting service provider owned by Automattic, and powered by the open source wordpress software. This website provides free blog hosting for registered users.
Webs
Webs offers a "drag and drop" interface and professional looking themes for users creating a new website. For pro-level websites, there are additional e-commerce features including unlimited webstore items and Google and Facebook advertising credits. All users can also link their websites to social media sites such as Twitter and Facebook
W3 School
If you still want to go with HTML then W3 school is the best option for you to learn how to make a Html Page
W3Schools is a web developers site, with tutorials and references on web development languages such as HTML, CSS, JavaScript, PHP, SQL, and JQuery, covering most aspects of web programming.
W3Schools has focus on simplicity, practicing easy and straight-forward learning. The tutorials start from basic level, and move all the way up to complete professional references.