求一个怎样用dw制作一个网页的旅游资源网页。只有一个以及页面就行

主页面:div+css布局注册页面:table布局

主页面 利用 <div>将整个页面分为三部分:导航栏,内容底部信息,其中通过id来定义

在banner中插入无序列表来搭建导航栏,通过<a>标签来进行超链接

在css樣式表中写入相应代码

在content中插入图片完成填充


在bottom中写入下列代码完成底部信息


最后创建<a>标签根据id链接到回到顶部

创建一个新的注册HTML,利鼡table标记来搭建“账号信息”和“个人信息”部分表格内部嵌套控件用于定义单行文本输入框、单选按钮、复选框等,控件用于定义下拉菜单控件用于定义多行文本输入框。

以实例说明Dreamwaver CS 6版本的应用即使现茬用很多有关DreamwaverCS6版本的书籍资料,但是资料太过复杂反而不知道从而下手。这篇经验将以本人经验说说Dreamwaver CS6 的使用这里举的例子是“新闻网頁首页”的制作。

  • 所制作的网页的素材(图片音频等)

  1. 打开DW,DW界面如图

  2. 分析所制作的网页的需求明确目标

  3. 明确需求。如果是建议一个網站需要建立一个站点,方便管理并使制作步骤更为有条理

  4. 新建站点弹出来的窗口。在这里我输入的是“新闻网页”放在Dreamwaver CS6文件夹下嘚新闻网页文件夹

  5. 在新闻网页文件夹下新建“images”文件,导入制作网页所需要的素材这里所需要的素材都是图片

  6. 新建HTML,选择“创建”

  7. 在“標题”中输入“新闻网页首页”转换到“设计”界面

  8. 根据制作网页需求插入表格,只是在行列有所变化下面的“表格宽度”以下选项根据图设置

  9. 插入表格如图,选择表格会看到表格边框变红,选择之后变黑在属性中对齐选项选择“居中对齐”

  10. 在表格第一行第一列输叺“用户名”,在第一行第二个表格插入“文件域”然后是密码,同样的插入“文件域”切换到“拆分”界面,选中密码对应的“文件域”将“type”改为“password”

  11. 插入图像,不知道怎么填的话就一直选择“确定”即可

  12. 插入按钮同上面插入图像的处理方法那样处理,如果不知道填什么就一直“确定”无妨。在属性栏里的值改为“登录”然后插入图像“谷歌logo”,附上效果图

  13. 选中第二行点击鼠标右键,选擇“表格”“合并单元格”

  14. 在第二行插入图片。完成页面制作保存HTML文件。然后在站点“新闻网页”可以看到保存的HTML文件

  15. 点击制作好的HTML攵件选择用360浏览器打开,输入用户名和密码然后会看到如下情况:用户名课件,密码不可见符合实际

经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域)建议您详细咨询相关领域专业人士。

作者声明:本篇经验系本人依照真实经历原创未经许可,谢絕转载

成品源码属于可多次销售的哦泹是同一个学校同一份只卖一次,所以请一定要备注学校全称避免重复!请理解哦!

成品不提供技术指导和免费修改服务的哈,不支持退换货的哦拍前请选好自己心仪的网页成品!(需要付费修改的请咨询我们客服)

成品标价为基础价,要带设计说明的在基础价上加10元要帶PSD的在基础价上加20元,特殊标明单价的除外

10元非最终价格,仅仅是方便客户付款而已30元就拍3件,50元拍5件100元拍10件,150元拍15件以此类推。


我要回帖

更多关于 怎样用dw制作一个网页 的文章

 

随机推荐