网页设计是创建网站的过程。它包含几个不同的方面，包括网页布局，内容制作和图形设计。虽然网页设计和网页开发这两个术语经常互换使用，但网页设计在技术上是更广泛的网络开发类别的一个子集。
使用称为HTML的标记语言创建网站。Web设计人员使用HTML 标记构建网页，这些标记定义了每个页面的内容和元数据。网页中元素的布局和外观通常使用CSS或级联样式表定义。因此，大多数网站都包含HTML和CSS的组合，用于定义每个页面在浏览器中的显示方式。
一些网页设计师喜欢手工编写代码页(从头开始输入HTML和CSS)，而其他人则使用像Adobe Dreamweaver这样的“ WYSIWYG ”编辑器。这种类型的编辑器为设计网页布局提供了可视化界面，软件自动生成相应的HTML和CSS代码。设计网站的另一种流行方式是使用WordPress或Joomla等内容管理系统。这些服务提供不同的网站模板，可用作新网站的起点。 然后，网站管理员可以使用基于Web的界面添加内容并自定义布局。
网页设计
虽然HTML和CSS用于设计网站的外观，但必须单独创建图像。因此，图形设计可能与网页设计重叠，因为图形设计者经常创建在Web上使用的图像。某些图形程序(如Adobe Photoshop)甚至包含“ Save for Web ... ”选项，该选项提供了一种以Web发布优化的格式导出图像的简便方法。
代表“超文本标记语言”。HTML是用于创建网页的语言。“超文本”是指HTML页面可能包含的超链接。“标记语言”是指这样的标签来定义页面内的页面布局和元素。
下面是用于定义具有标题和单个文本段的基本网页的HTML示例。这是HTML中段落的示例。
第一行定义文档包含的内容类型。“ ”表示该页面是用HTML5编写的。格式正确的HTML页面应包含和标记这些标记都包含在上面的示例中。页面标题元数据和引用文件的链接放在标记之间。页面的实际内容介于标签之间。
该网站已经通过过去几十年了许多变化，但HTML一直是用于开发网页的基本语言。有趣的是，虽然网站变得更加先进和互动，但HTML实际上变得更加简单。如果将HTML5页面的源与HTML 4.01或XHTML 1.0中编写的类似页面进行比较，则HTML5页面可能包含的代码较少。这是因为现代HTML依赖于级联样式表或JavaScript来格式化页面中的几乎所有元素。
注意：许多动态网站使用服务器端脚本语言(如PHP或ASP)即时生成网页。但是，即使动态页面也必须使用HTML格式化。因此，脚本语言通常会生成发送到Web浏览器的HTML
css代表“级联样式表”。级联样式表用于格式化网页的布局。它们可用于定义以前只能在页面的HTML中定义的Web页面的文本样式，表大小和其他方面。
CSS帮助Web开发人员在网站的多个页面上创建统一的外观。不是在页面的HTML中定义每个表格和每个文本块的样式，而是需要在CSS文档中仅定义一次常用样式。在级联样式表中定义样式后，任何引用CSS文件的页面都可以使用它。此外，CSS可以轻松地同时更改多个页面的样式。例如，Web开发人员可能希望将网站的50个页面的默认文本大小从10pt增加到12pt。如果页面都引用相同的样式表，则只需在样式表上更改文本大小，并且所有页面都将显示较大的文本。
虽然CSS非常适合创建文本样式，但它也有助于格式化网页布局的其他方面。例如，CSS可用于定义表格单元格的单元格填充，表格边框的样式，粗细和颜色，以及图像或其他对象周围的填充。CSS使网站建设人员能够更精确地控制Web页面的外观，而不是HTML。这就是今天大多数网页都包含级联样式表的原因。
