저는 그것이 매우 포괄적 인 질문이지만, Ruby on Rails를 시작했으며, CSS와 HTML로 아직 멀었습니다. CSS 및 HTML 패턴에 대한 책이 많이 있지만 실제 웹 페이지에 실제로 적용되는 내용을 알고 싶습니다. 예를 들어, 측면 메뉴, 상단의 로고 및 아래의 텍스트가있는 간단한 웹 페이지를 만드는 가장 좋은 방법은 무엇입니까? 좋아, 어리석은 것처럼 보이지만 그 일을하는 방법이 많이 있거나 그렇지 않은가요?HTML 및 CSS의 디자인 패턴은 무엇입니까?
그럼 어떻게이 패턴을 배울 수 있으며 실제 패턴은 무엇입니까?
는 여기에 몇 가지 좋은 CSS 템플릿을 찾을 수 등 책, 기사,그것은 개발자 개발자에 따라 다릅니다. 그래서 내가하는 일을 말해 줄께!
저는 실제로 매우 일반적인 패턴을 따르고 있습니다 - 내용과 별도의 레이아웃을 사용하십시오!
되는 HTML가는 속으로
... ID를 가진 용기가그리고 CSS가 간다에서을 layouted 할
<div/>
<div/> 개의 레이아웃 컨테이너그것은 빠르게 심지어 HTML을 건드리지 않고 전체 페이지 디자인을 변경할 수 있습니다! CSS 파일은 HTML만큼 많이 변경되지 않기 때문에 캐시 될 수 있기 때문에 클라이언트 페이지의 서버 트래픽과로드 시간이 모두 줄어 듭니다.
게시 된 CSS Zengarden 네이트가이 패턴의 아주 좋은 예입니다. 완전히 다른 모습을 가진 수십 개의 CSS 파일과 동일한 수정되지 않은 HTML!
이 패턴을 사용하면 거대한 디스플레이, 작은 넷북 및 모바일 장치에서 자동으로 선택된 CSS 파일과 함께 동일한 수정되지 않은 HTML을 표시 할 수 있습니다. 네가 나 한테 부탁하면 더 나을 수 없어!
+1 !!!!!!!! –
흥분? 그러나 어쨌든 고마워! 나는 또한 당신 덕분에 배지를 가지고있다 :) 나는 흥분을 좋아한다! – LukeN
실제로 html과 css에는 패턴이 없습니다.
나는이 튜토리얼은 매우 유용 : Design and Code your first website
nettuts 웹 사이트는 많이 아프에게 아주 좋은 무료 자습서를 가지고있다.시작
아주 좋은 책이다 : 엄지 손가락의
규칙은 CSS의 모든 디자인을 할 수 있어야하며 HTML은 설계 호출하지 않고 단지 HTML입니다. 위와 같이 참조하면 디자인을 빠르게 변경할 수 있습니다. 이것은 내가 기능과 CSS 디자인의 아웃을 배운 내가 자주 사용하는 사이트입니다 http://www.csszengarden.com/
:
이 어떻게 작동하는지에 대한 좋은 참고가에서 Zengarden CSS 사이트입니다.
일부 CSS 라이브러리를 확인해보십시오.
저는 개인적으로 좋아하지 않습니다. 왜냐하면 제가하고 싶은 일을하고 싶을 때가 있고 때로는 내가하고 싶은 일에 충분히 융통성이 없기 때문입니다. 그러나 이제 막 시작한 이래로 플로트 드롭 버그 나 마진 붕괴 또는 다른 CSS 단점에 대해 걱정할 필요없이 정말 빨리 좋아 보이는 것을 얻을 수 있도록 도움을 줄 수 있습니다. 전에 그들을 보았습니다.
많은 다른 종류의 그리드 레이아웃을 설정하는 데 도움이되는 예제는 Yahoo User Interface (YUI) Grids CSS입니다. 좀 더 찾으려면 "css framework"또는 "css library"를 검색해야합니다.
다른 유용한 YUI 리소스는 공통적 인 인터페이스 항목을 표시하는 여러 가지 방법을 문서화하고 구현할 리소스를 제공하는 design pattern library 일 것입니다. 이렇게하면 인터페이스가 사용자에게 익숙해 보이도록 할 수 있으며 드롭 다운 상자 또는 다른 것을 다시 디자인해야하는 것처럼 느껴지지 않게됩니다.
CSS 디자인 템플릿에 대한 인터넷 검색을 시도해보십시오. –
http://stackoverflow.com/questions/35615/what-is-a-good-online-resource-for-css-design-patterns –