导航:首页 > 万维百科 > 网页设计怎么规划布局代码

网页设计怎么规划布局代码

发布时间:2020-09-27 05:06:38

1、求一个html + css的网页布局代码

不知道你说的高度全屏什么意思,给你写了段代码,自己在调试一下
<table width=100% border="1" cellspacing="1" cellpadding="1" style="text-align:center;">
<tr>
<td style="width:100%; height:30px;">第一部分</td>
</tr>
<tr>
<td><table style="width:100%;" border="1"cellspacing="1" cellpadding="1">
<tr>
<td style="width:200px;">第二部分</td>
<td>第三部分</td>
</tr>
</table>
</td>
</tr>
</table>

2、网页设计:用DW怎么布局网页的样式或框架,网页设计常用的代码有哪些?

使用css或者div都行,静态网页设计代码主要就是一些表格,层,超链接,css这些,动态网页就有Javascript脚本语言,还有Java语言

3、网站设计时页面怎么布局比较好

一、 TABLE方式

优点:

1、简单易用:比较适合入门级的用户操作,用户可直接利用Dreamweaver(以下简写为“DW”)工具栏插入表格,设置长宽、对齐方式、属性等就可以轻松制作出一个页面了。

2、立见效果:当用户插入一个TABLE的时候就可立即看到效果。

3、可读性好:语句编写较为简便,主要代码就是<TABLE></TABLE>、<TR></TR>、<TD></TD>等语句。

4、制作较快:新建网站时,从DW中直接拖入TABLE比编写DIV要快速很多。

5、兼容性较强:TABLE设计由来已久,得到浏览器的广泛支持,故而基本上没什么错位现象。

缺点:

1、代码繁多,<TABLE><TR><TD><TD></TR>< /TABLE>这是构成一个表格的最基本元素,相对<DIV></DIV>编写来说,代码繁多。

2、网页打开速度较慢:后台代码太多,导致网站打开速度慢。

二、 DIV+CSS方式

优点:

1、标准化的页面结构:DIV+CSS是行业标准,是WEB发展的趋势。

2、代码简洁:<DIV></DIV>较TABLE来说代码精简许多。

3、页面浏览速度较快: 对于同一个页面视觉效果,采用DIV+CSS重构的页面容量要比TABLE编码的页面文件容量小得多,代码相对而言是很少的,浏览器加载的不多,故而速度相对较快。

4、页面布局灵活:DIV+CSS使得页面布局方便操作灵活,改版时只需改CSS样式即可实现页面重新布局,而不用改动程序,从而降低了网站改版的成本。

缺点:

1、可观性差:用户在编辑的时候并不能立即看到编辑效果,需要预览才可看到。

2、建站繁琐:相对于新手来说,对代码不是很了解,操作起来很是麻烦。

3、兼容性较差:DIV+CSS设计的网站在IE浏览器里面正常显示,到火狐浏览器中有可能面目全非,故设计时需要把不同浏览器样式都考虑进去。

以上TABLE与DIV+CSS的对比中我可以得出,用DIV+CSS建设页面要好的多,同时也是网站建设的发展趋势。如果对html语言已经很了解,或者需要进行SEO优化,想做关键词推广,那最好是用DIV+CSS来实现,这样网站的流量和页面浏览速度会快一些。

4、网页设计里怎么布局和布局代码怎么写?或者是直接在“设计”里面实现

布局的话得要学习DIV+CSS,你看下10天快速学习DIV+CSS估计就可以了

5、html网页设计的排版布局

为什么每行都要独立写一个css呢?你每行都起相同的class名 ,统一写样式就好了 ,至于左右布局的方法很多,浮动,flex布局,都可以用 。

6、网页制作,如何规划页面.

一、复杂方法

在手工制作个人网站的时代,我们可以总结出的网站制作步骤基本为:设计、切割、代码生成、发布。而在此之前,应该规划出网站的结构,包括页面数、栏目设置等。

