网页设计的做法，以最好地处理各种设备
我被认为是网页设计的新手，我发现在我的教育漏洞。我的教授使用Dreamweaver教我们，并简单地使用它，因为Dreamweaver做了80％的工作（这是通过商学院，效率是重点而不是质量）。
尽管我在课堂上得分高，但这并没有教会我什么。我正在做更多的网页设计，目前我无法理解如何编程来解决各种设备问题。我想知道的是代码示例，文章（我发现了一些，但没有任何有用的东西），或者其他可能有助于填补我的空洞的东西。
我想专业处理代码，处理屏幕宽度，浏览器和其他可能影响网页的设备怪癖。基本上我缺乏格式化的好习惯。感谢您的耐心和时间！网页设计的做法，以最好地处理各种设备
这里有一些很好的建议，虽然提到的一些事情可能会导致你一些混淆，因为你会第一次研究响应式设计。首先，您可以使用px尺寸，并且您并不总是必须使用％或em的。您选择的测量值取决于您的设计以及您希望如何响应。 SASS绝对值得学习，但现在它与你学习响应式设计无关。
在YouTube上有无数的教程（try this channel）关于构建基本的响应式网站。如果你想学习响应式网页设计，并真正理解背后的原则，那么我会推荐这本书Responsive Web Design。它很短的阅读，但是一个很好的资源。
另外你提到你的编程技巧有限，所以我假设你只有基本的HTML。虽然本质上HTML很容易理解，但当谈到构建响应式网站时，您确实需要额外关注语义标签，而不仅仅是HTML的布局。这又取决于你的设计，以及你希望你的网站在不同的屏幕尺寸上看起来如何，当你开始构建你的第一个项目时，为什么我已经提到了你的HTML布局的重要性，这将变得更加清晰。
非常感谢！我会研究这些链接。我确实理解了html语义标签，并使用css来解释一些设备怪癖，但不多。大多数人猜测我的工作是因为我说我的老师吸吮教学。我试图要求在代码级别教授一些东西，并且她吹嘘说企业需要量化，然后可以做到质量。当然，我们从来没有达到质量部分....非常失望。无论如何，再次感谢你！ –
出于好奇你在学什么？ –
该课程是通过位于格里利的UNC的Monfort商学院授课的基础网页设计。 –
如果您想要考虑多个设备及其特定宽度，您可能正在寻找media queries，这是CSS中使用的一种标记类型。
媒体查询以指定宽度创建断点，仅当屏幕高于/低于指定宽度时才应用某个css。这将允许您为多个设备创建不同的观看体验。
但是，媒体查询将无法处理动态更改的大小（请考虑调整浏览器大小）。为此，您需要对响应式网页设计进行一些研究。
你没有。您编写了一个响应式设计，在CSS中使用断点来满足屏幕中不同的大小。除了不同的图像大小（可能还有其他一些非常具体的项目），你不会在任何地方使用“px”。您可以使用'em'或'％'作为尺寸，并且可以为屏幕变得太窄而无论什么元素设置断点。你不关心浏览器的类型，因为你至少检查所有主要的浏览器，并确保它在所有浏览器中都能正常工作。你不会像Dreamweaver一样使用垃圾，并且确保遵循标准并使用语义HTML。 – junkfoodjunkie
在现代网络中存在CSS中的媒体查询，用于为不同的屏幕尺寸定义不同的样式。 Bootstrap或Foundation等很多现代框架已经使这一点变得简单。 SASS也很有趣，如果你想专业做事。 –