在开始制作之前，我们先对这个页面进行一下分析。看看这个页面用到了哪些东西。
1网页顶端的标题“我的主页”是一段文字。
2网页中间是一幅。 □最下端的欢迎词是一段文字。
3网页背景是一深紫红颜色。 构思好这个网页的结构，我们就可以开始制作了。
1
解决方法与步骤：
1首先启动Dreamweaver，确保你已经用站点管理器建立好了一个网站(根目录)。 为了制作方便，请您事先打开资源管理器，把要使用的收集到网站目录images文件夹内。
2
2然后在创建新项目下面点击HTML，下面常用到的有javascrpt，和CSS样式。
3进入页面编辑设计视图状态。在一般情况下，编辑器默认左对齐，光标在左上角闪烁，光标位置就是插入点的位置。如果要想让文字居中插入，点属性面板居中按钮即可。启动中文输入法输入“我的主页”四个字。字小不要紧，我们可以对它进行设置。
2
4使用插入栏：单击插入栏对象按钮>选按钮，d出“选择图像源文件”对话框，其余 *** 作同上。
5使用面板组“资源”面板(如下图)：点按钮，展开根目录的文件夹，选定该文件，用鼠标拖动至工作区合适位置。
6在右边空白处单击，回车换行。仍然按照上述方法，输入文字“欢迎您„„”然后，利用属性面板对文字进行设置。保存页面。 一个简单的页面就这样编辑完毕了。
5
7在页面编辑器中按F12预览网页效果。 网站中的第一页，也就是首页，我们通常在存盘时取名为indexhtm。
6
在很多时候，我们都需要html的静态页面代码，那么我们介绍一下静态页面的代码。
<html></html>：静态网页源代码首尾结构标记，代码内呈现网页所有内容
<body bgcolor>=背景色；</body>：网页主体部分
<title></title>：标签内显示出网页台头的标题名，用于<head></head>标签之内
<meta name=关键字 content=IT，教育，网络”>：设定搜索关键字你好。首先下载Dreamweaverexe并打开，选择你使用的编辑语言，本案例用html
打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。
打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。打开表格属性编辑表格属性。插入1行和5列，表格宽度为1130,（即为网页的宽度），边距，间距分别为0，此表格只是为了定位，因此不设边框。
设置好表格后，可在表格里面插入你的内容，首先我们插入logo,点击插入—图像—选择你要插入的。点确定即可完成logo插入。表格的小大高度都可根据设计图需要调整，鼠标移到表格边框虚线即可拖拉调整高度或宽度。如图所示
接下来我们来做搜索框，点击插入—表单—插入文本域—确定。插入文本框后可点击文本框调整文本框的属性。根据设计图，文本框上班还要添加内容，因此，可选择单元格右击选择表格—拆分单元格，此处是需要添加一行的内容，因此拆分为两行，如图所示。
用同样的办法拆分上面的行，因为要添加10个选择项，因此拆分为10列（右击选中的行—拆分单元格—10列—确定）。拆分好后在小格里面添加文字内容即可。表格大小可根据步骤四调整。
接下来我们做搜索按钮，同样根据设计图要把表格拆分为两行。点击插入插入按钮的。
接下来给按钮添加链接，本次经验分享的是静态网页，因此在此先跟大家分享怎么直接添加按钮链接。同样是点击插入—添加超级链接,填写你事先做好的页面链接，或者其他网站链接。
剩下的内容都可根据方法步奏逐渐添加，调节细节即可完成你想要设计的网页。如图所示是上面步奏所做的静态页面，把所有做好的网页用超级链接链接起来即可做成一个简单的网站
另外我们还可以采用front page。也可以很容易的实现。
望采纳。
第一，网站的目录结构和URL的设计。
对于网站结构SEOer建议是选择扁平化结构，这个结构主要是针对中小型企业网站，对于大中型型网站笔者建议采用树形加网状结构更有利于整体网站的布局。无论你选择哪种结构都要记住其目录文件不要超过三层，目录中加关键词，而URL当然是越短越好。
第二，网站导航结构的设计。
网站导航是用户接触网站的第一选择，导航不仅可以指引用点击还可以为搜索引擎蜘蛛提供枝干爬行路径。对于网站导航的设计我们的要求是主导航要醒目清晰，尾部的双导航要直观明了，导航要选择面包屑导航，方便用户和蜘蛛能更清楚的明白自己所处的位置。首页可以添加整体网站地图，并且将当前最大用户需求的流量页面突出在首页。
第三，网站框架结构。
在html页面中框架的展现标签。但是小编并不喜欢框架结构网站，因为大多数的搜索引擎至今依旧无法识别框架，这对搜索引擎而言不是一个友好的存在。
第四，网页设计中的细节优化。
1、优化。网页制作无可避免的就是的展示，搜索引擎要很喜欢文图结合的形式，有图有真相同样是用户喜欢的样式。但是我们要尽量避免网站全部用来做，这样对于网站优化来说就是一个很大的失分点了，而对于网页中的部分我们一定要记得添加alt属性标签，因为搜索引擎可以抓取到文本描述，而对于内页的可以在其上方或者下方添加关键词，文本链接到页面。为了提高网页访问速度在保证质量的前提下记得要压缩文件的大小。
2、Flash优化。flash可以使页面更加生动化，同样可以获得用户的好感，而对于搜索引擎来说这个绝对是很大的漏洞，因为搜索因为无法识别flash文件。那么为了后期的网站优化，网页设计师要做的工作就是做辅助html版本，将flash内嵌在html文件中。
3、表格的使用。我们在查看一下网站的源代码的时候经常会看到table样式，其实将文本放置在不同的表格中，管理方便，加载速度也快，但是笔者却不建议大幅度的来使用。因为相对于cssdiv布局网站，它所占空间是比较大的。
网页设计
网页设计（webdesign，又称为WebUIdesign，WUIdesign，WUI），是根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。
网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。
网页设计的工作目标，是通过使用更合理的颜色、字体、、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。
网页设计主要以Adobe产品为主，常见的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代码工具，其他是图形图像和FL动画工具。还有最近几年Adobe新出的EdgeReflow、EdgeCode、Muse。
你好。首先下载Dreamweaverexe并打开，选择你使用的编辑语言，本案例用html打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。
打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。打开表格属性编辑表格属性。插入1行和5列，表格宽度为1130,（即为网页的宽度），边距，间距分别为0，此表格只是为了定位，因此不设边框。
设置好表格后，可在表格里面插入你的内容，首先我们插入logo,点击插入—图像—选择你要插入的。点确定即可完成logo插入。表格的小大高度都可根据设计图需要调整，鼠标移到表格边框虚线即可拖拉调整高度或宽度。如图所示
接下来我们来做搜索框，点击插入—表单—插入文本域—确定。插入文本框后可点击文本框调整文本框的属性。根据设计图，文本框上班还要添加内容，因此，可选择单元格右击选择表格—拆分单元格，此处是需要添加一行的内容，因此拆分为两行，如图所示。
用同样的办法拆分上面的行，因为要添加10个选择项，因此拆分为10列（右击选中的行—拆分单元格—10列—确定）。拆分好后在小格里面添加文字内容即可。表格大小可根据步骤四调整。
接下来我们做搜索按钮，同样根据设计图要把表格拆分为两行。点击插入插入按钮的。
接下来给按钮添加链接，本次经验分享的是静态网页，因此在此先跟大家分享怎么直接添加按钮链接。同样是点击插入—添加超级链接,填写你事先做好的页面链接，或者其他网站链接。
剩下的内容都可根据方法步奏逐渐添加，调节细节即可完成你想要设计的网页。如图所示是上面步奏所做的静态页面，把所有做好的网页用超级链接链接起来即可做成一个简单的网站
另外我们还可以采用front page。也可以很容易的实现。
望采纳。
1、突出产品主题，避免繁琐
关于广告的主题，很多人会犯一个错误，认为传达的信息越多，用户越有兴趣，其实不然，现在人们的时间很有限，信息泛滥的时代，如何能突出产品主题，让用户一眼就能识别广告含义，才是最重要的，避免繁锁内容，减少客户的阅读负担。
2、要善于突出重点文字
文字描述是用来给用户看的，所以一定要把重点文字突出，比如五一打折活动，一定要把五一吐出来，字样一定要大，要醒目，其余的则需要相应的弱化。
3、按照客户的阅读习惯来设计
一般人们的阅读习惯都是从左到右、从上到下的，所以网站设计网站banner时候也要遵循这个规律，不要相反，会让人很不舒服。
4、产品展示要能激发客户的欲望
信息爆炸的时代，客户浏览网页的注意力是几秒钟，所以要第1时间进行产品的展示，命中主题。
5、过度的色彩不要太耀眼
色彩搭配固然重要，但是不能太过夸张，会让访问者感觉刺眼、不友好甚至产生反感。产品，色彩不是多多益善，适合最重要，易于识别是关键。如果太多，产品信息就会被淹没，视觉效果大打折扣。
关于网站设计如何做好banner设计，环球青藤小编今天就和您暂时分享到这里了。如果您对网站设计、页面排版、图像处理方面比较感兴趣，希望分享的这篇文章可以给您的学习或工作提供帮助。如若您还想了解更多关于平面设计的素材及技巧等内容，可以点击本站的其他文章进行学习。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）