Trouble with Dynamic Web Template

Back in July, I changed web design programs from Expression Web to Dreamweaver Creative Cloud. As a result, I had to recode the dynamic web template that I based the majority of my site on. At the end of every year the copyright has to be updated. 2016 has to be changed to 2017. That process should be a simple matter of updating the template, saving the changes, and the program should update the pages that use the template automatically.

I have updated the main template and save the changes, and I thought the program updated the pages that use the template. However, some pages updated and some pages did not, and I have no idea why. This problem is slowing the responsive design update.

Still Updating to responsive design

Last week, I picked up my responsive design project where I left off. In earlier post I described the beginning of the project. Since November, many of the pages in the site have been updated. There is still a lot of work to be done. This week I changed design programs from Expression Web 4 to Dreamweaver Creative Cloud chiefly because I wanted to use the full capabilities of CSS 3 and have them recognized by my design program. To put it simply, Expression Web 4 is 10 years old and shows every bit of its age. It’s so old in fact that Microsoft is giving it away for free. I have tried Visual Studio 2015, and it takes too long to install; and comes with too many features I will never use.  

Dreamweaver Creative Cloud is subscription service, so I will have access to updates as they become available. It is standards compliant and the user interface is not that different. In the end, markup is mark up and code is code. Dreamweaver should I serve my needs for the foreseeable future. Switching to Dreamweaver has created some issues. The most annoying one is that the program uses a slightly different syntax in its dynamic web templates, which means I cannot create new pages based on my existing templates. Furthermore, all pages based on existing templates must be updated after I create new templates based on the different syntax, but all of those are backstage updates. 

Most of my major content pages have been updated. I still have some structural pages to update, and I am considering updating the Doctor Who Episode Guide and keegan.wiki as well as other sub-sites. Additionally, I still have a great deal more to learn about CSS 3. I am still having difficulty mastering flex box and float.

Converting to Responsive Design

Back in August, I started the process of converting some of the pages in my website to responsive design. I may put up my notes on the process later, but for now I have completed nine pages. I do not know if I will convert my entire site. I have been reluctant to move to responsive design because most of my pages were, I thought, already designed for most smaller screens. The Doctor Who Episode Guide works well on an iPad mini screen, but not as well on an iPhone 5, iPhone 6 , or an iPhone 6 Plus screen. Even so, the Guide is one sub-site I will, most likely, not convert and there is some other content such as my Portfolio, the Launching of a New ConstitutionTeaching Resources, and keegan.wiki. The thing these pages have in common is they were designed for professional use where laptops and desktops are common, and for the minimum screen size of an iPad mini. The Doctor Who Guide and my other Doctor Who content does not fit into that category.  However, its present format is the best way to display the content at this time.

A majority of my recent content, however, is blog posts and articles, and is slowly being converted to responsive design.The following is a list of pages that have been converted so far. I, probably, should not have used a table.

#

Title

URL

1

Home

http://jgkeegan.com/home.htm

2

Copyright

http://jgkeegan.com/copyright.htm

3

Forensic Science Links

http://jgkeegan.com/sh/forsicl.htm

4

Rise and Fall of the Third Reich Has Its Place

http://jgkeegan.com/shirer.htm

5

Groucho Marx: The Writer…

http://jgkeegan.com/groucho.html

6

DNA Dragnet: Constitutional?

http://jgkeegan.com/dna.htm

7

Articles

http://jgkeegan.com/articles.htm

8

Intelligent design is not science

http://jgkeegan.com/id/id.htm

9

Intelligent design Links

http://jgkeegan.com/id/idl.htm

Citation Styles, Web Sources, and Responsive Design

I am an historian and educator. So, I have done; and continue to do a lot of writing. An important part of the process is the documentation of sources especially when creating online content. The Internet has made available a vast number of valuable primary and secondary sources through repositories such as JSTOR and the like. Citation styles whether Chicago, APA, or MLA have formats for scholarly journal articles, newspapers, personal correspondence, Federal and State court opinions, websites, and almost everything in between.

Most of the time, citing one of the above sources is straightforward. Follow the format given in a particular citation style, and even if the source was accessed via the Internet the URL is omitted. At least, that is what every professor I have ever had has told me, and the reason is a majority of readers will not be able to access the source through the URL provided. Additionally, any reader wanting to consult the source will go to a library, and librarians will not need the URL.

That holds true for every source above except websites. Obviously, URLs need to be cited. In the age of responsive design, that is, web content being consumed on smaller screens; increasingly longer URLs are an issue. They interfere with the presentation of content. Webpages of over a thousand words present another citation problem. The lack of page numbers makes it difficult for a reader to locate information cited from a specific source. Furthermore, webpages usually are not designed to be printed. Even when CSS media queries are used to make a webpage printable, it still may not have page numbers and it does not look quite right making the content difficult to read and understand.

Fortunately for the rest of this post, there are two solutions. Based on the premise that most written content that appears on a webpage is created in Microsoft Word, and then converted to HTML format by whatever process; one solution is to save or convert the content to a PDF file. Once the content is in PDF format a link to the file can be placed on the page displaying the HTML formatted content. There is, however, one drawback to the PDF format. It does not accurately reproduce the page layout of a Microsoft Word document. That is not to say that the PDF format is useless as will be seen later. But with the ability to view accurate renderings of Microsoft Word documents in a web browser that OneDrive and OneDrive for Business provide converting content to PDF format is an extra and unneeded step; which makes Microsoft’s cloud services the preferred solution. (Hereinafter, since both services have the identical capability, they will be referred to as OneDrive).

In an earlier post, I described the process of creating a public link for any documents stored in OneDrive. That process creates an extremely long URL that causes the problem described above. None of the citation styles have a way of dealing with these computer-generated or garbage URLs. In fact, a URL generated by OneDrive is so long that cannot easily be put into a footnote in a Microsoft Word document. Furthermore, reading in Microsoft Word document is difficult on any screen smaller than an iPad mini. So, a combination of a Microsoft Word document and a responsive design HTML document solve both problems for the self-publisher. The solution looks like this:

FootNote
It consists of the URL of the responsive design webpage and the page number of the Microsoft Word document, which is linked to at the top of the webpage, and if the readers needs to print for any reason they can do so from the Microsoft Word document. OneDrive converts document into a, reasonably accurate PDF which is downloaded to readers’ computers.

The above solves the garbage URL problem for webpages that have links to the same content that has page numbers. That still leaves the problem of garbage URLs in a responsive design webpage. Most webpages do not have links to Microsoft Word versions of their contents. Many webpages have short enough URLs that their citation will not interfere with the presentation of the content. However, some blogs and webpages have garbage URLs. When citing a source that has a garbage URL, shorten the display text of the link, and note that the complete URL is available in the Microsoft Word document.
Note
The note should appear at the beginning of the content.

The solutions described above make citing garbage URLs and the lack of page numbers in most webpages easier to handle. Citation, in whatever style, should be as important to online content as hyperlinks. It provides valuable information and credibility to any work.