能把这些编码都弄会了，学起来还是很难的。下面就是这些编码，我们还是简单的学习一下。 1.Main Navigation 导航条，具有按钮特效。 Width: 760px Height: 50px 2.Header 网站头部图标，包含网站的logo和站名。 Width: 760px Height: 150px 3.Content 网站的主要内容。 Width: 480px Height: Changes depending on content 4.Sidebar 边框，一些附加信息。 Width: 280px Height: Changes depending on 5.Footer 网站底栏，包含版权信息等。 Width: 760px Height: 66px 第二步：创建html模板及文件目录等 1.创建html模板。代码如下： 复制代码代码如下: "1/DTD/"> 将其保存为,并创建文件夹css，images，网站结构如下： 2.创建网站的大框，即建立一个宽760px的盒子，它将包含网站的所有元素。 在html文件的和之间写入 Hello world. 创建css文件，命名为,保网页存在/css/文件夹下。写入： #page-container { width: 760px; background: red; } 控制html的id为page-container的盒子的宽为760px，背景为红色。表现如下： 现在为了让盒子居中，写入margin: auto;，使css文件为： #page-container { width: 760px; margin: auto; background: red; } 现在你可以看到盒子和浏览器的顶端有8px宽的空隙。这是由于浏览器的默认的填充和边界造成的。消除这个空隙，就需要在css文件中写入： html, body { margin: 0; padding: 0; } 第三步：将网站分为五个div，网页基本布局的基础:

大家在浏览网页的时候，肯定也会有想法，自己来做一个非常好看的互联网的页面想要设计网页的话，大家就需要准备很多的工具，也需要准备一些知识，这样你才能够设计出好看的网页。 大家需要准备知识，包括学会如何使用各种的工具软件，还应该要思考一下自己做网站的内容还有用途，确定一下网页的风格，最主要的网页设计就需要遵循简洁性，突出主题实用性，只有被需求了才能够生存下去。 大家还需要收集资料，比如网页里面可能会用到的图片文字，还有其他的一些内容，还需要善于使用搜索引擎来搜查自己所需要的材料，也应该要善于使用网络上面已经有的信息和内容。 关注自己所制作网页的内容，还有社会时代的相符性，及时的更新自己网页的版面，应该要把眼网页的时候，肯定也会有想法，自己来做一个非常好看的互联网的页面想要设计网页光得放长远一些不断的学习，现在互联网的发展是非常迅速的，只有不断的学习进步，才能够跟得上时代的潮流，这样你的网站才能够越办越好。

好在主页上发布信息，告诉前来访问的朋友，因有特殊情况需要离开一段时间，未能及时更新主页，希望各位见谅，这样就能给人一种对别人负责的感觉，同时能得到网友的信任。 4、注意视觉效果 设计Web页面时，一定要用1024*768的分辨率来 分别观察。许多浏览器使用1024*768的分辨率，尽管在1280*1024高分辨率下一 些Web页面看上去很具吸引力，但在1024*768的模式下可能会黯然失色。作一点小小的努力，设计一个在不同分辨率下都能正常显示的网页 5、随时注意网站升级 时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。 6、 网页内容要易读 网站设计最重要的诀窍，恐怕就是你的网页要易读 。这就意味着,你必须花点心思来规划文字与背景颜色的搭配方案。 注意不网页是否有点心动。一旦你具备了上网的条件，又萌发了制作主页的念头，那么就应该注意网页要使背景的颜色冲淡了文字的视觉效果，别用花里胡哨的色彩组合，让人看起来你的网页来很费劲。一般来说，浅色背景下的深色文字为佳 。这个要点要求你最好别把文字的规格设得太小、也不能太大。文字太小，人家读起来难受;文字太大，或者文字视觉效果变化频繁，像是冲着人大喊大叫，看起来不舒服。另外，最好让文本左对齐，而不是居中。

