一步一步学做网页.pdf

网页制作是一项基础且重要的IT技能，尤其是对于想要建立个人网站或者从事Web开发的人来说。这份"一步一步学做网页"的教程通过使用开源软件NVU，引导初学者逐步创建一个基于模板的网页。模板来源于http://www.freecsstemplates.org，而完成的网页效果可以通过提供的链接查看。教程中还提到了一个实用的Firefox浏览器插件Screengrab，用于将整个网页保存为图片。 文档结构清晰，从整体布局到各个部分的尺寸都进行了详细说明。网页布局包括header、logo、导航条、左侧导航、右侧内容和页脚，这些元素的尺寸和位置都是通过CSS（Cascading Style Sheets）样式表来设定的。 在CSS设计方面，教程首先设置了页面的基础样式，如全局的body设置，包括宽度、外边距、内边距、背景色、字体家族、大小和颜色。接着，教程分别对不同级别的标题（h1, h2, h3）进行了统一和个性化的样式设定，调整了字符间距、大小和颜色。此外，对段落（p）、无序列表（ul）、有序列表（ol）的样式进行了设定，如文本对齐、行高和外边距。超级链接（a）的四种状态（link, visited, hover, active）的颜色和装饰也被详细地规定。 图片的处理也是网页设计中的关键环节。教程中展示了如何消除图片边框，并设置图片左浮动和右浮动，以及与文字的间距。表单元素的样式也得到了规范，包括输入框（input）、文本区域（textarea）和选择框（select）的字体和大小。 在创建header部分，教程特别强调了导航条菜单的宽度和高度，以及如何使用CSS使其居中显示。通过对#header的选择器定义，可以实现特定元素的样式控制。 这份教程详细介绍了网页制作的基本步骤，从下载模板到使用NVU编辑，再到利用CSS定制样式，涵盖了网页设计的核心概念。通过学习，初学者可以理解网页布局的逻辑，掌握基本的CSS语法，从而具备独立创建简单网页的能力。在实际操作中，还需要结合HTML标记语言，将内容和样式结合起来，才能最终呈现出完整的网页效果。