Standardization of HTML, CSS and the Web Environment - Assignment Example

Web Design Number) January 11, (Faculty Web Design Standardization of HTML Question a) An effective HTML is a functional coding language that displays web pages and also allows Web starts web pages to be built upon the very hypertext markup language. HTML code should be at the discretion of its designer. This is because today the language has handed over its work to other specifications compared to when it was first introduced. b) An effective HTML code provides programmers with an alternative of editing their HTML code while at the same time adding HTML code applications. It is time to allow programmers create their own vocabularies and do away with the standardization given that HTML is doing too much today for instance opening of video files. Question 2 a) Standardizing HTML ensures that web pages are accessible to all sorts of internet users including the visually impaired. While designing a website, developers need to acknowledge that there are web users with disabilities such as poor eyesight. Other issues to be identified are choice of language and conditions for use. The issues provide developer with the knowledge of user circumstances hence accounting for them. b) Further stipulates that with combination of factors put forward by the W3C, the issues can be broadly divided into cultural, social and technological. Language and symbols considerations are for cultural issues, social differences are found in age, gender are even economics while technology is with computer related issues. Exploring Website Coding Practices Question 1 a) The selected website uses java script based on character set utf-8. The HTML DOCTYPE reveals that the version used in the site is 4.01. The comment tags used in the source code are of this type, “”. Furthermore, the marked header elements contain the main subject of the webpage which in this case is definition. b) The website is also preferably designed for internet explorer. The fact that the used comment tag is and does not employ “---“ is proof enough that the comment syntax used is SGML. Question 2 a) With respect to the e-Activity comments are at the beginning of the selected source code. The comments basically talk about the language used in the website which in the selected case is English. The essence of the comment is that during editing of the source code the web designer will tell the exact place to make changes. b) Adding a comment into a web page requires something like HTML Comment Box which offers one of the easiest ways to add a comment to a web page of a website. Furthermore Disqus Comment Box could also be used. Comments are necessary for code explanation, for instance this comment reveals that the language used in the selected web page is English. We could also have a comment as this . The difference between the two is that the second one is much more specific on the kind of English to be used (American English). Comments can help in editing of source code at a later date. For instance a conditional comment as this could be later adjusted if the web page is intended to be strictly for one language. The comment therefore guides the programmer on how to do it and so it does not have to be changed by the person who wrote it. Developing a Website Question 1 a) In web design, a linear structured website is organized with logical beginning, middle and end just like a printed book. On the other hand, augmented linear structure has each of its page containing additional link back to the opening page. Hierarchical structure employs the grouping of each part into various topics together with sub-topics and headings while linear structure employs the use of screens following each other in a logical sequence. b) The importance of coherent structure in web design is based on quality assurance. With continuous integration the quality and visibility of web pages and web based applications is improved. Coherent structure incorporates integrations. The implementation of linear structure occurs when the designer wants the page user to move from one step to another in a particular order. An instance of application of hierarchical structure is when retaining original structure of information contained in hypermedia application. Finally, augmented linear structure might be implemented when there are several interlinked pages however not extensive interlink. Question 2 a) I would use a linear structure in a grocery store business organization. This is primly because linear structure is effective when it comes to business presentations where it is always necessary to express information in a progressive order. b) Linear website is one with linear-style for navigation. Having hypertexts incorporated into the linear website would make navigation even much easier especially when there is need to check up for earlier business records. Utilizing Storyboards Question 1 a) Storyboard characteristics can be enhanced by a variety of visual techniques and graphic which include framing, sequencing, visuals and storytelling. Graphical words can convey description or action. For instance comics use words like POW!! So that the viewer can get a sense of action. With objects in foreground, depth addition is done. Therefore, putting anything up makes smaller objects appear in the background. b) Poorly designed storyboard is most likely to create misrepresentation of visual graphics. Consequently this would lead to an unreliable website. Question 2 a) Based on Birchman & Sadowskey (2006), it is argued that storyboards can be regarded as complex tools when it comes to planning of complex projects. According to this article, storyboard creation can be a way of teaching visual problem solving. The article mainly targets students with an aim of transforming them into problem solvers through construction of ideas. Furthermore, storyboards stimulate creative thinking, essential in collection of ideas, and generally helps in understanding the big picture. b) The information presented by Birchman & Sadowskey (2006) is significant when it comes to creative thinking and solving of technicalities in fields as web designing. Through the presented storyboarding we can collect ideas and communicate concepts from observations. CSS Styles Question 1 a) In-line style sheets takes precedence over Internal which takes precedence over external. During the establishment of precedence, the style that takes precedence the last gets considered while the others are ignored. b) Multiple styles of CSS are used in the designing of web pages. This is because CSS handles the look of web-page. Question 2 a) With Cascading Style Sheets you can control the color of the text to suite the web page preference and functionality. It can also be used to adjust the style of font so that the title can be visually distinguished from sub-headings. Furthermore CSS is essential for developing spaces between the paragraphs. b) Color control, font adjustment and line spacing are some of the prime properties in a web-page because they make web pages presentable. Web-page coloring induces attraction to the viewer at a glance as well designed font sizes make it easy to surf for long with minimal strain. Line spacing helps the page viewer to easily distinguish sets of information. CSS and the Web Environment Question 1 a) The advantage of using color as hex code format is that it can obtained from any graphical software as Adobe Photoshop or even using advanced paint brush. RGB% is yet another color value that specified using rgb() property. It takes the three values; red, green and blue all in one. However, the limiting factor is that all browsers do not support the RGB color, so it is recommended not to use it. b) When you intend to use the RGB values it is important to note that it is selective and can only work in a few browsers. The hex code on the other hand is slightly more compact. Upon using it you will have to acknowledge that its value tend to be originated by designers. The factor to consider in this case is its origin. Question 2 a) From the Ragnarok Zero web-page (www.ragnarok.game321.com) the evolving technicalities reveal browser games technology. With the new web-based technology, the selected site revealed that you can simply register and play a variety of games with strangers via web browsers. The site contains variety of options from which you can select your preference. For instance you can chose on your preferred game together with the person with whom you wish to play. Alternatively, you could just play against the computer machine. b) The limiting factor of this technology is that one needs to have a strong reliable internet connection for then to enjoy the game. This is an implication that financial status must be compromised. Secondly, the gaming needs certain computer specifications which are preferably some of the most expensive gamming PCs. As much as this technology prove to be exceptional the requirements of attaining it are so costly that it might only be realized by limited population of consumers. References Birchman, J., & Sadowsky, M. (2006). Idea Development and Communication through Storyboards. American Society for Engineering Education, Vol. 1(1723). NGames Interactives Limited. (2014, November). Ragnarok Zero. Retrieved from http://ragnarok.game321.com/index/shtml Read More