Yusri Graphic Design: PUBLISHING AND WEB DESIGN

WEBSITE

Steps for build house/website

LAND
House(land)
We need land to be used as the site for the construction of a building or housing with the availability of land or area, it can be built successfully.

Website server
A web server is a computer system that processes requests via HTTP, the basic network protocol used to distribute information on the World Wide Web. The term can refer either to the entire system, or specifically to the software that accepts and supervises the HTTP requests.
The primary function of a web server is to store, process and deliver web pages to clients. The communication between client and server takes place using the Hypertext Transfer Protocol (HTTP). Pages delivered are most frequently HTML documents, which may include images, style sheets and scripts in addition to text content.
A user agent, commonly a web browser or web crawler, initiates communication by making a request for a specific resource using HTTP and the server responds with the content of that resource or an error message if unable to do so. The resource is typically a real file on the server's secondary storage, but this is not necessarily the case and depends on how the web server is implemented.
While the primary function is to serve content, a full implementation of HTTP also includes ways of receiving content from clients. This feature is used for submitting web forms, including uploading of files.
Many generic web servers also support server-side scripting using Active Server Pages (ASP), PHP, or other scripting languages. This means that the behaviour of the web server can be scripted in separate files, while the actual server software remains unchanged. Usually, this function is used to create HTML documents dynamically ("on-the-fly") as opposed to returning static documents. The former is primarily used for retrieving and/or modifying information from databases. The latter is typically much faster and more easily cached but cannot deliver dynamic content.
Web servers are not always used for serving the World Wide Web. They can also be found embedded in devices such as printers, routers, webcams and serving only a local network. The web server may then be used as a part of a system for monitoring and/or administering the device in question. This usually means that no additional software has to be installed on the client computer, since only a web browser is required (which now is included with most operating.

DESIGN
House (design)
The design is an important factor for the construction of a home or website. It is a view or a form can be designed by the owner itself with the desired picture.

Website (design)
Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; interface design; authoring, including standard code and proprietary software; user experience design; and search engine optimization. The term web design is normally used to describe the design process relating to the front-end (client side) design of a website including writing mark up.

APPARATUS/MATERIAL
House
Addition in terms of the internal, the owner should put the desired items to beautifying the home.It also can cover parts of the House, such that become more comfortable.

Website
Material is the metaphor
A material metaphor is the unifying theory of a rationalized space and a system of motion. The material is grounded in tactile reality, inspired by the study of paper and ink, yet technologically advanced and open to imagination and magic.
Surfaces and edges of the material provide visual cues that are grounded in reality. The use of familiar tactile attributes helps users quickly understand affordances. Yet the flexibility of the material creates new affordances that supercede those in the physical world, without breaking the rules of physics.
The fundamentals of light, surface, and movement are key to conveying how objects move, interact, and exist in space and in relation to each other. Realistic lighting shows seams, divides space, and indicates moving parts.

Bold, graphic, intentional
The foundational elements of print-based design—typography, grids, space, scale, color, and use of imagery—guide visual treatments. These elements do far more than please the eye. They create hierarchy, meaning, and focus. Deliberate color choices, edge-to-edge imagery, large-scale typography, and intentional white space create a bold and graphic interface that immerse the user in the experience. An emphasis on user actions makes core functionality immediately apparent and provides waypoints for the user.

BUILD

House (build)
Now u have land, house design and you have plan for interior design so you need to build the house to get the final result of your plan and work. In this stage you may have a little plan change because sometimes we got trouble and disturb our schedule.

website
Create your own website based on your idea. You need to combine three first step to create website.You can create website use many method for example you can use notepad .

ADDRESS/COMMUNICATION

HOUSE
Every house must have address to make easier connection in system. Address is a prove to let people know that is your house.

WEBSITE
Any launch of a new website, revamp of an existing site or new functionality addition to a site, should be communicated as wide as possibly to users both within and outside the European institutions.
The information communicated should be aimed at increasing the visibility and popularity of the new site and should stress its usefulness, improvements and novelty in order to increase the number of users and pass its message to the widest possible and most relevant audience.
Promoting a website usually involves a set of activities before, during and/or after the official launch. You may involve both internal and external parties or resources and a single means or a variety of different means. It might be destined to a specific target audience or to a variety of target audiences.
All information related to the promotion of a website should be defined and included in a separate communication plan, or could be part of a wider communication plan.

HTML

HTML or HyperText Markup Language is the standard markup language used to create Web pages.

HTML is written in the form of HTML elements consisting of tags enclosed in angle brackets (like <html>). HTML tags most commonly come in pairs like <h1> and </h1>, although some tags represent empty elements and so are unpaired, for example <img>. The first tag in a pair is the start tag, and the second tag is the end tag (they are also called opening tags and closing tags).

Different web and print(WEEK 2)

RGB.

A common color mode, RGBstands for the colors of Red, Green, Blue. Add red, green, and blue light to create white light. Because you ADD the colors together to get White, we call these RGB colors the additive primaries. Colors on screen are displayed by mixing varying amounts of red, green, and blue light.

Working with images destined for the screen or the Web, we designate colors by the amount of red, green, or blue in the color. In your graphics software these numbers might look like this: 255 RED 255 GREEN 0 BLUE. A number between 1-255 designates the amount of each RGB color.

CMYK

CMYK is a scheme for combining primary pigments. The C stands for cyan (aqua), M stands for magenta (pink), Y for yellow, and K for Key. The key color in today's printing world is black but it has not always been. During the early days of printing, the colors used for Key have been brown, blue, or black -- whichever was the cheapest ink to acquire at any given time.

The CMYK pigment model works like an "upside-down"version of the RGB (red, green, and blue) color model. Many paint and draw programs can make use of either the RGB or the CMYK model. The RGB scheme is used mainly for computer displays, while the CMYK model is used for printed color illustrations (hard copy).

There is a fundamental difference between color and pigment. Color represents energyradiated by a luminous object such as a cathode ray tube (CRT) or a light-emitting diode (LED). The primary colors are red (R), green (G), and blue(B). When you see a red area on a CRT, it looks red because it radiates a large amount of light in the red portion of theelectromagnetic radiation spectrum (around 750 nanometers), and much less at other wavelength. Pigments, as opposed to colors, represent energy that is not absorbed by a substance such as ink or paint. The primary pigments are cyan (C), magenta (M), and yellow (Y). Sometimes black (K) is also considered a primary pigment, although black can be obtained by combining pure cyan, magenta, and yellow in equal and large amounts. When you see yellow ink on a page, it looks yellow because it absorbs most energy at all visible wavelengths except in the yellow portion of the spectrum (around 600 nanometers), where most of the energy is reflected.

The primary pigments and the primary colors are mathematically related.Any two pure radiant primary colors (R, G, or B), when combined,produce radiation having the appearance of one of the pure non-black primary pigments (C, M, or Y). Any two pure non-black primary pigments, when mixed, produce a substance having the appearance of one of the pure primary colors. These relationships are depicted in the illustration.

The primary colors RGB, combined at 100-percent brilliance,produce white. The primary pigments CMY, combined at maximum concentration,produce black. Shades of gray result from the equal (but not maximum) brilliance of R,G, and B, or from equal (but not maximum) concentrations of C, M, and Y. If you have a paint or draw program such as Corel DRAW! that employs both the RGB and the CMYK schemes, you can investigate these relationships by filling in regions with solid colors using one mode, and examining the equivalent in the other mode. After a while you will develop an intuitive sense of how these schemes work, how they resemble each other, and how they differ.

In general, the RGB mode should be used when preparing graphics intended mainly for viewing on computer displays. The CMYK mode should be used when creating illustrations for print media.

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

Process....

. Open the Adobe Photoshop (PSD)...

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

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

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

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

-Put the logo.....

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

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

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

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

-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...

This is the finally text...For my menu.

-Lock the folder of heading.
-Find the social icon and copy right icon at internet...
-Open the folder of "FOOTER" and put the social icon on the right bottom...
- Write the copy right...Example:sunnyyee copyright 2014