소프트웨어, 수학 자료 정리 소프트웨어, 수학 자료 정리

인터넷 서버에 가입한다.

FTP 를 설치한다.

HTML 화일을 서버에 보내기 위해서

w3school, mozilla 웹사이트를 참고하여 만든다.

엑셀, 마인드맵을 활용하여 전체 흐름도를 만든다.

(책) (사용자를)생각하게 하지마라

(책) 디자이너가 아닌 사람들을 위한 디자인북 : 배치, 정렬, 반복, 대비

ux 디자인 추천 서적

참고: https://brunch.co.kr/@ebprux/200

통일성, 균형미가 느껴지게 만든다.
수정하기 편하게 만든다.
외부 파일 div 에 넣기 include another html in div in html file.

https://stackoverflow.com/questions/8988855/include-another-html-file-in-a-html-file?rq=1

div 단점 보안을 위한 대안

https://dev.to/kenbellows/stop-using-so-many-divs-an-intro-to-semantic-html-3i9i

Layout, Grid 만들기

보는 사람이 가장 쉽게 이해할 수 있는 레이아웃을 만든다.

F 패턴

Z 패턴

3 등분

황금 비율

(참고서적) 레이아웃 불변의 법칙

div 태그를 사용하여 만든다.

예제>

https://www.w3schools.com/w3css/w3css_templates.asp

아래 링크는 같은 높이 칼럼 만들 때 사용

https://www.w3schools.com/howto/howto_css_equal_height.asp

반응형 웹 :

화면을 모니터 크기에 자동으로 맞춘다, 예를 들면 데스크탑, 스마트폰이다.

Menu 만들기

top navigation menu(tab)

dropdown menu

multi-level dropdown menu

tree menu예제: https://codepen.io/bisserof/pen/fdtBm

tab menu

mind map: https://codepen.io/sblamey/pen/nBdeo

target in div

기능: 선택 된 메뉴에 표시 .active 활용한다.

텍스트

< div style="text-align:justify"> 글자들을 직사각형 틀에 넣기

Font 종류, 크기

타이포 그래피 참고

website color schemes 활용할 것

3가지 정도의 색으로 구성할 것

이미지

사진, 드로잉, 아이콘, 동영상 구도, 편집 등 법칙을 알고 만들것

큰 이미지를 사용할 것

이유 : 큰 것을 작게 만들 수 있기 때문이다.

참고: https://www.w3schools.com/howto/howto_js_slideshow.asp

style.css 를 이용할 것

이유:

한번에 같은 내용들을 수정할 수 있다. 작업 시간을 줄인다.

예쁜 디자인을 만들수 있다.

수학식, 차트 사용할 때

javascript 이용할 것

예제)

http://jsxgraph.uni-bayreuth.de/wiki/index.php/Showcases

Include another HTML file in a HTML file

I have 2 HTML files, suppose a.html and b.html. In a.html I want to include b.html. In JSF I can do it like that: It means that inside a.xhtml file, I can incl...

stackoverflow.com

Variation on Kenneth Kufluk's js-mindmap