Week 1- Project Management

Over the past week, I have started working on the html and css for my website. I’m completely new to coding, so I started by going through lynda and codeacademy resources.

Here is a link to the sitemap I will be using to create my website-

https://karlwebmedia.wordpress.com/category/sitemap/

Project Management:

The first step that I took was to organise tasks for the week. My aim was to finish the basic structure and stlying for the first page (home page) of my website.

I spent 1-2 hours everyday learning how to code, and another 2 hours daily experimenting with everything i learned and trying to create the home page.

I worked on the html and css for the content on the home page, as well as the navbar, footer and greycontainer which will be applied to the subsequent pages.

Progress and Experience:

I have finished the html structure and css for the web page, but had a few issues which I hope to get solved in class this week.

I had a little difficulty with aligning certain items (search) on my nav bar but eventually figured it out. I still have to make the navbar stay fixed on top of the page while scrolling. I also created the form which enables people to subscribe to a newsletter.

I had alignment issues with this form, since I didn’t wish to use all twelve skeleton framework columns. Skeleton seems to be arbitrarily aligning my form to the left, while I want it to be centered.

I also cannot seem to get the background image to appear behind the form.

navbar and form.jpg

As you can see in the above image, the form is aligned to the left, and the background image is not visible.

On scrolling down, you come to the next div in which I am once more unable to move the images to the center of the page.

trip location brief.jpg

At the bottom of the page is the footer.

footer.jpg

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