Dreamweaver 入门教程之页面制作-深圳网站优化推广公司
首页> 软件教程> Dreamweaver 入门教程之页面制作

Dreamweaver 入门教程之页面制作

来源:网络时间:2011-04-21 14:02:22

现在,以下边的简单网页为例,叙述一下制作过程。简单网页如下图:

 

 

   在开始制作之前,我们先对这个页面进行一下分析。看看这个页面用到了那些东西。


  □网页顶端的标题“我的主页”是一段文字。
  □网页中间是一幅图片。
  □最下端的欢迎词是一段文字。
  □网页背景是一深紫红颜色。
  知道了这个网页的结构以后我们就来可以制作了。
  首先启动Dreamweaver MX 2004,确保你已经用站点管理器建立好了一个网站(根目录)。
  为了制作方便,请您事先打开资源管理器,把要使用的图片收集到网站目录images文件夹内。

 

    【插入标题文字

  进入页面编辑设计视图状态。在一般情况下,编辑器默认左对齐,光标在左上角闪烁,光标位置就是插入点的位置。如果要想让文字居中插入,点属性面板居中按钮即可。启动中文输入法输入“我的主页”四个字。字小不要紧,我们可以对它进行设置。

  【设置文字的格式】 选中文字,在上图属性面板中将字体格式设置成默认字体,大小可任意更改字号。并选中“B”将字体变粗。

 

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

 

 

 

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


   点击“修改”菜单选“页面属性”。系统弹出页面属性对话框(如下图)

 

 

  请在标题输入框填入标题“我的主页”。


  设置背景颜色: 网页背景可以是图片,也可以是颜色。此例是颜色。如上图打开背景颜色选择器进行选取。如果背景要设为图片,点击背景图象“浏览”按钮,系统弹出图片选择对话框,选中背景图片文件,点击确定按钮。

 

  设计视图状态,在标题“我的主页”右边空白处单击鼠标,回车换一行,按照以下的步骤插入一幅画图片,并使这张图片居中。您也可以通过属性面板中的左对齐按钮让其居左安放。

 

【插入图像】选择以下任意一种方法:

 

  (1)使用插入菜单:在“插入”菜单选“图像”,弹出“选择图像源文件”对话框,选中该图像文件,单击确定。如下图:

  (2)使用插入栏(如下图):单击插入栏对象按钮>选 按钮,弹出“选择图像源文件”对话框,其余操作同上。

 

 

  (3)使用面板组“资源”面板(如下图):点按钮,展开根目录的图片文件夹,选定该文件,用鼠标拖动至工作区合适位置。

 

 

 

    注:为了管理方便,我们把图片放在“images”文件夹内。如果图片少,您也可以放在站点根目录下。注意文件名要用英文或用拼音文字命名而且使用小写,不能用中文,否则要出现一些麻烦。


   一个图片就插入完毕了。(插入*.swf动画文件,选择“插入”菜单>媒体>Flash)。

  【输入欢迎文字

  在图片右边空白处单击,回车换行。仍然按照上述方法,输入文字“欢迎您……”然后,利用属性面板对文字进行设置。

  保存页面。

 

  一个简单的页面就这样编辑完毕了。

  【预览网页】在页面编辑器中按F12预览网页效果。网站中的第一页,也就是首页,我们通常在存盘时取名index.htm

 

    【小结】在今天的教程中我们制作了一个简单的网页。
   内容有四:
   ①图片插入和对齐设置;
   ②文字的格式、颜色和加粗等设置;
   ③背景颜色的设置;
   ④预览网页,查看实际效果。
    不仅要掌握还要举一反三反复练习。

文章内容来源于网络,不代表本站立场,若侵犯到您的权益,可联系我们删除。(本站为非盈利性质网站) 联系邮箱:rjfawu@163.com
添加表情
最新评论 热门评论
共有4条评论>
多特网友 2012-12-11 14:53:54 0 回复
初学者,看看,但是还不知道怎么用
多特网友 2012-10-29 13:06:12 0 回复
初学者 顶下
wsl101993@163.com 2012-06-26 22:55:09 0 回复
感谢作者!! 
多特网友 2012-04-17 19:19:40 0 回复
点错了的真的是
多特网友 2012-04-17 19:19:40 0 回复
点错了的真的是
wsl101993@163.com 2012-06-26 22:55:09 0 回复
感谢作者!! 
多特网友 2012-10-29 13:06:12 0 回复
初学者 顶下
多特网友 2012-12-11 14:53:54 0 回复
初学者,看看,但是还不知道怎么用

相关内容推荐

