Explain the features of the box model for CSS

Reference http://www.w3schools.com/css/css_boxmodel.asp - I used this website to help me create the box model and helped me explain the different parts of the box model - November 29th 2013

Explain how HTML files access CSS

In this blog I am going to be explain how HTML files access CSS and how they work together. I am going to write some information about both of them and explain the purpose of both of them, I am them going to finish the blog with a comparison of the two and that will explain how the two will work together in website development.

HTML

HTML stands for Hypertext Mark-up Language, HTML is designed for the creation of website pages and information that is used on the website, HTML is the basic language that is used by programmers to create WebPages, and the files are saved as HTML files (.HTM and .HTML). Websites have tags that are used to create the websites, every website needs tags in order to create the website, HTML tags are used to create different websites and without the tags the website will not be able to be completed. To create a HTML file simply open a text editor document, create your document and save the file as a HTML file, once you have done this your document can be viewed on the internet as its own page. The purpose of HTML is used to create the website and to contain the information that is used on the website. For example if the website doesn’t have HTML involved then the website will be a complete mess and the information will be all over the place, HTML is what contains and controls the information that is used on the website so that it looks professional and so people can actually view the page without any issues such as not being able to read the information.

CSS

CCS stands for Cascading Style Sheets, CSS is also used in every website that is create and is used a lot of the development of the website. CSS is what creates the style of the web page. For example CSS is what controls the colour of the text or background to make the web page more colour so it attracts the viewers attention, CSS uses its own coding for the web pages because it involves different objectives for the WebPages. There are three ways that CSS applies to HTML, Inline, Internal or embedded and external. Inline only affects the elements that it is applied to. Internal or embedded only affects the elements in a single file and external is linked to an unlimited number of files.

Compare and contrast

HTML and CSS need each other to be able to create a whole professional looking website. HTML without CSS will look unprofessional to the viewers and will also look boring and not entertaining. CSS without HTML will just look like a lot of colours all over a web page without any text for the viewer to read which will also look unprofessional. HTML is used to create the text of the page and CSS is what creates the colour of the page, a webpage needs both of these to be properly completed.

Reference

http://www.slideshare.net/sbajoria/web-development-using-html-css - I used some information from this website to help me create this blog - November 29th 2013

 

Tools & Techniques - Notepad VS Komodo Edit

In this blog I am going to explain how Notepad and Komodo Edit work together. Komodo Edit is basically a more advanced version of Notepad with more tools involved in the software. Notepad is used for simple tasks such as taking down notes and not much more, however Komodo Edit is more used for people that want to write letters or personal statements, people use Komodo Edit for these tasks because Komodo Edit involves more tools and looks more professional. I am going to be writing about the advantages and disadvantages of both software.

Notepad

Notepad is a simple software that not a lot of people use nowadays, it involves very minor tools that can be used, simple tools such as edit the text size and font style changes can be done on Notepad. This software is used for simple note taking because it is a very simple software to use and is made for text editing, which is why the software only involves simple tools such as text editing. Some advantages of Notepad are:

· It is very simple to use
· Does not cost to download
· Most computers come with Notepad
· Easier to use than Komodo Edit because of its simple user interface

Some disadvantages to Notepad are:

· Doesn’t have a lot of tools to use
· The software is only used for editing text
· No live view

Komodo Edit

Komodo Edit is like a more advanced Notepad software, it involves a lot more advanced tools that can be used on the software such as page editing and making the page look more professional. People use Komodo Edit for more professional work, however Komodo Edit is still a text editing software. There are many advantages and disadvantages to Komodo Edit, here are some advantages:

· Anyone can use it
· More professional looking for work
· Involves more tools to use

Here are some disadvantages to Komodo Edit:

· More advanced so can be more difficult to use
· May need training for some staff
· Will need to download the software
· Can be confusing

Comparison

Komodo Edit is a more advanced version of Notepad, if the user wants to have more professional work then people will use Komodo Edit because the software is designed to create professional work and edit peoples work, however Notepad is only used for simple tasks such as taking notes down, which involves a lot of simple tools that is very easy to use. If someone wants to create professional work for their job or assignments then people will more likely use Komodo Edit to create that work. If someone just wants to take down notes in a class or presentation then they will use Notepad because it is a simple software that many people use for simple tasks and it is very easy to use, the tools are not really needed for taking down notes so the user won’t even need to use the tools that can be used. Komodo Edit is the recommended software to use for more professional work however Notepad is recommended to use for simpler tasks.

Conclusion

If someone is looking to create a more professional document for their work then I would recommend people to use Komodo Edit, it is more professional and involves a lot more tools that can be used to create a professional document, it may be more confusing and complicated to use but once someone learns the tools then it is simple to use for people. If someone just wants to write notes down for work then I recommend just to use Notepad because it is a lot more simple to use than Komodo Edit and the user will not need to use any of the tools to write notes unless they want to make the font size bigger but that tool is very easy to use and anyone can simply use it.

Reference

I did not use any websites to provide the information above, I wrote the information shown above myself.

 

Assess different implementation styles of CSS

There are a few different styles of CSS such as Inline, Embedded and External, I am going to explain each style and give some advantages and disadvantages for styles I am writing about.

 

Inline -

Inline CSS has many purposes such as testing. Web designers use inline CSS because it is easier to work with, for example instead of changing the source file the user can just scroll up on the source instead. Web designers only use this when they are able to or when they have spare time to do so. Websites such as blogs with limited pages included with the website, using inline CSS can help the service providers. The main advantage for inline CSS is lower HTTP requests, this means that the website will load faster and links on the website will load quicker, therefore the website will have good user interaction and the users will not have to wait a lot of the page to load which will please the users using the website.

 

However inline CSS has its limitations such as the web designer having to apply everything onto every element involved. For example if the web designer wants all their paragraphs to be a certain colour they will need to add an inline style to each <p> that they have created which will create more work for the web designer to do and more reading time for the user however that is what is needed to be done by the web designer if that is what he or she wants for their website.

 

Embedded -

Embedded CSS does have more advantages than inline CSS. Web designers can style the visited, active, hover and link colour of the anchor tag with the embedded style sheets, whereas it is impossible to do so with inline CSS. Embedded CSS does not require the web designer or anyone else to apply the style to every element of the page. Embedded also does not have many HTTP requests and does not need downloads to require style information.

 

There are not many disadvantages for embedded CSS however there are a few. One disadvantage is that embedded styles cannot be used for multiple documents, if the user wanted to use the style on different web pages. There are also less HTTP requests which means when using embedded style the page will load slower than usual as compared to inline. Also when using embedded style the page size will increase which is only useful for the web designer when working offline.

 

External -

There are a lot of advantages for external therefore I am only going to write about a couple of them. One advantage of external is when using external CSS they have full control of the page structure and it will keep your website and content seperate. External CSS doesnt require you to type in the same CSS code into every web page that exists, you can simply have pages which refer to a single CSS file with the link tag. When using external CSS the user can display their website according to HTML standards without making any cooperation with the look of the page that the web designer has done.

 

Some limitations of external CSS are that it can increase the download time if it is large, causing the page to be slow on the website which can waste time and can be annoying. When using a small amount of styles it can also increase the difficulty of the page which will make it harder for the web designer to maintain the page. Also when a page is removed it does not show when a style is deleted because external sheets can become big very quickly.

 

Reference -

http://ictjaicss.weebly.com/m1---styles-of-css.html - I have used this website to help me with some information that I have used for this task - used 20/12/13