网页设计如何插入图像
网页设计插入图像的方法:将插入点移动到要插入的图像的位置,选择"插入|图像"菜单命令,或"插入"面板上的"常用|图像"按钮的"图像"下拉菜单项,打开"选择图像源文件"对话框选择图形即可。
1、插入图像
将插入点移动到要插入的图像的位置,选择"插入|图像"菜单命令,或"插入"面板上的"常用|图像"按钮的"图像"下拉菜单项,打开"选择图像源文件"对话框。
选择好要插入的图像文件后,点击"确定"按钮,会出现"图像标签辅助功能属性"对话框。其中,"替换文本"下拉列表项用于指定图像的描述信息,当鼠标移动到图像上时将显示该信息。单击"确定"按钮,即可将选定的图像添加到页面中。
如果插入的图像位于站点文件夹之外,系统会弹出"是否将此图像文件复制到根文件夹中"的信息框。点击"是"按钮,弹出"复制文件为"对话框,点击
"保存"按钮,图像文件将被保存在选定的文件夹中。
2、图像属性设置
在Dreamweaver的文档窗口中选择一个图像,会出现"图像属性"面板,其中显示了该图像的常用属性。如果该面板没有出现,可以单击"窗口|属性"菜单命令来打开所选图像的"属性"面板。
3、插入图像占位符
在网页制作过程中,如果要插入的图像尚未制作完网或尚未计划要插入的图像,可以使用图像占位符来预留图像的位置,以便在网页中添加其他对象。
插入图像占位符时,仅用于临时放置图像,在实际浏览时将以叉的形式显示。
插入图像占位符时,将插入点移动到要添加图像占位符的位置,并选择"插入|图像对象|图像占位符"菜单命令,或"插入"面板中的"常用|图像
"图标的"图像占位符"下拉菜单项,打开"图像占位符"对话框。在对话框中设置图像占位符参数,点击"确定"按钮,完成设置。
在用图像替换图像占位符时,可以直接双击图像占位符,在弹出的"选择图像源文件"对话框中选择图像源文件即可。
4、插入鼠标经过图像
鼠标插入图像上也叫交互式图像。当鼠标移到一个图像上时,会转换成另一个图像,而当鼠标指针移开时又会返回到原来的图像。这种动态效果常被用在网页导航栏的导航按钮上。
鼠标移过的图像由原始图像和替换图像组成,它们的大小应该相等。如果这两张图片的尺寸不同,Dreamweaver将调整第二张图片的尺寸,使之与第一张图片的尺寸一致。
要插入鼠标经过图像,将插入点移动到需要添加鼠标经过图像的位置,选择"插入|图像对象|鼠标经过图像"菜单命令,打开"插入鼠标经过图像
"对话框。在对话框中设置鼠标经过图像的参数,点击"确定"按钮即可。
网站设计怎么规划
网站规划工作主要包括三个步骤:一是明确网站的目标;二是确定站点的结构;三是设计网页的整体外观和导航系统。如果想具体了解网站设计怎么规划,那不妨接着往下看吧!
1、明确网站的目标
明确网站是什么类型的网站,建设这个网站要达到什么目的,面向什么样的人群,从而根据用户群体的需求确定网站的内容。
2、确定站点的结构
建立一个站点时,首先要在本地磁盘上建立一个文件夹,在这个文件夹中包含网站的所有文件,对这些文件要进行有效合理的组织规划,否则会给网站的后续维护和管理带来很多不便。
站点结构主要有站点的栏目结构和资源结构。可以将同一栏目中的IHTML文件保存到一个文件夹中,如果是一个简单的站点,可以直接将所有的HTML文件存放在站点的根目录下。
站点中的非HTML文件,如图像文件、声音文件、Flash文件等资源文件,可以分门别类地放在同一个文件夹中的不同子文件夹中。
如lmage文件夹、Flash文件夹和Music文件夹(因为互联网上的大多数服务器使用的是英文操作系统,对中文的支持不是很好,所以文件名和文件夹名建议使用小写英文字母,尽量做到一看就知道)。
这样,如果你想在网页中插入某个文件,就可以在文件中迅速找到它并插入。
3、设计网页的整体外观和导航系统
一个网站必须保持整体外观和页面布局的一致性,否则用户进入网站后会感到无所适从,因此网站要有统一的风格。导航系统正是保持这种一致性的解决方案,合理使用模板和框架也会给人一种整体的美感。