Day 54 – Lesson 1 (Web Design Fundamentals)

Ultimately, I want to know how to design websites. I think in today’s work force, this is an important skill set because everyone (anymore) needs a website to promote their product and their customer’s needs. So I’ve started a new video called Web Design Fundamentals by James Williamson on Lynda.com.

In Lesson 1, I started out with setting up up my text editor, which is jus the Mac’s stock option for coding called Text Edit. James mentioned two other text editors called Brackets and Sublime Text, or Windows’ stock option: Notepad.

I’ve briefly used some coding years ago, but not much to where I had a great understanding of it.

To start, I learned some very basic html coding, starting my bare, basic website.

lesson-1-exploring-html1

Next, I made “My First Page” as a heading, or h1, and “Exploring HTML” as the title of the page.

After, I went further to create the a paragraph in the body of the webpage underneath the heading.

lesson-1-exploring-html4_body

Next, I did some CSS creating the style of the body, which includes the heading and paragraph, by changing the color of text red. I then changed the heading’s style by changing the font, size and color to separate it from the paragraph.

To finish, I used a Java Script to create a button that would change the color of the text from red to green and back by using “If, then” logic.

The final video, didn’t really show me any hands-on to coding, but what is important to learn when going into web design for someone who is completely new. Like I said, I have a very “newb” beginner’s knowledge of coding. I understood the concept of starting a heading and and ending it like: <h1>Heading Title</h1>, but that was it. So I’ll admit, the prospect of learning how to code (HTML, CSS, and JavaScript) is a bit overwhelming, but I realize that there’s no way to get around it if I want to learn how to create websites.

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