I’ve never been more stumped about a web assignment before in my life. So today, our assignment was to connect our site to a MySQL database. The coding is not as complex so long as you know the exact arguments to use and I solemnly believe that my code is correct. But the worst part is making the connection……and hoping it connects. As far as my code, I went as far as submitting a form, opening a connection to server, having it fail, and finally creating an output that notifies the user that it can’t connect. The server is in a local host but it is through the 000webhostapp.

I was given the task to begin the first four steps of my outline for the project. The steps are: 1) defining the stakeholder’s goals, 2) defining the user’s goals, 3) briefly defining the content, and 4) organizing the content. Let it be known that this outline is a mock draft and is not the final outline. But the thing I got out of this assignment is that defining the websites goals, content, and purpose is what makes good web developers. These ideas can help build the foundation of a decent website.

Absolutely no effort in this. <?php echo “Whatever you want to say in this line or block!” ?>. You can also implement strings within variables. It works the same as any programming language where the php variable – ?whatever – gets paired with a “=” sign. Functions are able to manipulate strings even more. Certain functions are able to replace words, concatenate phrases, and many more. For this assignment, I tested out the regular, double-quote implementation, and used variables.

I’ll admit, this was the trickiest thing to learn. A rollover image is literally just an image that changes a bit when you hover over it. This assignment was completed using a YouTube tutorial that set up a rollover image within a hyperlink. The link leads no where. Sadly, there wasn’t really anything easy about this assignment other than it was “easy” to follow along. But today, the hard stuff (navigating through the properties of Dreamweaver, setting the image borders, not knowing that CSS must be used, and implementing a link without a choice) outweigh the easy.

Functions and control statements have always been the most interesting topic for me as a programmer. To be able to condense 8+ lines of code into one statement proves how much power software has. Continuing with PHP, this assignment used functions that we were suppose to create and call. A fresh reminder that Javascript is a client-side language and PHP is a server-side language. Not only that, but the syntax for PHP is a lot more simpler. Some additional advantages would be that PHP functions are not case sensitive and that PHP is considered a loosly typed programming language, which means that PHP does not require you to declare a data type. Although it is a straightforward process of changing a variable, it can also be seen as unreadable.

Objectives:

• To inform about the products
• To allow people to buy/trade online

Audience:

• Families
• Markets

Content:

The content will consist of a page that allows for consumers to purchase these vegetables and a page that tells you more information of what the farmer is growing
(what kind and their nutrition value).

Interactivity:

Users would be able to learn about the different vegetables that the farmer grows through a series of information blocks. They would also be able to purchase them by filling out an online form that connects to a MySQL table for the farmer.

Design Elements:

For the layout of the site, we will use a traditional header-navigation-content-footer style. The color scheme will match “an open field” which I imagine to be a combination of sky blue, yellow, and green. The typography would just be a simple Calibri font (nothing to fancy). Images of the vegetables being sold will definitely be used. I can also see a picture of a barn as a background image. The navigation page will most likely be located on the top below the header.

3. Answer the following questions and post them on your blog
Question # 1
What is the correct CSS syntax for making all the <span> elements bold?
A: span {font-weight:bold}

Question # 2
What property is used to change the text color of an element?
A: color:

Question # 3
The # symbol specifies that the selector is?
A: Class

1. 
   Answer the following questions and post your answer in your blog:
   Question # 1
   PHP server scripts are surrounded by delimiters, which one?
   A: <?php…?>
   Question # 2
   How do you write “Hello World” in PHP
   A: echo “Hello World”;
   Question # 3 
   All variables in PHP start with which symbol?
   A: $
   Question # 4
   D. What is the correct way to end a PHP statement?
   A: ;
   

So today was about playing around with adobe products and giving a little more effort in creating a site. We went over how to implement forms and designing wireframes. Forms are fun to create since it asks for user input, and if the user inputs a false statement you can show an alert box that says whatever you want. Wireframes require a lot more thought. It may be as simple as putting boxes on a web page, but organization does matter. Back when I took an information architecture class, one thing that they stressed so much was making sure the output is appealing to your audience and that content wasn’t just “thrown” into a web page. The purpose of a wireframe is to make sure certain sections of a web page are spaced out (meaning they don’t overlap) and that they are a guide to which goes where in the site. When I built mine, I was referring to the YouTube tutorial that was provided to us. In a simple page, the four sections: banner, navigation, content, and footer is all you need. But it is the way it is organized that differentiates websites from each other. A logo seems necessary if you want to go the extra mile.

It’s hard to tell exactly what the best image was considering that the test photo wasn’t my best work. But one things for sure, upon opening up the web page, the gif photo was the only one that didn’t load as clear as the rest. So the jpeg file, the 8 bit png, and the 24 png, contest for the best quality image. Based on past experiences with web images. Jpeg files would always be the ones I encounter the most. So let’s go with that….