Technologies Overview

Here I will describe some of the technologies I have been studying for the last couple years. Of course, this list is not exhaustive by any means.

I will start with the basics here, and hopefully write about some of the programming and database technologies I use soon.

Basic Website Technologies

HTML (Hypertext Markup Language)/XHTML (Extensible Hypertext Markup Language)
The main infrastructure of web technology is HTML. When I started building websites, I was amazed to find out that so much can be done in Notepad or any other text-editor! You can write all the HTML in a text document, change the file extension to .htm or .html and then open the file in a browser. It works!

There are plenty of WSYWIG (What You See Is What You Get) editors out there. I personally like to write my own HTML code rather than use WSYSWIG so that I have full control over the website design. When my website does not work in a certain browser, I have the control to tinker and eliminate problems. Also, when something does not work, I can take full responsibility rather than blame a piece of software because I trusted it to do what I wanted.

For the best place to get started learning HTML (as well as several other technologies), I highly recommend w3schools.com. They do a great job setting a solid foundation from which to build, and they have several resources and when you need to find out what a tag does, or what your options are.

As good practice, I used HTML strictly to set the structure of my website and add content. Separating presentation and content is very helpful as I will explain with CSS below.

CSS (Cascading Style Sheets)
Before CSS was created, all aspects of presentation (fonts, colors, sizes, alignments, and other formatting) were listed inside the HTML tags using attributes. When building a themed website, each page would have to be created in a similar way. If the background color were to be changed from red to blue, this would mean every single page would individually need to be edited.

CSS is glorious! Now HTML can be used to contain mostly the HTML tags and the content of the web pages. A single CSS file can contain all the formatting necessary for an entire website and each HTML page simply needs to have a link to the CSS file.

Alternatively, several style sheets may be used for a website. I like to have one style sheet describe positioning, sizes, and fonts and I have other style sheet describe different color schemes. This allows me to easily change “themes” for different parts of a website while maintaining a consistent infrastructure. As another option, different style sheets can be used for different types of browsers, such as a desktop/laptop, a mobile browser, or a printer.

Browsers
There are several browsers out there. The main ones I have installed on my machine are Chrome, FireFox (FF), Internet Explorer (IE), Opera, and Safari. I love using the Google Chrome. It is simple and fast, which I really enjoy.

I started using Opera a little when dinking around. I really like how fast and smooth it works. I was really impressed with my first impressions. Since I was already using Chrome, I did not see a strong advantage to switching, but I would have if I had not met Chrome first.

FireFox is pretty neat. FF is definitely better than IE. Their FireBug plugin is a definite must-have for any web designer or developer. FireBug lets you look at the different elements of the rendered webpage and see what tags and styling were used. This tool has helped me in many, many instances where I could not figure out why parts of my site looked the way they did.

Internet Explorer is burly and sluggish. I tend to only use it when I need to access SharePoint or other sites that were built to work with IE. Also I use it just to see what 40-50% of the people out there will see since IE is still pretty popular.

I have not worked with Safari much.

Resources
• www.w3schools.com

Next Time…
Later I hope to do some summaries of the more advanced technologies I have been using, such as client-side and server-side programming languages and databases, which I really enjoy working with.