1.设计

进行页面总体规划,包括风格、布局等。网站制作要有整体风格,各部分要保持协调,整个页面看起来才不显得凌乱。然后用平面设计软件制作整个页面,常用的软件有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面设计的大拿,笔者也一直用它做页面设计,它从6.0版开始特别增强了对网页制作的支持,显得非常方便。现在流行的Fireworks是Macromedia网页制作三剑客的重剑手,由于它与Dreamweaver及Flash无缝集成,越来越受到网站制作人的欢迎。

2.切割

做完第1步,我们得到的只是一个图片文件,还没集成网页上应该有的元素。接下来要将图片按制作需求切割成小图。切割功能前面提到的两个设计软件中已经集成了(如Photoshop中提供的切片工具),不需要专门的软件来处理。

3.代码生成

这是整个制作过程中最重要的一环。我们要用HTML语言将切割下来的组件按整体设计“拼装”回去。众所周知,HTML语言是一种标记型语言,不须要编译就可以直接在浏览器中执行。所以理论上,我们可以用记事本等文本编辑工具来写代码。手写代码虽然被看作是一种很“酷”的行为,但是很耗时间,而且很难精确地控制格式。这时,便该专门的HTML编辑软件出场了。

HTML编辑软件大体上可分为两类:一类是代码型,典型代表为Homesite、Hotdog等;一类是所见即所得型,典型代表为Frontpage。也有两者兼具的,就是大名鼎鼎的Macromedia Dreamweaver。代码型实际上就是一个文本编辑器,不同的是,它可以有专门的代码提示功能,用起来比较方便。所见即所得是目前大家最推崇的方式,因为可视化的编辑基本丢弃了代码,方便快捷。

说到Dreamweaver,笔者就不多介绍了,我相信大部分的网站制作人都使用它在工作。Dreamweaver提供了代码编写模式和设计模式(即所见即所得),并且首次将“层”概念引入网页制作。Dreamweaver几乎可以满足所有人的需求,甚至还提供了ASP、PHP等脚本语言的代码提示。

4.发布

将制作好的页面放到服务器上,以便更多的人能浏览。发布通常采用FTP的方式,将文件上传到服务器。目前的网页制作工具基本上都有发布工具,可以通过各种方式发布你的页面,如Dreamweaver中的“站点管理器”。用户亦可使用FTP客户端软件进行这步操作。

7、html制作网页中如何规划内容的布局

1.工具介绍:Dreamweaver
2.页面设计效果
2.1 页面组成分析
2.2 页面实现
2.3 亮点分析
3.总结

8、一般网页设计是用什么布局的?代码还是设计软件呢

网页设计也称前端,是根据HTML和CSS布局完成简单静态页面的一种设计,当然,这是需要用代码来写的。使用设计软件把网页设计出来的叫平面设计,不叫网页设计。望采纳

9、网页设计右边怎么布局布局

1、严格意义来说dw并不能用来设计网页,设计网页都是在平面设计工具里完成的,比如在ps里面设计好网站的效果图,在ps里面切图。

2、dw只是个网站代码编写工具,使用dw编写代码会比较方面,因为有很多的快捷功能。但是对于高手来说,是用记事本都可以编辑网站的。

3、dw的编辑面板主要有三种视图,分为 “代码”“拆分”“设计”,如下图

在制作网站的时候,能够用到的主要是“代码”视图功能。“设计”和“拆分”视图很少用到,只有当网站代码出现问题的的时候用来查找错误,对于有一年多代码编写经验的人来说,就已经用不到了。

4、在dw中编写制作网站的代码主要是div+css,也是就是html。网站布局也是通过html代码来实现的,比如maigin 与padding position 都是来控制div的布局和位置的。

所以,在dw里面设计网页布局网站并不是dw的功能,还是通过代码实现的。

与网页设计怎么规划布局代码相关的知识