网页设计基本框架图 - 首页网页设计的制作方法

网页设计基本框架图 - 首页网页设计的制作方法 ,对于想了解建站百科知识的朋友们来说，网页设计基本框架图 - 首页网页设计的制作方法是一个非常想了解的问题，下面小编就带领大家看看这个问题。

本文目录一览：

• 1、网页的布局类型有哪些?
• 2、首页网页设计的制作方法
• 3、网页布局都有哪种?一般都用什么布局
• 4、Dreamweaver中右对齐框架网页如何制作

各位老铁们好，相信很多人对网页设计基本框架图不是特别的了解，因此呢，今天就来为大家分享下关于网页设计基本框架图以及首页网页设计的制作方法的有关知识，还望可以帮助大家，解决大家的一些困惑，下面一起来看看吧！

网页的布局类型有哪些?

1、 卡片式网页布局 卡片式布局通常以一个浓缩的形式提供相关网页内容，非常适合在页面上放置大量内容，同时保持每个内容的鲜明性。卡片式布局有两种主要的布局格式：将等尺寸的卡片排列在网格上，或使用流畅的布局。例如，Pixso网站使用卡片显示社区资源设计案例。

2、左右框架型是一种左右为分别两页的框架结构布局，这种类型业非常清晰且一幕了然。一般左侧是导航链接，在最上方有个小标题或标志;右侧则是正文。上下框架型 上下框架型是一种上下为分别两页的框架结构布局。一般上方是导航链接，下方则是正文。

3、一般有七个步骤:页面大小、整体形状、页眉、正文、页脚、图片、多媒体。网页布局的常见类型 [1]“汉字”布局:“过”的布局是由“通”的布局演变而来，因与汉字“过”相似而得名。页面顶部一般放置网站logo和导航栏或Banner广告，页面中部主要放置网站主要内容，底部一般放置网站版权信息和联系方式。

4、网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。

首页网页设计的制作方法

1、第一步，右键单击计算机桌面上的空白区域以创建一个新的“文本文档”，如下图所示，然后进入下一步。完成上述步骤后，输入要在新创建的文本文档中显示的内容，如下图所示，然后进入下一步。

2、制作网页 材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。

3、设计版面的最好方法是:找一张白纸，一支笔，先将你理想中的草图勾勒出来，然后再用网页制作软件实现。三).处理技术上的细节 制作的主页如何能在不同分辨率下保持不变形，如何能在IE和NC下看起来都不至于太丑陋，如何设置字体和链接颜色...等等。

4、布局（以下用#ID表示页面元素）#Head和#Foot里的就不说了，具体查看演示页面源码。布局说的是将#Main里的内容分成几大块。#Main里典型的左右结构，用#Layout_1，#Layout_2表示。

5、 设计首页的第一步是设计版面布局。就象传统的报刊杂志编辑一样，我们将网页看作一张报纸，一本杂志来进行排版布局。虽然动态网页技术的发展使得我们开始趋向于学习场景编剧，但是固定的网页版面设计基础依然是必须学习和掌握的。它们的基本原理是共通的，你可以领会要点，举一反三。

网页布局都有哪种?一般都用什么布局

网站建设中网页设计布局大致可分为：“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型这九种。

不同性质的网站,其页面内容安排是不同的。一般网页的基本内容包括标题、网站标识图案(LOGO)、页眉、页脚、主体内容、广告栏等。下面简单说明:A、页面标题在站点的没一个页面中都有一个标题,用来提示页面的主要内容,着一信息将出现在浏览器的标题栏中,而不是在页面的布局中。

静态布局（Static Layout）即传统Web设计，对于PC设计一个Layout，在屏幕宽高有调整时，使用横向和竖向的滚动条来查阅被遮掩部分； 意思就是不管浏览器尺寸具体是多少，网页布局就按照当时写代码的布局来布置； 对于移动设备，单独设计一个布局，使用不同的域名如wap.或m.。

Dreamweaver中右对齐框架网页如何制作

dw制作简单框架网页全过程？第一首先在DW软件中创建一个HTML文件。然后点击工具栏上的插入。第二然后插入的选项窗口中，选择HTML。再选择框架。第三然后框架会弹出一个方向的选项窗口。选择对齐上缘。第四然后点击HTML文件下的拆分。在右边的效果栏就可以看到透明的白线。第五然后按shift键加F2键。

启动软件并创建空白HTML页面 双击打开Dreamweaver，进入操作界面。点击顶部菜单栏的 文件 → 新建，选择 空白页，文档类型设为 HTML，布局选择 无，点击右下角 创建。 插入表格布局 在页面右侧找到 插入 选项，点击后展开面板，选择 表格。

dreamweavercs6插入框架的方法如下：新建一个HTML空白页，在菜单栏中选择‘插入’---‘HTML'---'框架’---‘左对齐’。在弹出的‘框架标签辅助功能属性’对话框中选择框架值和标题。在设计视图中就会出现左右两个框架，菜单栏中选择‘文件’---‘保存全部’，在弹出的‘另存为’对话框保存为html。

dreamweaver网页制作步骤如下:定义站点 在任意一个根目录下创建好一个文件夹(我们这里假设为E盘),如取名为MyWeb。备注:网站中所用的文件都要用英文名。打开Dreamweaver,选择“站点—新建站点”,打开对话框。在站点名称中输入网站的名称(可用中文),在本地根文件夹中选择刚才创建的文件夹(E:web)。

关于网页设计基本框架图和首页网页设计的制作方法的介绍到此就结束了，不知道你从中找到你需要的信息了吗？如果你还想了解更多这方面的信息，记得收藏关注本站。

以上是关于网页设计基本框架图 - 首页网页设计的制作方法的介绍，希望对想了解建站百科知识的朋友们有所帮助。

本文标题：网页设计基本框架图 - 首页网页设计的制作方法；本文链接：https://zwz66.cn/jianz/236113.html。