For lab 6 I had to create a banner for my page. I used fireworks as I did in my previous lab. This time I changed the width with 700 and the height as 100 but kept the resolution the same as 72. For my banner I used the beveled tool and connector line. I followed the same procedures for my html document the body, paragraphs and headings and then inserted my banner image which was saved as a png directly on my lab 6 folder so it would be more organized. Another thing I learned while doing this lab was the use of title tag. The title tag is the name you give to the document to in can be displayed on the tab just so the whole document name won't appear or so it won't be shown as untitled and get lost in the server. The importance of a banner is to basically promote a product or company in many cases. As of now, in my case the importance was to have a type of heading so the viewer would know what he/she is looking at.
http://techteach.us/DD2015/SAshley/Labs/LAB6/LAB6_AshleyS_DD.html
Friday, October 9, 2015
Thursday, October 8, 2015
LAB5 html
Lab 5 I would say it was probably one of the easiest labs we had during this marking period. I had to create my own name plate using Fireworks cs6. I used the chamfer rectangle tool and the star which had many different results. I added a gradient color and using the horizontal type tool I typed my name. I saved this document as a png. After that I created an html document and inserted my image. The name plate is important for the viewer to understand that the work shown belongs to you and also serves as an informative basis.
http://techteach.us/DD2015/SAshley/Labs/LAB5/LAB5_AshleyS_DD.html
http://techteach.us/DD2015/SAshley/Labs/LAB5/LAB5_AshleyS_DD.html
Tuesday, October 6, 2015
LAB4 html
For this lab we used the table tag. The <table> tag defines an HTML table. This tag includes some elements such as <tr> which defines a table row and create a horizontal division, <th> defines table header, and <td> defines table cell that creates vertical divisions. A problem we all experience is creating the lines that divide sections, this can be done by including border=# along with the body. After that we researched the hex codes and plugged it into the table using <td bgcolor=#0000000 </td>. This lab will help us be more organized for our future assessments.
http://techteach.us/DD2015/SAshley/Labs/LAB4/LAB4_AshleyS_DD.html
LAB3 html
http://techteach.us/DD2015/SAshley/Labs/Lab3/LAB3_AshleyS_DD.htmlFor lab 3 we had to insert three images and three hyperlinks. First we apply to our document the basics for the html file in other words the first four lines and the headings. Then we applied a link using the <a>tag which defines a hyperlink and the extension <a href= http://(link) >. This allowed the user to be sent directly to the link by just clicking an underlined phrase. But what seem almost impossible to be done was the link by clicking an image. So we easily recopied the extension used before but this time with an image attached using <img src=(name of image). The background color was optional.
Monday, October 5, 2015
What is jpg, RAW, png, bmp, gif, tiff
JPG: file extension for graphic files. The JPEG file extension is used interchangeably with JPG. JPEG stands for joint photographic experts group who created the standard. The JPEG standard defines how an image is compressed.
RAW: a raw file is the image as seen by the camera's sensor. Think of it like unprocessed film. Rather that letting the camera process the image for you, turning it into a JPEG image, shooting in raw allows you to process the image to your liking.
PNG:(portable network graphics) is a raster graphics file format that supports lossless data compression.PNG files were developed to build upon the purpose of gifs. Also to develop the ability to incorporate low resolution images that load quickly but also look great. PNG files do not support animation.They are large files and they do not lose quality when edited.
BMP: also known as a bitmap image file or device independent bitmap (DIB) file format, is a raster graphics image file format used to store digital images. The format is capable of storing two dimensional digital images of width, height and resolution, both monochrome and color and optionally with data compression.
GIF: GIF images are great for creating very low resolution files for your website. Gifs are usually used for logos, icons or symbols. Gifs are limited to 256 colors which is why it is not recommended for photos. Gifs support animation and are also compressed which gives them a small file size.
TIFF: is a computer file format for storing raster graphics images, popular among graphic artists, the publishing industry, and both amateur and professional photographers in general.
RAW: a raw file is the image as seen by the camera's sensor. Think of it like unprocessed film. Rather that letting the camera process the image for you, turning it into a JPEG image, shooting in raw allows you to process the image to your liking.
PNG:(portable network graphics) is a raster graphics file format that supports lossless data compression.PNG files were developed to build upon the purpose of gifs. Also to develop the ability to incorporate low resolution images that load quickly but also look great. PNG files do not support animation.They are large files and they do not lose quality when edited.
BMP: also known as a bitmap image file or device independent bitmap (DIB) file format, is a raster graphics image file format used to store digital images. The format is capable of storing two dimensional digital images of width, height and resolution, both monochrome and color and optionally with data compression.
GIF: GIF images are great for creating very low resolution files for your website. Gifs are usually used for logos, icons or symbols. Gifs are limited to 256 colors which is why it is not recommended for photos. Gifs support animation and are also compressed which gives them a small file size.
TIFF: is a computer file format for storing raster graphics images, popular among graphic artists, the publishing industry, and both amateur and professional photographers in general.
Sunday, October 4, 2015
HW HTML, HTTP, WWW & Internet
HTML: (hypertext markup language) a set specifications for creating documents that browse as pages. It is a standardized system for tagging text files to achieve font, color, graphic, and hyperlink effects on world wide web.
HTTP: (hypertext transfer transfer protocol) It is an application protocol for distribution, collaboration and hypermedia and communication standard of web.
WWW: (world wide web) a collection of data that can be linked and accessed using HTTP. Web sites and web pages can be connected to the world wide web.
INTERNET: the global communication network that allows almost all computers world wide to connect and exchange information.
HTTP: (hypertext transfer transfer protocol) It is an application protocol for distribution, collaboration and hypermedia and communication standard of web.
WWW: (world wide web) a collection of data that can be linked and accessed using HTTP. Web sites and web pages can be connected to the world wide web.
INTERNET: the global communication network that allows almost all computers world wide to connect and exchange information.
What is Web Design
Web Design is the process of building and designing a collection of electronic files that determine the layout, color, structure, graphics and use of interactive features that deliver pages to a site.It also describes the task of designing HTML driven web pages to be displayed over world wide web. It represents important elements such as the overall graphical appearance. Web design has been described as the most important business this because many companies create their own site for promotions. In other words web design is the process of planning, creating and updating websites.
Subscribe to:
Posts (Atom)