What is Web Design?

      Web Design is the process of creating, designing, and developing contents on the Internet using the World Wide Web. Web designing is limitless, you can create or design almost any ideas that you can ever think of, and it can be shared with anyone in this world. If you have created a good website that people are likely to visit, you can make a good career out of it, or even become a millionaire from the website. But to create and design a website, you are required to have many skills to do so, such as how to use Photoshop, InDesign, Illustrator... and you need to know about scripting using html or other formats. Once you have all the skills you need, you can have the freedom to create or design just anything you can imagine through the amazing Internet.

Websites vs. Webpages

What is the difference between a website and a webpage?

   
      First of all, a webpage is a hypertext document connected to the World Wide Web. And a website is a location connected to the Internet by a server that contains one or more pages on the World Wide Web. This means that a webpage is only one page/document, and website is the site/location where all its pages are stored and to be accessed by a server. For example, W3schools is a website of web developing, and its main page is www.w3schools.com. When you open this page, then click a button in the main page, it takes you to another webpage. The page have changed, but you are still in the same website, and that is W3schools.

What is a storyboard and a site map?

      A storyboard is a graphic organizer that displays a sequence of images. The most common storyboard is made up by a few boxes of the same shapes, then it is filled with a sequence of drawings to tell a story or an idea.









      A site map is another way of graphically organizing all of the pages. It shows all the main pages on the top, and then on the bottom of that are the pages that follows that main page. Just at a glance, it look similar to a family tree.

Why do you need a storyboard and a site map when designing a Website?

      Drawing a storyboard and a site map is necessary when you are designing a website, because it helps you to organize almost all your ideas in a page, and it is easy to look and review your work in such formats. It is just like when you are writing something, you want to create key ideas in bullet points or a draft to improve and make the process much more organized and easier.

HTML, HTTP, WWW & Internet.

HTML - (HyperText Markup Language)
the standard Markup Language for web page development. It can be opened by any browser and be edited by any text software.

HTTP - (HyperText Transfer Protocol)
an application protocol for distributed, collaborative, hypermedia information system. It is used for data communications in the World Wide Web.

WWW - (World Wide Web)
an information space where documents and web contents that are formatted with html that are used to be represented with URLs (Uniform Resource Locator). Which can be accessed through the Internet.

Internet -
the global communication network that allows almost all computers to connect and exchange information and documents.

Lab 2 Smart Goals

      This is our second lab of the year. This time we are focusing on improving the knowledge learned on the first lab, and use them to merge with the things we learned this time to create another html document. Most of the formats and tags that we are using is the same, but will will add more to it this time. Our objective is to write 3 paragraphs about our smart goals, add a image to the html document, and change the font color. Also, we have uploaded the webpage we created to the internet, so anyone in the world can visit the page that.

      To start this lab, we first read a packet about the introduction to html that teaches you the most basics about creating a html document. Then we set up the document like we did in the first lab. Type in the 3 paragraphs about smart goals that we have. Then we add the image of ourselves into the document using the <img> tag. Changed the fonts color to our likes using the <font> tag. And I have also change the background to a grey color using the <body> tag. Lastly, we use Filezilla, and upload it to the server that my teacher, Ms. Ramirez have made. This was a really fun experience, the webpage looks so much better now. And I hope I can do even better in the next lab.

      My webpage is:
http://techteach.us/DD2015/HJiahua/Lab2/LB2_Jiahua_DD2.html

Lab 1 The Begining of Our First HTML

      In this lab, we take our first step into the world of coding, using html. We have learned that html is a type of file or a standard hypertext markup language for browsers to read. This means we are finally making our own webpages now, I've been waiting for this so long; ever since the I became apart of this CTE program. But before we start, we had to memorize some of the tags used in html documents. Then we were shown how to actually use these tags in TextEdit for Mac. It's really important to change the preferences, otherwise everything won't work in the way you expected. Also, you need to change the default text document in a html document, so the browsers will be able to read it.

      Inside the html document, what we have to do is to use simple tags to set up a html document for a browser to read. Then we wrote about "Who we are?" and "Why are we here?" in 3 paragraphs using the <p> tag. Overall the lab was really easy. Even though the page doesn't look very interesting, but at least we've go something going. And this also gave us a simple knowledge and a introduction to coding with html.