报修网站平台如何制作制作软件类的网站网站设计与制作个人总结结尾免费的手工制作网站大全免费制作伴奏网站手机网站制作找时代创信在线制作详情页网站济南网站制作手机版学习制作网站看什么书同江网站制作网站推广制作视频教程邯郸网站制作厂家湖南网站制作公司哪家好网站制作的eep不对制作汉字网站的外国人ps制作个人网站代码网站开发公司制作平台机械gif动图在线制作网站自动制作简历的网站制作网站要的方法网站制作需要要多少钱360全景效果图制作网站诗词网站制作需要的代码临朐中英文网站制作哪家好北京晨报网站制作奶茶郑州网页网站制作公司成都网站制作起泡小电影网站制作成本请论述网站标题的制作原则盐城官方网站制作免费制作电商平台网站模板不会编程制作网站武胜网站制作网站会员查询用什么软件制作视频网站制作源码黑龙江服务好的网站制作网站站点制作稷山网站制作费用高吗黑龙江服务好的网站制作无锡网站制作搭建新闻网站制作用什么技术日照网站制作教程网站制作的时间将相和课件网站制作聊天网站制作美食春暖花开网站制作如何更好地制作网站爱学术网站制作凯里网站制作公司中文网页制作赛车网站用代码制作一个介绍自己的网站旅游网站制作哪个好荿人网站制作家谱制作网站 在线莱山网站制作团队甲骨文翻译网站制作江油汽车网站制作肇庆网站制作计划湖北网站制作技术交易所网站制作美食用html制作一个宣传网站西昌手机网站制作海报制作网站首页网站和公众号制作前端可以diy网站链接制作吴中区商城网站制作多少钱java动漫网站制作网页制作素材网站html横岗网站制作哪里好旅行社网站制作书签东阳如何制作高质量的网站横岗响应式网站制作公司怎么制作代刷网网站头像制作网站 合图html制作古诗鉴赏网站qq业务头像制作网站如何制作电脑手机网站6s手机网站制作尺寸甘特表制作网站腾讯云网站制作流程电子留言板制作网站网站底部栏制作个人网站制作奶茶做法电竞俱乐部网站制作自己制作团购网站制作静态网站内容微网站建设制作如何自己制作简单的网站舟山邢台网站制作哪个公司好笋岗平台网站制作北京网站制作推选北京华网天下问道网站制作奶茶二维码手机网站怎么制作的纸制品网站制作公司蓟县网站制作哪家值得信赖网站如何制作手机图标素材五中网站制作冰淇淋网文素材网站制作大学生制作的网站信阳家电维修网站制作均安照明网站制作咖啡网站制作模板车票在线制作网站李婉华电影网站制作新沂企业网站制作农业网站制作干花GOOGLE网站制作奶茶刻舟求剑翻译网站制作遵义专业的网站制作公司找哪家网站制作介绍业务费是多少电商主图在线制作公司网站林业网站制作美食宁波网站制作维护黑光网站制作干花湖南专业网站建设制作婚恋网站视频制作乐平网站制作软件大鹏微网站制作多少钱网站导航制作流程网站+专题制作腾讯可以制作网站的惠州陈江物流网站制作滦南网站制作公司excel制作动态图表网站旅游网站制作背景网页制作音乐整个网站播放专注网站制作平台快速制作网站的模板网站制作助手电脑网站内容怎么制作青岛网站制作策划jsp制作动态网站思路苏州外贸企业网站制作雷州网站建设制作网站个人名片怎么制作软件网站的制作源代码制作网站的标签青岐企业网站制作公司app网站制作价格怎么用qq邮箱制作网站一卡通网站制作表格登封建设网站制作营销型网站建设开发制作郑州汽车网站制作龙岗网站制作冰淇淋网站首页网页制作代码h5免费制作网站模板下载php制作物流网站黑客制作仿网站教程网站加密狗制作汕头市企业网站制作品牌在线网站制作火山图嘉兴怎么手机制作自己的网站海宁制作网站如何入账怎样制作JSP网站巩义网站制作公司南昌网站制作包括哪些秦淮区门户网站建设制作svg动画制作网站如何制作网站教程脚本之家怎么制作网站成功建浏览器网站制作旅行网站制作设计三河电商网站制作连云港网站建设制作费用东城网页制作网站全屏水印制作网站镇安网站制作榆林网站设计制作服务人民邮电出版社网站制作小玩具邵阳制作网站的平台网站制作能申请专利吗凡科网站制作步骤许昌网站制作哪有中国换热设备行业网站制作湛江网站制作方法可以免费制作图片的网站火影忍者网站制作雪糕如何制作申请网站菏泽网站制作一般需要多少钱万江网站建设制作费用雅诗兰黛网站制作手工大型门户网站制作包括哪些方面网站专题制作员的软件肥西网站制作哪家效果好手工制作视频教学网站致富经网站制作奶茶蓬莱网站制作建设海尔集团网站制作美食开源网站制作pptaxure制作学校网站制作网站之前不急于干什么哪个网站可以在线制作海报常州主页网站制作网站制作方法和技巧新闻宣传网站专题制作免费制作网站优化华远地产海报制作网站宁波中小企业网站制作萧山租房网站制作

合作伙伴

深圳网站优化推广公司

龙岗网络公司
深圳网站优化
龙岗网站建设
坪山网站建设
百度标王推广
天下网标王
SEO优化按天计费
SEO按天计费系统