PUBLISHING AND WEB DESIGN(WEEK 3 FRIDAY)12/12/2014

This is the process....

1.  Open the Adobe Photoshop (PSD)...

2.  Press the key (ctrl+n) to choose the pre-set web and the size 1024x728 px...Press the button 'ok'....

3.  Call the rule out with the key (ctrl+r) and right click make sure your rule is at the mode of pixels...

4.  Draw the guard line...I use the easy way is draw a rectangle and use the rectangle to draw a guard line ..

a1

  5.          Press the button of folder 3 times to create 3 groups and rename with HEADER, BODY and FOOTER...

a2

  6.          Put the logo.....

 P.s: can use (ctrl+t) to resize but just once time, cause the image will broke...

a3

7. Draw a shape on the body folder....Use the shape tool (u)...(image a4)

a4

 8. Put the image on the shape to create the slide.....

a5

 9. Click right click to choose create clipping mask to create the mask fix in the shape...

a6

 10. Repeat the step 8 and 9 until your quantities...

a8

11. Can lock on the folder name body. At the tools choose the tool is typing, the tool is symbolic a "T", if not also can use the short key on the keyboard (t).....

12. After that click the header folder and clicks 3 times on the folder symbol that is on the right bottom and rename with NAVI, NAVI HOLDER and NAVI CLICK...

14. Type word you like and choosing the colour put into the folder NAVI....

Example: I type and choose purple colour at this side...

a11

 15. Repeat the step on 14, but is in the NAVI HOLDER and please change the colour...

Example: I change the colour to dark pink...

a12

 16. Repeat the step on 14, but is on NAVI CLICK and also change colour...

Example: I use yellow at this folder...

a13

 17. This is the finally text...

a14

 18. Lock the folder of heading.

19. Find the social icon and copy right icon at internet...

20. Open the folder of "FOOTER" and put the social icon on the right bottom...

a15

21. Write the copy right...Example:sunnyyee copyright 2014

a16

Different web and print

WHAT IS RGB？？

RGB is the color scheme that is associated with electronic displays, such as CRT, LCD monitors, digital cameras and scanners. It is an additive type of color mode, that combines the primary colors, red, green and blue, in various degrees to create a variety of different colors. When all three of the colors are combined and displayed to their full extent, the result is a pure white. When all three colors are combined to the lowest degree, or value, the result is black. Software such as photo editing programs use the RGB color mode because it offers the widest range of colors.

P.s:The RGB more lighting..... 

 Conclusion is the RGB is use at

the digital software or eletrical......

 

WHAT IS CMYK？？？

Printers print color onto paper using the CMYK color mode only. This is a four color mode that utilizes the colors cyan, magenta, yellow and black in various amounts to create all of the necessary colors when printing images. It is a subtractive process, which means that each additional unique color means more light is removed, or absorbed, to create colors. When the first three colors are added together, the result is not pure black, but rather a very dark brown. The K color, or black, is used to completely remove light from the printed picture, which is why the eye perceives the color as black.

Conclusion:The print is use the CMYK.......

Publishing and Web Design WEEK 2(FRIDAY)‏‏

HTML Quotation and Citation Elements

 The HTML <q> element defines a short quotation.

Browsers usually insert quotation marks around the <q> element.

Example:



The HTML <blockquote> element defines a quoted section.

Browsers usually indent <blockquote> elements.

Example:



HTML <address> for Contact Information

The HTML <address> element defines contact information (author/owner) of a document or article.

The element is usually displayed in italic. Most browsers will add a line break before and after the element.

Example:




HTML <cite> for Work Title

The HTML <cite> element defines the title of a work.

Browsers usually displays <cite> elements in italic.

Example:


HTML Styling

Every HTML element has a default style (background color is white, text color is black, text-size is 12px ...)

Changing the default style of an HTML element, can be done with the style attribute.

This example changes the default background color from white to lightblue:






















key text

mind map