Photoshop

CMYK // RGB

색상이름

# Hexadecimal Colors

RGB(0,0,0)

red brown, tomato,..

#FF0000 , #A52A2A, #FF6347…

rgb(255,0,0), rgb(255,102,51),..

 

https://www.w3schools.com/colors/colors_picker.asp

1.  Bitmap vs Vector

2. jpg //gif //png //svg  //  etc.(js ……)
                                              
go hrer >>> https://processing.org/examples/


높은 해상도 디지탈 이미지 필요로 할 땐  .BMP//TIFF  하지만,  
web 에서는 기본 3가지에 지금의 SVG 까지 

           . JPG  Joint Photographic Experts Group의 약어 ( 전자기기 / DSLR Camera,tiff)
                     손실압축 방식, 압축률 우수.

           . GIF  Graphics Interchange Format의 약어
                     비손실압축 방식, 최대 256색까지 지원. (투명함 256 색상, 저사양 애니메이션 )

          PNG  Portable Network Graphics의 약어
                     비손실압축 방식, 트루 컬러 지원. (투명함. 최근 트랜드~~^^)
——————————————————————————————————–
.SVG  Scalable Vector Graphics  (Adobe illustrator 등의 백터 이미지 )

 <svg  width=”100″ height=”100″>
   <circle cx=”50″ cy=”50″ r=”40″ stroke=”green” stroke-width=”4″ fill=”yellow” />
 </svg>


*** Bootstrap ***
https://getbootstrap.com/

한국어 보기
http://bootstrapk.com/


<link crossorigin=”anonymous” rel=”stylesheet” href=”https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css” integrity=”sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4″ >

 

Photoshop Class handout  >>>> Download PDF   <<<<

Introducing the copyright attribute

Github
<img src="test_img.jpg" alt="Flying cat" copyright="cc-by sinaburo" />

This is an optional attribute that will complement the image tag. It is not a replacement of stating the copyright info on the page, but it will be a good attempt to notify the browser and web crawlers of the copyright held this picture.

The copyright attribute can take the values currently defined the creative commons and then some.

Type CC Notation Copyright Attribute Notation
Attribution CC BY cc-by
Attribution-NoDerivs CC BY-ND cc-by-nd
Attribution-NonCommercial-ShareAlike CC BY-NC-SA cc-by-nc-sa
Attribution-ShareAlike CC BY-SA cc-by-sa
Attribution-NonCommercial CC BY-NC cc-by-nc
Attribution-NonCommercial-NoDerivs CC BY-NC-ND cc-by-nc-nd
Public domain CC 0 cc-0
Non Creative Commons © c

The attribute can also include the year, and additional information. Here is an image correctly tagged with the appropriate copyrights:

<img copyright=”cc-by  2019 sinaburo.org/photography” src=”http://www.sinaburo.org/wp-content/uploads/2019/03/LOGO_sinaburo_colorways_orange_PNG.png” alt=”sinaburo Logo” />

sinaburo Logo 


>>> HTML Code editors
(notepad,  bracket , atom , subline text , visual studio, … … )

드림위버 ( Adobe Dreamweaver )  준비하기 
https://www.adobe.com/products/dreamweaver.html

12

 


sinaburoSCIENCE IN NATURE ART
AND BUSINESS WEB
EDUCATION ROUNDTABLE
Charity is a registered 501(c)(3) nonprofit Status.