改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处十种网页设计软件文章十种网页设计软件出自，转载请保留此链接!。Dreamweaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。 (5)Fireworks 第一款彻底为Web制作者们设计的软件 Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的JavaScript。而且Fireworks具有十分强大的动画功能和一个几乎完网页美的网络图像生成器(Export功能)。它增强了与Dreamweaver的联系，可以直接生成Dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片! (6)Flash Flash是用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。FLASH虽然不可以像一门语言一样进行编程，但用其内置的语句并结合JavaScript，您也可做出互动性很强的主页来。 (7)Hotdog Professional Hotdog是较早基于代码的网页设计工具，其最具特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。Hotdog的高级HTML支持插入marquee，并能在预览模式中以正常速度观看。这点非常难得，因为即使首创这种标签的Microsoft在FrontPage中也未提供这样的功能。Hotdog对plug-in的支持也远远超过其他产品，它提供的对话框允许用户以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便十种网页设计软件网页程序设计。 (8)Home Site Home Site是一个小巧而全能的HTML代码编辑器，有丰富的帮助功能，支持CGI和CSS等等，并且可以直接编辑Perl程序。Home Site工作界面繁简由人，根据习惯，可以将其设置成像Notepad那样简单的编辑窗口，也可以在复杂的界面下工作 Home Site更适合那些比较复杂和精彩页面的设计，能完全控制制作的页面的进程。

改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处十种网页设计软件文章十种网页设计软件出自，转载请保留此链接!。Dreamweaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。 4. Fireworks 第一款彻底为Web制作者们设计的软件 Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的JavaScript。而且Fireworks具有十分强大的动画功能和一个几乎完网页设计所使用的软件因为使用对象、制作内容、网页美的网络图像生成器(Export功能)。它增强了与Dreamweaver的联系，可以直接生成Dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片! 5. Flash Flash是用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。FLASH虽然不可以像一门语言一样进行编程，但用其内置的语句并结合JavaScript，您也可做出互动性很强的主页来。 6. Microsoft Visual Studio 该系列的版本有：2003、2005、2008等版本; 适合开发动态的aspx网页，同时，还能制作无刷新网站、webservice功能等，仅适合高级用户。 7. Jbuilder 不论是各种版本，均适合使用其开发出JSP网页，仅适合高级用户。 以上就是我所要说的十种网页制作软件的一些信息，对于高级制作软件，限于水平，目前只能很简单的说一点，不是太了解。至于初级和中级制作软件，如果是新手的话推荐使用第一款Microsoft FrontPage很容易上手，等到一定程度，通过一定的学习后可以尝试使用中级软件，推荐使用第四款Dreamweaver软件，根据使用习惯. 希望对您有所帮助!

想做好一个网页，必须具备很多计算机知识。大家都明白，很多和文本、计算机语言、图片等才会构成一个成功的网页，而且，在网页的设计当中，这些基本元素之间都是相互联系的。其实在网页的设计中，更重要的是各种代码，也就是计算机语言。他之所以重要，就是因为网页的设计百分十八十都是通过代码来完成，即使你要贴一张照片，也必网页，必须具备很多计算机知识。大家都明白，很多和文本、计算机语言、图片等才会构成一个成功的网页须要输入相应的代码。沪江小编为大家找出了一些网页初级设计软件。 (1)Microsoft FrontPage 熟悉Word的用户，在使用FrontPage进行网页设计一定会非常顺手，这是一款与word有许多相似地方的软件。使用FrontPage制作网页，你能真正体会到“功能强大，简单易用

美的网页设计，对于提升企业的互联网品牌形象至关重要。 网页设计一般分为三种大类：功能型网页设计、形象型网页设计(品牌形象站)、信息型网页设计。设计网页的目的不同，应选择不同的网页策划与设计方案。 网页设计的工作目标，是通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的试听感受。 专业的网页设计，需要经历以下几个阶段：需要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，从而建立起营销模型。以业务目标为中心进行功能策划，制作出栏目结构关系图。根据用户反馈，进行页面设计调整，以达到最优效果。 我们生活在一个信息化的时代，我们有网页设计，大家可能都会想到这是一些大企业所设立的网站，以便于客户及员工对企业地了解。没错，这是网页权利在网上发表自己的动态。如果我们可以掌握网页设计技术，我们便可以我自己的全部记录下俩。虽然我们不能像大公司那样建立一个很完美的网站，但是我们可以先从简单的开始。

网页设计之前，我们一定要了解一些很重要的事情。很多人对于这个网页要是IE6、7、8)，需要使用。 三、在进行设计的时候不能使用绝对宽度 由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要。 具体说，CSS代码不能指定像素宽度： width:xxx px; 只能指定百分比宽度： width: xx%; 或者 width:auto; 四、相对大小的字体 字体也不能使用绝对大小(px)，而只能使用相对大小(em)。 body { font: normal 100% Helvetica, Arial, sans-serif; } 上面的代码指定，字体大小是页面默认大小的100%，即16像素。 h1 { font-size: 1.5em; } 然后，h1的大小是默认大小的1.5倍，即24像素(24/16=1.5)。 small { font-size: 0.875em; } small元素的大小是默认大小的0.875倍，即14像素(14/16=0.875)。