Dreamweaver网页设计实例_第1页
Dreamweaver网页设计实例_第2页
Dreamweaver网页设计实例_第3页
Dreamweaver网页设计实例_第4页
Dreamweaver网页设计实例_第5页
已阅读5页，还剩2页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

建立本地站点1.设计目标建立一个本地站点，定义站点名称、站点使用的本地根文件夹及默认的图像文件夹，为以后的页面制作和管理打好基础。本实例定义站点名称为ample，使用的本地根文件夹为D:\我的文档\sample,默认的图像文件夹为D:\我的文档\sample\image。Dreamweaver网页设计实例全文共7页，当前为第1页。2.制作步骤在Dreamweaver窗口中，执行站点——新建站点命令，打开一个对话框，选“高级”选项卡，输入上述内容。在本地站点sample下，新建一个空白网页，文件名设为index.html,按回车键，并单击右键将index.html执行“设成首页”命令。Dreamweaver网页设计实例全文共7页，当前为第2页。制作网页1.设计目标制作一个浅黄色背景的网页，在页面上通过添加文字和水平线，展示一个旅游文化地区的宣传内容，并且在页面的右下方显示出感谢信息和当前的日期。2.制作步骤（1）设置页面属性Dreamweaver网页设计实例全文共7页，当前为第3页。

在工具栏的“标题”文本框中输入网页标题，如“汴京旅游”，打开窗口底部的“页面属性”对话框，设置网页背景色为浅黄色“#FFFFCC”。（2）制作网页主体内容

1)输入页面的标题。“欢迎进入七朝古都汴京”，选中文本，在属性窗口上选字体为“华文行楷”，字号为36，字体颜色为“红色”，对齐方式为“居中对齐”。Dreamweaver网页设计实例全文共7页，当前为第4页。2)插入水平线。执行插入——HTML——水平线命令，在属性窗口上将水平线的宽度设置为500像素，高度设置为1像素，去掉阴影。3)制作导航内容。将输入法切换到全角中文的状态下，输入“新闻名胜美食特产住宿出行娱乐”，并按空格键调整与水平线的相对位置，将字体设置为“宋体”，字号为12、单位为点数，字体颜色为“#6633FF”，格式为“无”。

Dreamweaver网页设计实例全文共7页，当前为第5页。4)插入感谢信息和日期。连续按回车键，将光标移当前屏幕的底部，在属性窗口上选择“右对齐”，输入“谢谢您，今天是”，然后执行插入——日期命令，在对话框中选择一种日期格式，如希望日期随系统时间更新，可选“存储时自动更新”。5)插入图像。提前在image文件下准备好图片素材，在插入工具栏的“常用”分类中单击“图像”按钮或执行插入——图像命令，然后在属性窗口上将图像的尺寸宽和高设小一点如300×200。Dreamweaver网页设计实例全文共7页，当前为第6页。6）插入Flash动画。提前在站点sample下复制一个Flash影片文件，执行插入——媒体——Flash命令。7）设置超链接。首先新建几个网页如：xinwen.htmlmingsheng.html等。返回主页index.html，先在属性窗口上按“页面属性”按钮，设置链接颜色和已访问链接颜色及下划线样式。然后选中文本“新闻”，单击“浏览

人人文库> 全部分类> 行业资料 > 信息产业

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论