网页设计首页制作（这样设计主页）
本文目录
这样设计主页
一.网页设计软件的选择
设计主页首先要选择合适的工具软件，现在比较流行的网页制作软件是FrontPage和DreamWave。他们各有优缺点，FrontPage是微软出品的网页软件，也是Office系列软件的组成部分。最新的FrontPage2000中文版在Office2000的软件包中可以找到。如果对Office有一定的基础，会用Word的人，很开就可以学会使用FrontPage，它的最大优点之一就是易学易用。另外FrontPage制作的网页在IE浏览器中的效果也特别好。但是，如果你希望网页在Netscape或其他浏览器上有良好表现，那么使用FrontPage就有些麻烦。不是说不可以，只是很容易出错。在这方面DreamWave就好很多，毕竟是第三方的软件。DreamWave是由MacroMedia公司出品的网页制作软件，最新版本是3.0，功能也同样很强大。不过学习起来要难一些，而且IE浏览器的一些高级功能就无法实现了。各有所长，只有自己权衡了。另外不要将两个软件交替使用，否则会出现混乱。
二.网络服务商的选择
现在提供免费主页空间的网站非常多，当然也有收费的。选择什么好呢？千万不要认为什么“无限主页空间”就是最好。这里的讲究非常多的。首先要明确服务商提供的是什么操作系统的服务器，如果你使用FrontPage编写主页，最好选择WindowsNT服务器，这样效果最好。另外还有Linux和Unix的服务器也很多见，用这些服务器的话要注意一个问题，就是文件名的大小写一定要清楚。一般的Windows用户会觉得这不是问题，因为微软的习惯，文件名大小写是不区分的。但是Linux和Unix不是这样，比如你有一个top.jpg的图片上传，然后在HTML超连接写成了top.JPG，扩展名写成大写了。在本地看这个HTML文件很正常，图片显示正确。但等你上传到服务器上，你会发现根本无法显示文件。解决这个问题的最简单办法是所有的文件名和扩展名都用小写英文字母，而且不要用长文件名。当然，如果是WindowsNT服务器，就不用担心这个问题。
如果只是做简单的主页，那只需要得到相应的主页空间就可以了。但如果做高级一些到主页，就牵涉到一些网络程序的执行，这就需要CGI权限甚至数据库权限。一般的网络服务器上是不会免费提供这些功能的，而且收费往往不低。对于一般的个人主页完全没必要苛求这些，不然维护费用会很大，除非确实想做出一个很好的站点。免费主页空间的另外一个问题是服务商随时有权关闭服务，因为不承担任何承诺，这样你的成果可能会白费，所以要找一些比较可靠的主页空间，最好是已经提供较长时间服务，且有一定知名度的。
另外，不同的服务商使用的网络服务器和线路也不尽相同，访问的更新速度差异也非常大。要选择线路速度快一些的主页空间，不然会大大影响来访者的兴趣。最好使用本地的网络服务器，因为跨区域的网络线路往往比较拥挤。
还有，网络服务商提供怎样的主页维护方式也很重要。如果提供FrontPage扩展的”之类的。其实这些都是二级域名，一些网络公司免费提供的而已。这些都称不上永久域名，因为公司随时可以停止服务的。最好是能拥有自己的国际顶级域名，这才是永远属于你自己的。其实这也并不是一笔非常昂贵的费用，但确是主页长期发展的根本保障。当然，如果觉得没必要，使用免费二级域名也不错。
首页网页设计的制作方法
页面分为四层：框架、布局、模块、列表和数据块。
框架页面的框架基本上都是：“头”、“主体”、“尾”。还应在“头”的下面还要加个“菜单”。
布局（以下用#ID表示页面元素）#Head和#Foot里的就不说了，具体查看演示页面源码。布局说的是将#Main里的内容分成几大块。#Main里典型的左右结构，用#Layout_1，#Layout_2表示。如图
模块布局#Layout_1，#Layout_2里的块就是模块了，按我的理解，模块至少要有一个ID，Class则要视页面设计，给需要重用的加上。关于模块的ID名称，要取个有意义的名字，可以用#Col_1，#Col_2，。。。模块的Class名称用.cols_1，.cols_2，。。。
模块内部的如下图 ：
列表和数据块模块的主体是由列表组成的，而列表里则包含数据块。页面上的信息其实就是不同类型的列表。应将典型的列表方式提取出来，放在公用样式里（public.css）。需要定义到public.css里的列表至少要有以下三种：
.list-v 垂直列表方式 (图片和文字成垂直排列) .list-h 水平列表方式 (图片和文字成水平排列) .list-t 文字列表方式
数据块其实是微格式的一个变相应用，给不同的数据元素定义固定的结构。Tudou.com 需要定义的数据块有：
.mVideo (视频) .mList (豆单) .mUser (用户)
比如 .mVideo 应该是这样的：
最后，附上关键字表，就是一些用于公共定义的ID和Class名称。
本文相关文章：
2026年10月9日 09:40
2026年10月9日 03:40
adobe dreamweaver（Adobe Dreamweaver的设计视图怎么样）
2026年10月9日 03:30
3d设计软件（3D平面设计软件有哪些，3D平面设计最好用的是哪个软件）
2026年10月9日 00:50
效果图设计师（#效果图设计师#请问一下现在这个行业平均工资是多少）
2026年10月8日 10:30
2026年10月8日 10:20
2026年10月7日 23:30
2026年10月7日 18:30
2026年10月7日 16:50
2026年10月7日 13:40
更多文章：
2026年10月11日 06:50
2026年10月11日 06:40
2026年10月11日 06:10
2026年10月11日 06:00
2026年10月11日 05:50
湖北十堰爆炸事故原因（湖北十堰，发生爆炸事故致11死，酿成这起惨剧的起因是什么）
2026年10月11日 05:30
安徽六安一女子在奥迪车内被殴打扒衣，警方称是感情纠纷，案件会如何定性？安徽六安教师讨薪事件真相是什么
2026年10月11日 04:40
2026年10月11日 03:40
2026年10月11日 03:20
2026年10月11日 03:10
