WEB AUTHORING / Dream(Code?)weaver / Term 4, Week 3

This week we were introduced to Adobe Dreamweaver and made a simple, clean looking website using the software.

I had struggles while doing the exercise because my codes got all jumbled up – how did this happen? I somehow managed to nest certain elements within each other wrongly. I just moved the elements from the “DOM” structure instead of inspecting the code thoroughly, so maybe this situation is to be expected (grand sigh). Thankfully I got most part of the exercise done (after a stressing out & having a mini meltdown, staring at the massive amount of codes trying to figure out how to fix the problem).

In this exercise, we made use of Bootstrap as well, mixing both HTML elements and Bootstrap’s.

(SCREENSHOTS WILL BE TIDIED UP)

screen-shot-2016-11-01-at-9-05-32-amscreen-shot-2016-11-01-at-9-10-56-amscreen-shot-2016-11-01-at-9-08-39-am

screen-shot-2016-11-01-at-9-14-21-amscreen-shot-2016-11-01-at-9-16-51-amscreen-shot-2016-11-01-at-9-18-10-amscreen-shot-2016-11-01-at-9-18-45-amscreen-shot-2016-11-01-at-9-19-20-amscreen-shot-2016-11-01-at-9-41-09-amscreen-shot-2016-11-01-at-9-44-43-amscreen-shot-2016-11-01-at-9-51-12-amscreen-shot-2016-11-01-at-10-03-41-amscreen-shot-2016-11-01-at-10-41-54-amscreen-shot-2016-11-01-at-10-47-12-amscreen-shot-2016-11-01-at-10-05-11-amscreen-shot-2016-11-01-at-11-09-38-amscreen-shot-2016-11-01-at-11-04-29-amscreen-shot-2016-11-01-at-11-12-04-amscreen-shot-2016-11-01-at-9-14-58-amscreen-shot-2016-11-01-at-9-19-40-amscreen-shot-2016-11-01-at-9-44-54-amscreen-shot-2016-11-01-at-10-11-28-amscreen-shot-2016-11-01-at-10-46-04-amscreen-shot-2016-11-01-at-11-12-18-amscreen-shot-2016-11-01-at-10-51-51-amscreen-shot-2016-11-01-at-11-07-14-amscreen-shot-2016-11-01-at-11-30-12-am

For the next session, we will still be working with Dreamweaver, using our experience to create our own website. I haven’t installed Dreamweaver in my computer yet as of now, so I started with doing sketches and wireframe of the possible webpages.

screen-shot-2016-11-02-at-9-00-57-pm
Creating wireframe & graphic elements. The landing webpage will be mainly header, with 3 links and a footer. Clicking the links will direct you to other webpage.
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s