본문 바로가기

css19

웹에 사이드바 레이아웃을 작성하는 방법 및 작성하지 않는 방법 s idebar 레이아웃은 오늘날 웹에서 가장 일반적인 레이아웃 중 하나가 되었습니다. 온라인에는 사용자가 수평 탐색 레이아웃보다 수직 사이드바 탐색 레이아웃을 선호한다는 다양한 연구와 기사들이 있다. 대부분의 일상적인 앱에는 어떤 형태로든 사이드바가 있을 것입니다. 웹에서는 HTML과 CSS로 이 레이아웃을 구현하는 수많은 방법이 있다. 불행하게도 이러한 유연성은 접근성과 코드 가독성을 희생하는 보기 흉하고 진부한 사이드바 구축 방식으로도 이어졌다. 이 기사에서는 이러한 좋지 않은 접근 방식을 살펴보고 사이드바 레이아웃에 가장 적합한 접근 방식을 구축하겠습니다. 우리가 무엇을 만들 것인지 이해하는 것 바탕 화면 왼쪽에는 사이드바가, 오른쪽에는 나머지 콘텐츠가 표시되는 상당히 기본적인 레이아웃을 구축할 .. 2022. 3. 7.
새로운 페이지 오브젝트를 등록하기 전에 자신을 확인합니다. 환영합니다! 다음 10분 동안 페이지 오브젝트 선택기를 견고하게 만들기 위해 어떤 방법을 사용하는지, 그리고 가장 빠른 방법으로 자신을 확인하는 방법에 대해 알아보겠습니다. 문제는 고객이 개발자의 새로운 기능이 테스트로 적용되기를 원합니다. 이미 테스트 사례를 작성했으며 이제 테스트 사례를 자동화해야 하는 과제를 안고 있습니다. 응용 프로그램 페이지의 요소와 이러한 요소로 작업하기 위해 테스트에 사용하는 방법에 대해 설명해야 하는 많은 루틴을 수행해야 합니다. 하지만 매번 테스트를 실행하지 않고 원하는 단계로 통과할 때까지 기다리는 방식으로 요소를 설명할 수 있는 방법이 있을까요? 알아보자 #1 개발자와 협상을 시도합니다. 이 점은 명백해 보인다. 우리는 한 가지 제품을 작업 중이고 개발자는 그것을 테스.. 2022. 3. 7.
HTML 및 CSS를 사용하여 응답 등록 양식을 만들었습니다. 여러분 안녕하세요! 여러분 모두 잘 지내시길 바랍니다. 오늘은 HTML과 CSS만을 사용하여 응답형 등록 양식을 만든 방법을 시연하겠습니다. 제가 만든 이 등록 양식은 HTML과 CSS를 사용하여 가장 아름답게 구성되고 디자인된 웹페이지입니다. 초보자로서 HTML과 CSS가 뭔지 아시겠죠? 아니! 그것들은 엄밀히 말하면 프로그래밍 언어가 아니야. 그들은 구조와 설계를 웹 개발로 만드는데 사용된다. 그럼 HTML과 CSS를 사용하여 응답형 등록 양식을 만드는 것부터 시작하겠습니다. 소스 코드: (HTML) Registration Full Name Username Email Phone Number Password Confirm Password Gender Male Female Prefer not to say.. 2022. 3. 7.
CSS: 체계적이고 이해하기 쉬운 상태로 유지 이번 주 초에 저는 HTML을 체계적이고 이해하기 쉽게 유지하는 것에 대한 기사를 실었습니다. 오늘 저는 CSS와 조직과 계획의 중요성에 대해 말하려고 합니다. 앞서 언급했듯이, 저는 다시 한번 고려해보았습니다: 훌륭한 코드를 작성할 때 자신에게 물어보는 것이 무엇이 중요합니까? 다른 개발자가 쉽게 이해할 수 있는 방식으로 작성되었나요? 쉽게 수정할 수 있나요? 확장 가능합니까? 즉, 이 코드베이스가 성장에 적응할 수 있을까요? 우리는 다시 첫 번째 질문을 고려할 것입니다, 하지만 이번에는 Cascading Style Sheet와 관련하여. 2022. 3. 6.