论文部分内容阅读
虫虫织网记之三：
2007年2月2日 晴
嘿，大家好，虫虫我又回来啦。前段时间，从框架到网页配色，我们对网页整体的关注要多一些，其实网页是由文字、图形、表格、Banner条等多种元素组合而成，现在让我们逐个击破，一一加以分析，今天就先从文字下手。
实战：用Dreamweaver排一篇漂亮的网页文章
首先做些准备工作，在Photoshop中设计好网页框架及所有图形的部分（或使用我们制作好的PSD文件来练习：http://work.newhua.com/cfan/200703/insect-1-0-2.rar），再切割输出为网页，假设输出的网页文件为：insect-1-0-1.html。
第1步 在Dreamweaver MX 2004中打开上面的网页，可以看出它实际上就是一个大表格。如图1所示，点击最大的那个单元格，按Delete键删除里面的空白图像。在下面的属性面板中，把“垂直”设置为“顶端”，然后输入文字内容。
第2步 虽然可以直接设置字体、字号，但是更专业的做法则是使用样式来设置。单击属性面板上“样式”下拉按钮，选择“管理样式”打开编辑样式表窗口，单击“新建”，在打开的窗口中将名称改为容易记的名字，如“一级标题”，再把“定义在”设置为“仅对该文档”，其他取默认值（见图2）。
第3步 点击“确定”，弹出“一级标题”的样式定义窗口，这里提供了大量选项，如字体、大小、行高、颜色、边框等，根据需要设置即可。最后点击“确定”返回。继续点击“新建”按钮，重复上面的步骤依次再建立其他样式，如：二级标题、三级标题、引言、正文等。
第4步 设置完成后，单击“完成”返回Dreamweaver。此时选中文字，再单击属性面板中“样式”下拉按钮，会发现刚才定义的所有样式都在这里，按需要选择即可。
字体选择的技巧
网页文章的主标题一般选择Sans-Serif（对应中文的黑体）类字体，大小在18～24pt(磅)之间为宜。英文的主标题左齐排列比较好看，中文主标题则最好居中排列。为了不让标题显得过于紧凑，行高的设置至少要比文字大6pt或更多。
副标题字体即可与主标题不同而显得错落有致，也可与主标题相同显示出谐调之美。副标题的字号要小，一般在12～14pt之间。颜色要比主标题浅一些。
正文一般选择Serif（对应中文的宋体）类字体，英文大小以9～12pt之间为宜，中文则最好在10.5～12pt之间。
另外传统书本上的中文段落一般段首要空两字。而在网页设计中，可以借鉴英文网页的设计，段落都齐头排，但是每一段落之间一定要加一空行，这样制作网页的时候方便，看的人也舒服。
当然上面只是虫虫我在比较若干网页后得出的结论，具体应用时我们还要活学活用，比如有些网页，标题用Serif体，正文用Sans-Serif体，效果也不错。
相关链接：
文字在平面设计中的运用
网址：http://bbs.cfan.com.cn/thread-431679-1-1.html
字体在线比较工具
网址：http://www.howardesign.com/exp/fonts/compare.html
20个设计优秀的博客
网址：http://silentbits.com/2006/ 06/22/top-20-weblog-designs/
2007年2月2日 晴
嘿，大家好，虫虫我又回来啦。前段时间，从框架到网页配色，我们对网页整体的关注要多一些，其实网页是由文字、图形、表格、Banner条等多种元素组合而成，现在让我们逐个击破，一一加以分析，今天就先从文字下手。
实战：用Dreamweaver排一篇漂亮的网页文章
首先做些准备工作，在Photoshop中设计好网页框架及所有图形的部分（或使用我们制作好的PSD文件来练习：http://work.newhua.com/cfan/200703/insect-1-0-2.rar），再切割输出为网页，假设输出的网页文件为：insect-1-0-1.html。
第1步 在Dreamweaver MX 2004中打开上面的网页，可以看出它实际上就是一个大表格。如图1所示，点击最大的那个单元格，按Delete键删除里面的空白图像。在下面的属性面板中，把“垂直”设置为“顶端”，然后输入文字内容。
第2步 虽然可以直接设置字体、字号，但是更专业的做法则是使用样式来设置。单击属性面板上“样式”下拉按钮，选择“管理样式”打开编辑样式表窗口，单击“新建”，在打开的窗口中将名称改为容易记的名字，如“一级标题”，再把“定义在”设置为“仅对该文档”，其他取默认值（见图2）。
第3步 点击“确定”，弹出“一级标题”的样式定义窗口，这里提供了大量选项，如字体、大小、行高、颜色、边框等，根据需要设置即可。最后点击“确定”返回。继续点击“新建”按钮，重复上面的步骤依次再建立其他样式，如：二级标题、三级标题、引言、正文等。
第4步 设置完成后，单击“完成”返回Dreamweaver。此时选中文字，再单击属性面板中“样式”下拉按钮，会发现刚才定义的所有样式都在这里，按需要选择即可。
字体选择的技巧
网页文章的主标题一般选择Sans-Serif（对应中文的黑体）类字体，大小在18～24pt(磅)之间为宜。英文的主标题左齐排列比较好看，中文主标题则最好居中排列。为了不让标题显得过于紧凑，行高的设置至少要比文字大6pt或更多。
副标题字体即可与主标题不同而显得错落有致，也可与主标题相同显示出谐调之美。副标题的字号要小，一般在12～14pt之间。颜色要比主标题浅一些。
正文一般选择Serif（对应中文的宋体）类字体，英文大小以9～12pt之间为宜，中文则最好在10.5～12pt之间。
另外传统书本上的中文段落一般段首要空两字。而在网页设计中，可以借鉴英文网页的设计，段落都齐头排，但是每一段落之间一定要加一空行，这样制作网页的时候方便，看的人也舒服。
当然上面只是虫虫我在比较若干网页后得出的结论，具体应用时我们还要活学活用，比如有些网页，标题用Serif体，正文用Sans-Serif体，效果也不错。
相关链接：
文字在平面设计中的运用
网址：http://bbs.cfan.com.cn/thread-431679-1-1.html
字体在线比较工具
网址：http://www.howardesign.com/exp/fonts/compare.html
20个设计优秀的博客
网址：http://silentbits.com/2006/ 06/22/top-20-weblog-designs/