Adobe Dreamweaver: A Beginner’s Perspective

I am currently developing a digital resource, which will teach the user the basic regional and physical geography of Ireland. As a primary teacher, I know what it is like to have taught these topics before, and I am familiar with the difficulty children have in retaining this information. I enjoyed the design phase of this process, creating my storyboard on PowerPoint. The development phase has been a whole new experience for me as I was unfamiliar with Adobe Dreamweaver.

Adobe Dreamweaver is a web design tool. Dreamweaver allows the user to visualise their website while they are coding. It is possible to create a site without any coding, however it would be difficult to incorporate precise design details into a site without some knowledge of HTML.

Dreamweaver has ‘Code View’ which allows the user to just view the code, or ‘Split View’ which enables the user to see both the website as it is being designed and the code. There is also a ‘Live View’ which allows the user to see what the site will look like on its own. Dreamweaver opens with a panel on the right of the screen. This panel has a Files tab, in which the user can manage files and graphics. There is a Creative Cloud Libraries tab where the user can access stock graphics or files from other Adobe applications. The Insert tab allows the user to insert features, such as graphics, paragraphs, headings, or hyperlinks. The CSS Designer tab enables the user to change the appearance of the different features.

This is my first time using Dreamweaver, or, in fact, any website development tool. I have to admit that it is a steep learning curve. It has required a lot of trial-and-error and triggered a range of emotions! I carried out the beginner lab sheets on how to use Dreamweaver quite easily. However, I found Dreamweaver so different to any tool I had used before, that it was difficult to remember the basic steps to get started each time I opened the software. When I began to recreate my storyboard, I had difficulty with minor things, such as aligning images to my preferred location.

I consider multiple viewing options within Dreamweaver to be potentially beneficial and challenging at the same time. It is useful to be able to choose which view you prefer. For example, an experienced coder may prefer to just work with code and not split their view with the website. I, personally, need to see the website to see what changes are being made when I change the coding. The Design view and Live view present a challenge. Firstly, I have found that when I check in to see the Live view, the formatting can be different to the Design view. Secondly, it is not very obvious which view is in use. I have found this frustrating when I have been working on certain features, as the tools change between design view and live view.

One benefit of Dreamweaver is that when the user selects a feature on their design, the corresponding code is highlighted. This makes it easier to copy certain features and adjust their settings. It also helps coding beginners to understand and use code.

For now, the jury is still out with regard to Dreamweaver. I would still consider myself a Dreamweaver novice and I hope to continue to climb its steep learning curve and gain confidence in using the software.

Weebly: Website Design Made Easy

Weebly is a free website builder. Anyone can use Weebly to create a commercial or personal website, an online store, an e-portfolio, or a blog. It is an accessible tool that requires the user to have only basic computer skills.

Key Features:

Weebly Menu Header
  • The Build tab allows the user to click and drag items such as titles, images, and text boxes to their preferred location on their page.
  • The Pages tab allows the user to add pages to their website. It also enables the user to rearrange the order in which the pages appear and to create subpages.
Weebly pages tab
  • The Themes tab includes a variety of pre-formatted website styles and layouts. Themes can be used when the user does not want to build the website from scratch.
Weebly Themes gallery
  • The Apps tab provides an easy way to connect the user’s website to relevant applications, whether they are social media related or to boost website traffic and sales.
Weebly Apps tab
  • The Setting tab allows the user to change the website name, and add metadata and editors, as well as manage apps and blogs (if the website has a blog).
Weebly Settings tab

My Experience with Weebly

I have used this tool before to add to my school’s website, and I am using it again to create an e-portfolio which will showcase my work in the field of e-learning and technical communication. I haven chosen Weebly for this project as it offers visually-appealing themes, and I find I can create exactly what I want in an uncomplicated way. I can reformat the page, add a variety of media, and, most importantly, choose the web page title I want.

Pros

  • Usability: Without any prior training, anyone can use Weebly to build an impressive looking site.
  • There are a vast array of themes available for all kinds of websites.
  • Features, such as text, images, pages, and titles, can by dragged to where ever the user wishes.
  • Weebly allows the user to create responsive sites.
  • It is free to use.

Cons

  • Weebly is free to use as long as the site name ends with .weebly.com. This may not suit all users and some may need to upgrade to a paid plan.
  • There is no ‘save’ button on Weebly. Instead, the user must click ‘publish’ when they want to save the changes made. This may take from the Weebly’s usability as users are more accustomed to ‘save’ buttons. The absence of ‘save’ may lead them to believe that the site saves automatically. In addition, users may not want their site to be published until they are fully finished building the site.
  • Weebly has no ‘undo’ button. Again, this may cause difficulty for some users.