Web & User Interface Design Blog

Part 1 - Testing HTML and CSS codes What are the problems? The errors that the validator detected were mainly caused by mistakenly placed </p> paragraph end without a <p>start, and misplaced <h6> subheader. As for the CSS Fortunately, CSS only detected a single problem, I went to fix the code but I couldn't how so I just rewrote it and I got fixed somehow. As for HTML, once I got rid of the </p> everything seemed better. Yet I still got some errors saying not enough space in my "a" links but I couldn't find a way to fix it, even though website definitely works as I planned.  I tried my code on 3 browsers: Safari, Google Chrome and Firefox.  I am not sure if it is related with me writing the codes and checking websites with the first two browsers but they all seemed same, and there was no differences that I detected. 4. Trying the CSS game. I got to level 13, which is pretty embarrassing but I found the game to be enjoyable actually.  I realized...

Page Layout   The website I analyzed is oitheblog.com, it's a travel guide website, that I have been using for a couple of years, I find its design pretty appealing and also user-friendly While looking through their coding tables I realized it was well structured and well organized as well as well designed.  It is simply decorated and coded. The majority of the flow included div/span and class tags which I found reasonable. Cognition - Q3 - Q7 US University Websites Analyzed universities are: 1-   Brown University 2-  Texas A&M University 3-  MIT 4-   University of St. Louis From an initial look, the major similarity I detected between US websites, was visual variety. In 3 out of four pages used videos on their home page. It is easy to tell that all sites are focused on advertisement rather than information as well as TU Dublin's site. Only MIT's website is more informative with the amount of research advertisement they have. Overall, I found all 4 webs...

SEO in the Fish Creek Hospital Web Page  Search engine optimization (SEO) is a crucial element to be considered while designing websites, for websites to be search-friendly and easy to locate on search engines. Usage of proper titles and headers increases SEO drastically with the help of relevant tags on the html script. Meta tags are also another great way to optimize what will be displayed in the search engines. Meta tags might be applied for keywords, site description, author name etc. (as can be seen on the Fish Creek Animal Hospital Site). Alt tags and internal links are considered just as important in terms of SEO while designing the page.       In future web designs, I will be using titles/headers/meta tags/ alt tags and both internal and external links via 'nav' and 'a' tags so that the designed website will appear accordingly to user needs.  While designing Fish Creek Website, I implemented mostly descriptive meta tags alongside essential titl...