347 thoughts on “Technologies Overview

  1. Pingback: here
  2. Pingback: app consultant
  3. Pingback: Wissenswertes
  4. Pingback: Tiger Woods
  5. Pingback: work at home
  6. Pingback: site bun
  7. Pingback: 2019 bikini
  8. Pingback: Fitness
  9. Pingback: dbd
  10. Pingback: web design penang
  11. Pingback: nollwood series
  12. Pingback: glass verandas uk
  13. Pingback: massage near me
  14. Pingback: 바카라사이트
  15. Pingback: levitra coupon
  16. Pingback: cialis
  17. Pingback: cialis vs viagra
  18. Pingback: viagra online
  19. Pingback: viagra for sale
  20. Pingback: generic viagra
  21. Pingback: http://droga5.net
  22. Pingback: Viagra 150mg uk
  23. Pingback: buy Viagra 120mg
  24. Pingback: buy Viagra 120 mg
  25. Pingback: Viagra 50mg nz
  26. Pingback: viagra cheap
  27. Pingback: Cialis 80 mg otc
  28. Pingback: Cialis 40mg uk
  29. Pingback: Cialis 60mg otc
  30. Pingback: Cialis 40 mg price
  31. Pingback: viagra prices
  32. Pingback: Cialis 80 mg price
  33. Pingback: propecia 1mg otc
  34. Pingback: abilify 10mg cost
  35. Pingback: actos 30mg online
  36. Pingback: buy cialis
  37. Pingback: amaryl 4mg usa
  38. Pingback: viagra buy
  39. Pingback: antivert 25 mg otc
  40. Pingback: aricept 10mg uk
  41. Pingback: arimidex 1 mg usa
  42. Pingback: buy avapro 300mg
  43. Pingback: Biaxin 250mg pills
  44. Pingback: casodex usa
  45. Pingback: catapres tablet
  46. Pingback: ceftin generic
  47. Pingback: celexa 20mg coupon
  48. Pingback: casino real money
  49. Pingback: online casino usa
  50. Pingback: slot machine
  51. Pingback: casino games
  52. Pingback: chumba casino
  53. Pingback: hollywood casino
  54. Pingback: usaa car insurance
  55. Pingback: usaa car insurance
  56. Pingback: payday loans pa
  57. Pingback: rapid payday loans
  58. Pingback: cbd oil 300mg
  59. Pingback: cbd oil 300mg
  60. Pingback: viagra tabs
  61. Pingback: essays writing
  62. Pingback: school assignments
  63. Pingback: help my essay
  64. Pingback: my essay writing
  65. Pingback: hire essay writer
  66. Pingback: cleocin online
  67. Pingback: viagra man
  68. Pingback: clozaril coupon
  69. Pingback: colchicine usa
  70. Pingback: how to buy coreg
  71. Pingback: cialis online
  72. Pingback: diamox canada
  73. Pingback: differin 15g pills
  74. Pingback: dramamine cost
  75. Pingback: elavil pharmacy
  76. Pingback: flomax for sale
  77. Pingback: imdur 30mg tablet
  78. Pingback: this contact form
  79. Pingback: check out here
  80. Pingback: imuran nz
  81. Pingback: lamisil australia
  82. Pingback: lopid 300mg nz
  83. Pingback: luvox medication
  84. Pingback: macrobid for sale
  85. Pingback: mobic cheap
  86. Pingback: motrin medication
  87. Pingback: phenergan generic
  88. Pingback: plaquenil otc
  89. Pingback: buy prednisolone
  90. Pingback: prevacid 15mg otc
  91. Pingback: order procardia
  92. Pingback: proscar cost
  93. Pingback: protonix online
  94. Pingback: pulmicort usa
  95. Pingback: reglan otc
  96. Pingback: revatio 20mg uk
  97. Pingback: risperdal nz
  98. Pingback: rogaine 5% cost
  99. Pingback: cheap seroquel
  100. Pingback: cheap singulair
  101. Pingback: spiriva online
  102. Pingback: toprol 100mg usa
  103. Pingback: cheap wellbutrin
  104. Pingback: zestril nz
  105. Pingback: More Help
  106. Pingback: useful content
  107. Pingback: zocor coupon
  108. Pingback: zovirax purchase
  109. Pingback: zyvox 600 mg uk
  110. Pingback: sildenafil price
  111. Pingback: order furosemide
  112. Pingback: buy aripiprazole
  113. Pingback: pioglitazone uk
  114. Pingback: spironolactone nz
  115. Pingback: cheap irbesartan
  116. Pingback: clonidine pills
  117. Pingback: cefuroxime otc
  118. Pingback: citalopram prices
  119. Pingback: generuc cialis
  120. Pingback: cheap carvedilol
  121. Pingback: cost of warfarin
  122. Pingback: tolterodine online
  123. Pingback: oxybutynin uk
  124. Pingback: permethrin generic
  125. Pingback: mjgrqqzt
  126. Pingback: cost of etodolac
  127. Pingback: hoe werkt cialis
  128. Pingback: comprar cialis
  129. Pingback: thai cialis
  130. Pingback: terbinafine nz

Leave a Reply

Your email address will not be published. Required fields are marked *