网页设计 百文网手机站

DW制作网页的基本步骤

时间:2022-12-20 15:49:31 网页设计 我要投稿

DW制作网页的基本步骤

  网页设计作为一种视觉语言,特别讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处。下面是DW制作网页的基本步骤,希望能给大家带来帮助!

  DW制作网页的基本步骤:创建网页页面——插入标题文字——设置文字的格式——设置网页的标题和背景颜色——设置背景颜色——插入图像——输入文本文字——预览网页。

  网页制作方法:创建网页页面

  1、在Dreamveaver中“文件—新建—常规—基本页—HTML”,这就建好了一个页面,英文版的默认为文件名untitled.htm。中文版的默认为文件名“无标题文档”。htm表示的是这个网页文件是一个静态的HTML文件。可以给它改名为index.htm。

  2、在标题空格那里输入网页的名称,点击—页面属性,打开这个窗口后在这里可以设置网站标题、背景颜色还有背景图像,超级链接颜色,其他都保持默认值就可以了。

  3.这个时候光标在左上角,你可以输入一句话,如“欢迎大家来到我的主页”,用文字,用菜单“窗口/属性”打开属性面板,取文字的大小,再把文字设置为居中,然后在文字的前面敲几下回车就位于页面中间了。

  4.要选取字体,即选择字体中的最后一项:即编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体,点击中间的按钮就可以加入了。

  注:在网页上一般最常用的是就宋体字。切将特殊的字体加到列表中使用,因为可能别人的电脑上没有安装看不到。如果有需要用的话,一定要做成图片后再使用。下面拿一个现成的例子来给大家说一下:在开始做之前我们先分析一下这个页面,看看这里这个页面用到了哪些东西。网页最顶端的标题“我的主页”这四个字。网页中间是一张图片。最下端的是欢迎词。网页背景是一白色。构思好这个网页的结构,我们就可以开始制作了。首先启动Dreamweaver,确保你已经建好了一个网站。为了制作方便,要事先打开资源管理器,把要用的图片放到网站目录images文件夹里。

  【首先插入标题文字】

  进入到页面编辑中,设计视图状态。一般的情况下,编辑器的默认方式是左对齐,光标位于左上角,光标所在的位置就是插入点的位置。如果想让文字居中插入的话,点击属性按钮就可以了。中文状态下输入“我的主页”。字的大小没关系,我们对它进行设置就可以了。

  【设置文字的格式】

  先选中文字,在属性面板中将字体格式设置成默认字体,大小随意更改。并选中“B”把字体加粗。

  【设置文字的颜色】

  先选中文字,在属性面板中,单击颜色选择图标,在弹出的颜色选择器中用滴管选取颜色即可。

  【设置网页的标题和背景颜色】

  点击“修改”菜单中的“页面属性”。系统自动弹出页面属性的对话框,请在文本标题输入框内填入标题“我的主页”。

  【设置背景颜色】

  网页的背景可以是图片,当然也可以是颜色。这个例子是颜色。如上所诉打开背景颜色选择器进行选取。如果背景要设置为图片,则点击背景图象“浏览”按钮,系统自动弹出图片选择对话框,点击图片就可以了。

  【插入图像】

  选择以下方法:

  (1)插入菜单:在“插入”菜单选“图像”,弹出“选择图像源文件”对话框,选中该图像文件,单击确定即可。一个图片就插入完毕了。

  【输入文本文字】

  在图片右边空白处有单击,回车换行。仍然按照上面的方法,输入文字“欢迎大家来到我的主页”然后,对文字进行设置,保存页面。一个简单的.页面就完成了。

  【预览网页】

  在页面编辑器中按F12预览网页效果。网站的首页一般我们通常存盘取名时为index.htm。

  制作网页用什么软件

  1、Coolsite360。特点有可复制模板,更可任性DIY,无需编程,在线创建,自动适配桌面及移动端。

  2、AdobeDreamweaver。简称“DW”,中文名称"梦想编织者",最初为美国MACROMEDIA公司开发,2005年被Adobe公司收购。

  3、Flash。是由macromedia公司推出的交互式矢量图和Web动画的标准,由Adobe公司收购。做Flash动画的人被称之为闪客。

  4、Fireworks。是由Macromedia推出的一款网页作图软件,软件可以加速Web设计与开发,是一款创建与优化Web图像和快速构建网站与Web界面原型的理想工具。

  5、Frontpage。Frontpage,是微软公司出品的一款网页制作入门级软件。FrontPage使用方便简单,会用Word就能做网页,因此相对Dreamweaver等软件更容易上手。

  网页制作要注意什么

  1、首先,网页必须有一个好的定位。也就是说,网站中每个页面之间的连接必须对用户来说是清晰的,这样用户就可以随时知道网站当前位于哪个栏目。

  其次,网页的构成要有优先级,设计师要有导演、策划主角和配角的能力,整个设计要有一定的视觉流程,先看在哪里给用户好的视觉体验。

  2、避免过多不必要的元素。其实图片和动画太多会影响网站的质量。所以我们建议一些没有意义的元素,比如视觉上没有意义的Flash动画和图片,背景音乐,不必要的JavaScript特效等等。

  除非必要,否则在网站设计中应尽量少用。因此,如何将网站的视觉美感与访问者的良好体验以及网站的下载速度和特效相结合,将是设计师非常重要的问题。

  3、网站风格符合企业形象。为了加深访问者对企业或商品的印象和消费者的形象,网站制作的风格必须与企业的整体形象一致,从而突出网站或企业的特点。

  4、网站内容一定要一目了然。当用户访问我们的网站时,如果30秒内没有看到感兴趣的内容,他们通常会选择离开我们的网站,去其他相关网站甚至同行业的网站。

  所以网页中明显的、吸引人的内容或者标题是非常重要的,尤其是网站的首页。一般来说,首页是整个网站中访问量比较大的地方,所以一定要注意网站首页的文案和设计。

  5、丰富的信息和内容。网站内容丰富,信息齐全,会让客户愿意长期停留,甚至推荐给亲朋好友浏览,会给我们的网站带来更多的人气,一定会为我们的网站创造更多的商机。

【DW制作网页的基本步骤】相关文章:

制作网页,dreamweaver的基本步骤02-23

Dreamweaver制作网页的基本步骤10-09

用Dreamweaver制作网页的基本步骤09-29

Dw网页设计制作小技巧09-21

关于用Dreamweaver制作网页的基本步骤07-20

网页设计基本步骤10-05

网页设计的制作步骤11-14

怎样制作网页 制作网页详细操作步骤03-08

dw网页设计模板08-09