dreamweaver网页设计怎么制作
dreamweaver网页制作步骤如下:一、定义站点1、在任意一个根目录下创建好一个文件夹(我们这里假设为E盘),如取名为MyWeb。备注:网站中所用的文件都要用英文名。2、打开Dreamweaver,选择“站点—新建站点”,打开对话框。在站点名称中输入网站的名称(可用中文),在本地根文件夹中选择刚才创建的文件夹(E:web)。然后确定即可。备注:再次打开Dreamweaver,会自动找到刚才设立的站点。如果有多个站点,可以在菜单“站点—打开站点”中去选择。二、创建页面1、在本地文件夹E:MyWeb下面的空白处,按右键选“新建文件”,这样就建好了一个页面,默认的文件名为untitled.htm。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。2、双击index.htm进入该页面的编辑状态。在标题空格里输入网页名称,按右键选页面属性,打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背影图像,超级链接的颜色(一般默认即可),其他都保持默认即可。3.此时光标位于左上角,可输入一句话,如“欢迎来到我的主页”。选取文字,用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间。4.如要选取字体,则选择字体中的最后一项:编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加入了。在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用,因为别人电脑上未装就看不到。如果需要用的话,要做成图片后再使用。在网页上打入空格的办法是:把输入法调为全角。在网页上换行的办法是:shift+Enter。只按Enter则为换段。三、为页面添加图片1、在本地文件夹E:MyWeb下面的空白处,按右键选“新建文件夹”,这样建立了一个文件夹,用它来放图片,可以改名为tu或pic或images都可以。2、用菜单“窗口/对象”打开对象面板,点击“插入图像”,在对话框里选要插入的图片。如果会出现对话框:“你愿意将该文件复制到根文件夹中吗?”,必须选“是”,然后将它保存到刚建好的文件夹里。3、选中该图片,打开属性面板,可以在上面为图片取名,重新设置图片的高、宽,拖住图片角上的点可以变大小。按住shift键,再拖动角上的点,可以使图片保持宽高比例拉伸。如要恢复这原始大小,则单击右下角的“重设大小”按钮。4、“链接”可以直接在这里输入地址。“替代”是图片的说明,即鼠标指向图片所显示的文字;“边框”是图片边框宽度,“对齐”是对齐方式。四、添加超级链接1、为文字添加链接。比如,在页面上输入“我的文章”,然后将其选中,打开属性面板,在“链接”一格中,选择它所要链接到的页面即可。后面一格“目标”我们一般常用的是self即打开的新窗口代替了现开的窗口;或是选择blank即打开新窗口。2、为图片添加链接与上面文字的链接同理,插入图片,然后在属性面板中的链接一格中选择即可。图片可以创建不同的多个链接。方法如下:在属性面板中的“地图”一项下面有一些图形,比如点击方形,光标变成十字,在图片上画一个蓝色矩形的热区,此时在属性面板上可以为这个热区设置链接地址,鼠标指向会显示。同样,再用圆形设置一个热区,就可以再为该图片设置其他链接了。3、添加E-mail链接选中需要添加E-mail链接的文字或图片,打开属性面板,在“链接”一格中输入填写邮件地址。格式如下:mailto:邮件地址。注意中间不空格。4、如果链接到浏览器无法打开的文件,例如exe、Zip等文件,那么浏览者在点击这个链接的时候,就会实现文件下载、或是在线播放的功能。五、表格的使用1、点击插入/表格,打开表格面板进行设置。行数、列数、宽度、边框等,“单元格填充”为单元格内侧与内容的距离;“单元格间距”为单元格之间的距离,单位均为像素。2、插入表格后,在表格的边框上点击一下,可以全选整个表格。然后在下面的属性面板里可以进行各种设置。3、把光标移到其中一个单元格,此时看到的属性面板,就是单元格的属性面板。也可以进行各种关于单元格的操作。如背景色、背景图、边框、合并、拆分等。六、关于表格的其他操作一制作细线表格原理:1、选中整个表格,设置其背景为黑色(该颜色即表格线的颜色)。2、选中所有单元格,设置其背景为白色。二自动格式化表格1、先制作好一张表格,然后选中。2、选菜单中的命令/格式化表格。即可以其中选择预设好的一些表格样式。三一像素分割条1、插入一个1行1列,宽为200像素,边框边距均为0的表格。2、选中表格,设置表格高为1像素,并设置一个背景色(即所要的线条颜色)。3、切换到代码和设计窗口,将代码<td>删除。七、用表格构建完整的页面一网页顶部(一般包括图标、广告、导航菜单)1、创建一个1行2列,宽为760像素,边框及边距均为0的表格。2、选中表格,设置排列方式为居中对齐,背景色为3366CC。3、将光标置于左边单元格中,设置其水平排列为左对齐,垂直排列为顶端对齐,然后插入一张图像,一般在此插入的是网站的图标,即logo。4、将光标置于右边单元格中,设置其宽度为500,水平排列为居中对齐,垂直排列为中间,然后插入图像,一般是网页广告,即banner。5、将光标置于刚完成的表格之后,插入/表格,创建一个1行1列,宽为760像素,边框及边距均为0的表格。6、选中刚创建的表格,设置排列方式为居中对齐,背景色为005173。7、在该表格中依次插入多个图像,作为导航条菜单。二网页中部(左边栏目列表、中间网站新闻、右边栏目列表)1、在导航条表格后面,插入/表格,创建一个1行3列,宽为760像素,边框及边距均为0的表格。并设置排列方式为居中对齐,背景色为FFFFFFF。2、将光标置于左边单元格中,设置其宽度为18%,水平排列为居中对齐,垂直排列为顶端对齐,然后插入一张图像,插入一个导航条。3、将光标置于刚插入的图片后,插入/表格,插入一个12行1列,宽为90%的表格。设置其单元格间距为1,背景色为CCCCCC。4、将光标放在表格第一个单元中,设置其高为20,背景色为FFFFFF。插入/图像,插入一个导航文字前面的小点。同样设置其他11个单元格,这样左边的栏目分类列表就完成了。5、将光标置于主体表格的中间单元格中,设置其宽度为66%,水平排列为居中对齐,垂直排列为顶端对齐,然后插入/图像,插入一个导航条。6、将光标置于图像后,插入/表格,插入一个4行1列,宽为95%的表格。设置其单元格间距为1,背景色为CCCCCC。7、将光标置于表格的第一个单元格中,拖动鼠标,将4个单元格都选中,设置高为60,背景色为FFFFFF。8、将光标置于主体表格右边的单元格中,设置其宽度为16%,水平排列为居中对齐,垂直排列为顶端对齐,插入/图像,插入一个导航条。9、将光标置于图像后,插入/表格,插入一个7行一列,宽为90%的表格。设置其间距为1,背景色为CCCCCC。10、按住Ctrl键,用鼠标点击刚插入的表格的第1、3、5、7单元格,然后设置它们的高为55,背景色为FFFFFF。11、选中第2、4、6单元格,设置其高为6,背景色为FFFFFF。12、切换到源代码窗口,将第2、4、6单元格中的空格符号“”删除。三网页底部(一般包括版权信息及其他相关内容)1、将光标置于主体表格后,插入/表格,创建一个2行2列,宽为760像素,边框及边距均为0的表格。2、选中表格,设置排列方式为居中对齐,背景色为3366CC。3、将光标置于表格第1行的左边单元格中,设置其宽度为50%,水平排列为默认,垂直排列为基线,背景色为FFFFFF,然后输入版权信息,内容颜色随便。4、将光标置于表格第1行右边单元格中,插入/图像,插入一个圆角图像,在它后面输入Email字样,设置其大小和颜色为1和FFFFFF。5、插入/表单对象/文本域,插入一个文本域,宽度可以随意。6、插入/图像,插入一个GO的图像。7、设置页属性。点击菜单修改/页面属性,在标题一栏中输入标题,并选择背景图像,将顶部边界设为0。***将整个网页分部分放到不同的表格中组合而成,还可以加快浏览器读取页面的时间。;因为浏览器是读完整个表格后才显示内容的,所以最好不要框在整个一个表格中。八、用布局表格构建完整的页面1、单击插入/布局,里面的布局视图按钮,就切换到布局视图状态(默认为标准视图)。也可以用菜单里的查看/表格视图/布局视图来进入。2、先单击绘制布局表格按钮,然后在页面中像绘图一样创建出布局表格。3、就像上一个例子一样,先绘制好网页的顶部,再中部,再底部的大表格。4、再单击绘制布局单元格按钮,然后在已经绘制好的布局表格中,再绘制布局单元格。5、返回到标准视图,在已经划分好的表格里,再插入嵌套的小的表格,把页面再细化,就可以完成整个页面的设计了。注意把整个页面都放在一个大的布局表格中,因为这样的网页浏览速度会很慢。应该按照页面的版面和内容划分出几个布局表格,然后在其中分别插入布局单元格。九、层的使用1、点击插入/层。也可以点击图标,然后拖动鼠标创建出一个层。3、选中创建的层,看属性面板。“层编号”和“标签”都使用默认即可。“层编号”是编程时需要用的,我们现在一般不用。“上”即距页面上边界的距离;“左”是距左边界的距离。“z轴”是层的顺序,数字大的叠加在数字小的上面。如不设置颜色时,层是透明的。4、点中层左上角的小方框可以随意拖动层,大小也可以调节。5、“溢出”一栏中,当文字多于层的大小时,visible(超出的部分照样显示)、hidden(超出部分隐藏)、scroll(不管有否超出,都显示滚动条)、auto(有超出时才出现滚动条)。6、点击菜单窗口/其他/层,此时将出现层管理窗口。可以在其中修改层的名称和Z轴值,也可以点击眼睛图标使层可见或不可见。还有一个防止重叠的选项。7、层的对齐。按住shift键,同时选中几个层。然后用修改/对齐,用这里的选项。8、嵌套层。⑴首先在文档中插入一个层。⑵将光标置于该层内,然后继续插入一个层,就得到了嵌套层。⑶里面的叫子层,外面的父层。它们的Z轴顺序是一样的。拖动父层时,子层也会相对移动。移动子层时,父层不会随之移动。十、了解时间轴1、点击菜单中的插入/层,插入一个层。2、在层中插入图片,如一张飞机的图片。(这里的图片也可以是一张小动画的.gif图像)3、点击菜单中的窗口/其他/时间轴,打开时间轴窗口。4、选中页面上创建的层,用鼠标按住层左上角的小方框图标,将层拖放到时间轴的第1帧中。这时自动创建了一个长度为15帧的时间轴。5、选中时间轴上的第1帧,将页面中的层拖放到页左上角,即动画开始时的位置。6、选中时间轴上第15帧,可以拖动该帧至任意长度,如30帧。7、选中第30帧,将层拖放到页面的右下方,此时窗口中显示出层从第1帧到第30帧的运动轨迹。(此时运动为直线)8、可以点中第15帧,右键选“增加关键帧”,在选中第15帧的状态下,拖动层到页面中下方。9、勾选“自动播放”项。十一、制作滚动公告牌1、在页面上插入一个层,然后为层设置一个背景,作为公告版的框架。2、然后在创建的层中插入嵌套层,将嵌套层移动到父层的下方。3、在嵌套层中输入文本,并将其居中排列。4、打开时间轴面板,将子层作为对象添加到面板中。5、为子层创建一个向上移动的路径,将其移动到父层的上方。6、拖动最后一关键帧,增长动画时间,然后勾选“自动播放”和“循环”两项。7、选定父层,在其属性面板中将“溢出”属性设置为“hidden”。总结:dreamweaver是一款很强大的网页制作软件,还有很多功能和制作方法要自己不断地摸索,这样做出来的网页才会更加好
DreamWeaver快捷键命令大全,DreamWeaver常用的快捷键命令有哪些?
DreamWeaver常用的快捷键命令主要是以下这些,这也是我收集整理的DreamWeaver快捷键命令大全,仅供参考。 粘贴Ctrl+V 清除Delete 全选Ctrl+A 拷贝Ctrl+C 替换Ctrl+H 粘贴Ctrl+V 剪切Ctrl+X 重复Ctrl+Y 撤消Ctrl+Z 选择父标签Ctrl+Shift+< 选择子标签Ctrl+Shift+> 查找和替换Ctrl+F 查找下一个F3 启动外部编辑器Ctrl+E 参数选择Ctrl+U 标准视图Ctrl+Shift+F6 布局视图Ctrl+F6 工具条Ctrl+Shift+T 可视化助理Ctrl+Shift+I 标尺Ctrl+Alt+R 显示网格 Ctrl+Alt+G 靠齐到网格Ctrl+Alt+Shift+G 头内容Ctrl+Shift+W 页面属性 Ctrl+Shift+J 切换到设计视图Ctrl+Tab 打开快速标签编辑器Ctrl+T 切换断点 Ctrl+Alt+B 向上选择一行Shift+Up 向下选择一行Shift+Down 选择左边字符Shift+Left 选择右边字符Shift+Right 向上翻页 PageUp 向下翻页 PageDown 向上选择一页Shift+PageUp 向下选择一页Shift+PageDown 选择左边单词Ctrl+Shift+Left 选择右边单词Ctrl+Shift+Right 移到行首 Home 移到行尾 End 移动到代码顶部Ctrl+Home 移动到代码尾部Ctrl+End 向上选择到代码顶部Ctrl+Shift+Home 向下选择到代码顶部Ctrl+Shift+End 创建新段落Enter 插入不换行空格Ctrl+Shift+Spacebar 将选定项目添加到库Ctrl+Shift+B 在设计视图和代码编辑器之间切换Ctrl+Tab 段落格式Ctrl+Shift+P 应用标题1到6到段落Ctrl+1到6 加粗选定文本Ctrl+B 倾斜选定文本Ctrl+I 编辑样式表Ctrl+Shift+E 查找Ctrl+F 移动到下一单元格Tab 移动到上一单元格Shift+Tab 删除当前行Ctrl+Shift+M 插入列Ctrl+Shift+A 合并单元格Ctrl+Alt+M 拆分单元格Ctrl+Alt+S 选择下一框架或框架页Alt+右方向键 选择上一框架或框架页Alt+左方向键 选择父框架Alt+上方向键 选择子框架或框架页Alt+下方向键 添加新框架到框架页Alt+从框架边界拖动 使用推模式添加新框架到框架页Alt+Ctrl+从框架边界拖动 选择层Ctrl+Shift+点击 选择并移动层 Shift+Ctrl+拖动 从选择中添加或删除层Shift+点击层 创建层时切换嵌套设置Ctrl+拖动 切换网格显示Ctrl+Shift+Alt+G 靠齐到网格Ctrl+Alt+G 添加对象到时间轴Ctrl+Alt+Shift+T 添加关键帧Shift+F9 删除关键帧Delete 在外部编辑器中编辑图象Ctrl+双击图象 创建超链接Ctrl+L 删除超链接Ctrl+Shift+L 检查选定链接Shift+F8 检查整个站点中的链接Ctrl+F8 取出Ctrl+Shift+Alt+D 存回Ctrl+Shift+Alt+U 查看站点地图Alt+F8 刷新远端站点Alt+F5 查看站点文件F8 刷新本地栏Shift+F5 设为根Ctrl+Shift+R 链接到现存文件Ctrl+Shift+K 改变链接Ctrl+L 删除链接Delete 显示/隐藏链接Ctrl+Shift+Y 显示页面标题Ctrl+Shift+T 重命名文件F2 放大站点地图Ctrl++【plus】 缩小站点地图Ctrl+-【hyphen】 播放插件Ctrl+Alt+P 停止插件Ctrl+Alt+X 播放所有插件Ctrl+Shift+Alt+P 停止所有插件Ctrl+Shift+Alt+X 创建新的可编辑区域Ctrl+Alt+V 显示/隐藏标尺Ctrl+Alt+R 显示/隐藏网格Ctrl+Alt+G 捕捉到网格【开关】Ctrl+Alt+Shift+G 显示/隐藏引导线Ctrl+; 锁定/解锁引导线Ctrl+Alt+; 捕捉到引导线【开关】Ctrl+Shift+; 显示/隐藏切片引导线Ctrl+Alt+Shift+; 隐藏边界F9 显示/隐藏面板F4或Tab 新建立一个符号...Ctrl+F8 转换为符号...F8 设置为热点Ctrl+Shift+U 添加一个切片Alt+Shift+U 修剪画布Ctrl+Alt+T 扩充画布到所绘物体Ctrl+Alt+F 动画选择...Alt+Shift+F8 编辑位图Ctrl+E 退出位图模式Ctrl+Shift+E 反转选区Ctrl+Shift+I 转换成位图Ctrl+Alt+Shift+Z 精确变形...Ctrl+Shift+T 顺时针旋转90度Ctrl+9 逆时针旋转90度Ctrl+7 移到最上面Ctrl+Shift+↑ 向上移动一层Ctrl+↑ 向下移动一层Ctrl+↓ 移到最下面Ctrl+Shift+↓ 左对齐Ctrl+Alt+1 垂直居中对齐Ctrl+Alt+2 右对齐Ctrl+Alt+3 上对齐Ctrl+Alt+4 水平居中对齐Ctrl+Alt+5 底部对齐Ctrl+Alt+6 水平分布Ctrl+Alt+7 垂直分布Ctrl+Alt+9 连接所选物体Ctrl+J 分离连接的物体Ctrl+Shift+J 群组所选物体Ctrl+G 将群组的物体分成单个Ctrl+Shift+G 应用粗体字Ctrl+B 应用斜体字Ctrl+I 文字左对齐Ctrl+Alt+Shift+L 文字居中对齐Ctrl+Alt+Shift+C 文字右对齐Ctrl+Alt+Shift+R 文字分散对齐Ctrl+Alt+Shift+J 文字拉伸对齐Ctrl+Alt+Shift+S 将文本适合到路径Ctrl+Shift+Y 将文本转变成路径Ctrl+Shift+P 重复外部滤镜Ctrl+Alt+Shift+X 将位图的色彩反相Ctrl+Alt+Shift+I 新建立一个窗口Ctrl+Alt+N 打开/关闭工具选项命令面板Ctrl+Alt+O 打开/关闭图层命令面板F2 打开/关闭框架命令面板Shift+F2 打开/关闭历史命令面板Shift+F10 打开/关闭风格命令面板Shift+F11 打开/关闭符号库命令面板F11 打开/关闭URL命令面板Alt+Shift+F10 打开/关闭查找和替换命令面板Ctrl+F 打开/关闭描边命令面板Ctrl+Alt+F4 打开/关闭填充命令面板Shift+F7 打开/关闭效果命令面板Alt+F7 打开/关闭信息命令面板Alt+Shift+F12 打开/关闭对象命令面板Alt+F2 打开/关闭行为命令面板Shift+F3 打开/关闭调色板Shift+F9 打开/关闭样本命令面板Ctrl+F9 使用Fireworks帮助F1 向下一个象素克隆Alt+↓ 向下十个象素克隆Alt+Shift+↓ 向左一个象互克隆Alt+← 向左十个象素克隆Alt+Shift+← 向右一个象素克隆Alt+→ 向右十个象素克隆Alt+Shift+→ 向上一个象素克隆Alt+↑ 向上十个象素克隆Alt+Shift+↑ 用前景色填充Alt+Backspace 下一个框架PageDown 向下轻移↓ 向下大幅度移动Shift+↓ 向左轻移← 向左大幅度移动Shift+← 向右轻移→ 向右大幅度移动Shift+→ 向上轻移↑ 向上大幅度移动Shift+↑ 粘贴到内部Ctrl+Shift+V 播放动画Ctrl+Alt+P 前一个框架PageUp
dreamweaver 模板的作用
二、模板的创建和设置 1)模板的概念:作为创建其它文档的样板的文档。创建模板时,可以说明哪些网页元素不可编辑,哪些元素可以编辑。其扩展名为.dwt。 2)模板的作用:有利于保持网页风格的一致;提高工作效率。 1.创建模板 1)创建一个全新的模板:在模板面板中,使用快捷菜单按钮或单击面板上的新建按钮 模板面板的打开:Window菜单--Templates 2)创建基于文档的模板:File菜单-Save As Template 2.设置模板页面属性 1)用模板创建的文档继承模板的页面属性,页标题除外。 2)设置:Modify菜单-Page Properties 3.定义模板的可编辑区 1)定义模板的可编辑区 在模板文档中选定对象、Modify菜单、Templates、New Editable Region 2)取消可编辑区标记 Modify菜单-Templates-Remove Editable Region 三、模板的应用和更新 1.应用模板创建文档 1)应用模板创建文档 使用模板创建新文档:File菜单-New From Template 或:File菜单-New-从模板面板中拖一个模板到文档 对现有文档应用模板:Modify菜单-Templates-Apply Template to Page-模板面板中选定模板-单击Select 或:从模板面板中拖一个模板到文档中 或:从模板面板中选定一个模板,单击Apply 2)可编辑区和锁定区 在应用了模板的文档中,只有可编辑区的内容才可以修改。 3)把页面从模板中分离出来 如果要对应用了模板的页面的锁定区进行修改,必须先把页面从模板中分离出来。 具体操作:Modify菜单-Templates-Detach From Template 2.修改模板 在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存 3.更新站点中使用模板的所有文件 Modify菜单-Templates-Update Pages
Dreamweaver怎么制作网页模板
Dreamweaver怎么制作网页模板方法/步骤第一步——首先是必须建立好一个页的基本框架,把固定的元素先确定下来,留出一些空白的编辑区域给一些变动元素。第二步——在菜单栏上依次打开【插入】——【模板对象】——【创建模板】第三步——重新命名你的网页模板。创建网页模板必须先建立网站站点。第四步——将鼠标光标定位到需要插入编辑区域的地方,然后在菜单栏中打开【插入】——【模板对象】——【可编辑区域】第五步——建立好的可编辑区域后以后可以直接在这里面输入相应的内容,大多数需要不断更新的。然后就可以直接CTRL+S保存这个模板了,网页模板的格式是.dwt第六步——使用网页模板,可以在菜单栏中打开【文件】——【新建】——【模板中的页】,选定刚刚重命名的制作好的模板就可以直接引用了。
dreamweaver什么意思
Dreamweaver [词典] 由macromedia公司设计的功能十分强大的网页制作工具;[例句]Macromedia Dreamweaver provides a very simplistic form of security at the user interface level.Macromedia Dreamweaver在用户界面层提供了一种非常简单的安全性。
dreamweaver是什么意思
dreamweaver是adobe推出的一款网页制作软件以下来自百度百科Adobe Dreamweaver,简称“DW”,中文名称 "梦想编织者",是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
Dreamweaver全面解答:如何进行网页设计!
在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件,就能搞好网页设计了在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件,就能搞好网页设计了。其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的任务,它的实现依赖于网页的制作。正所谓“功夫在诗外”,网页设计中最重要的东西,并非在软件的应用上,而是在我们对网页设计的理解以及设计制作的水平上,在于我们自身的美感以及对页面的把握上。首先,我们要弄清楚网页设计的任务。一、设计的任务设计是一种审美活动,成功的设计作品一般都很艺术化。但艺术只是设计的手段,而并非设计的任务。设计的任务是要实现设计者的意图,而并非创造美。网页设计的任务,是指设计者要表现的主题和要实现的功能。站点的性质不同,设计的任务也不同。从形式上,可以将站点分为以下三类。第一类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息,而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。第二类是资讯和形象相结合的网站,像一些较大的公司、国内的高校等。这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。然而就现状上来看,这类网站有粗制滥造的嫌疑。第三类则是形象类网站,比如一些中小型的公司或单位。这类网站一般较小,有的则有几页,需要实现的功能也较为简单,网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。当然,这只是从整体上来看,具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点,那就是客户的要求,它也属于设计的任务。明确了设计的任务之后,接下来要想的就是如何完成这个任务了。二、设计的实现设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制,这一部分可以在纸上完成。第二部分为网页的制作,这一过程是在计算机上完成的。设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑,这里面有文字、图像乃至动画,我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外,软件也是必需的。不能简单地说一个软件的好坏,只要是设计者使用起来觉得方便而且能得心应手的,就可以称为好软件。当然,它应该能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready,这些都是很不错的软件。 接下来我们要做的就是通过软件的使用,将设计的蓝图变为现实,最终的集成一般是在Dreamweaver里完成的。虽然在草图上,我们定出了页面的大体轮廓,但是灵感一般都是在制作过程中产生的。设计作品一定要有创意,这是最基本的要求,没有创意的设计是失败的。在制作的过程中,我们会碰到许多问题,其中最敏感的莫过于页面的颜色了。三、色彩的运用色彩是一种奇怪的东西,它是美丽而丰富的,它能唤起人类的心灵感知。一般来说,红色是火的颜色,热情、奔放;也是血的颜色,可以象征生命。黄色是明度最高的颜色,显得华丽、高贵、明快。绿色是大自然草木的颜色,意味着纯自然和生长,象征安宁和平与安全,如绿色食品。紫色是高贵的象征,有庄重感。白色能给人以纯洁与清白的感觉,表示和平与圣洁。我们知道,颜色是光的折射产生的,红、黄、蓝是三原色,其它的色彩都可以用这三种色彩调和而成。换一种思路,我们可以用颜色的变化来表现光影效果,这无疑将使我们的作品更贴近现实。色彩代表了不同的情感,有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题,它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。单纯的颜色并没有实际的意义,和不同的颜色搭配,它所表现出来的效果也不同。比如绿色和金黄、淡白搭配,可以产生优雅,舒适的气氛。蓝色和白色混合,能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同,配色方案也随之不同。考虑到网页的适应性,应尽量使用网页安全色。但颜色的使用并没有一定的法则,如果一定要用某个法则去套,效果只会适得其反。经验上我们可先确定一种能表现主题的主体色,然后根据具体的需要,应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体,以达到和谐、悦目的视觉效果。四、造型的组合在网页设计中,我们主要通过视觉传达来表现主题。在视觉传达中,造型是很重要的一个元素。抛去是图还是文字的问题,画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里,是需要点、线、面的共同组合与搭配来构造整个页面的。通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交*、节奏、韵律、归纳、变异、特写、反射等等,它们都有各自的特点。在设计中应根据具体情况,选择最适合的表现手法,这样有利于主题的表现。通过点、线、面的组合,可以突出页面上的重要元素,突出设计的主题,增强美感,让观者在感受美的过程中领会设计的主题,从而实现设计的任务。造型的巧妙运用不仅能带来极大的美感,而且能较好地突出企业形象,而且能将网页上的各种元素有机的组织起来,它甚至还可以引导观者的视线。五、设计的原则设计是有原则的,无论使用何种手法对画面中的元素进行组合,都一定要遵循五个大的原则:统一、连贯、分割、对比及和谐。统一,是指设计作品的整体性,一致性。设计作品的整体效果是至关重要的,在设计中切勿将各组成部分孤立分散,那样会使画面呈现出一种枝蔓纷杂的凌乱效果。连贯,是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应,并注意整个页面设计风格的一致性,实现视觉上和心理上的连贯,使整个页面设计的各个部分极为融洽,犹如一气呵成。分割,是指将页面分成若干小块,小块之间有视觉上的不同,这样可以使观者一目了然。在信息量很多时为使观者能够看清楚,就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲,分割也可以被视为对于页面内容的一种分类归纳。对比就是通过矛盾和冲突,使设计更加富有生气。对比手法很多,例如:多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重,对比过强容易破坏美感,影响统一。和谐是指整个页面符合美的法则,浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合,那么作品将不但没有“生命感”,而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式,而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通,产生心灵的共鸣。这是设计能否成功的关键。六、网页的优化在网页设计中,网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性,影响观者对网站的印象。在资讯类网站中,文字是页面中最大的构成元素,因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的,通常我们将字体指定为宋体,大小指定为12px,颜色要视背景色而定,原则上以能看清且与整个页面搭配和谐为准。在白色的背景上,我们一般使用黑色,这样不易产生视觉疲劳,能保证浏览者较长时间地浏览网页。表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候,我们将表格的边框设为0,以此来定位页面中的元素,或者籍此确定页面中各元素的相对位置。我们知道:浏览器在读取网页html原代码时,是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格,必须等大表格读完,才能将子表格一起显示出来。我们在访问一些站点时,等待多时无结果,按"停止"按钮却一下显示出页面就是这个原因。因此,我们在设计页面表格的时候,应该尽量避免将所有元素嵌套在一个表格里,而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时,会自动在每一个td内添加一个空字符“ ”。如果单元格内没有填充其它元素,这个空字符会保留,在指定td的宽度或高度后,可以在源代码内将其删去。网页的适应性是很重要的,在不同的系统上,不同的分辨率下,不同的浏览器上,我们将会看到不同的结果,因此设计时要统筹考虑。一般我们在800*600下制作网页,最佳浏览效果也是在800*600分辨率下,在其它情况下只要保证基本一致,不出现较大问题即可。说了这么多,只是希望能对做“网页设计”的人有所帮助,希望他们在做网页的时候能够从整体着眼,无愧于“设计”这两个字。★建设自己的网站较好的步骤☆必须注意的是:建立自己的网站是一件浩大的工程,一般比较麻烦。所以应当按照一定的步骤一步步来。我觉得建站可以按照以下步骤进行:1、先在本地设一个文件夹,作为网站存储的地方。名字最好取“My Sites”。2、在网站文件夹里面建立一些文件夹,包括“images”等(存储图片、文件等),并且按照网页内容,再建立几个文件夹。(也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些)3、打开你的网页编辑程序(例如FP、Dreamwear等),新建网页,保存为“index”(主页),重复以上步骤,在网站文件夹里面建立“search”(查找)、“map”(站点地图)、“index02”(网站简介等)。4、按照上面步骤,再在网站分类文件夹里面建立许多网页(接着还要把内容输入网页)5、已经做到了这么多,我们该准备内容了吧。在硬盘上面再建立一个文件夹“File”,把准备好的文档、图片、程式、文件和网页特效等放进去。(可以加入一些动态网页)6、慢慢把这些文件一个不漏的放进网页里面(要掌握技巧)7、把网站充实了,就差不多了。这时应该申请一个域名(免费空间、附费都可以)。并且把自己的网站放入搜索引擎,而且在各种留言版上面宣传。8、把网站上传至空间里面,删了准备文件,就OK了!不过也可以这样使用FP建站:1、在FP里面选择新建站点。2、然后在【导航】里面设置网页名称以及标题。3、准备好文档、图片、程式、文件和网页特效等,把它们都充实进网站里面。4、申请一个域名(免费空间、附费都可以)。并且把自己的网站放入搜索引擎,而且在各种留言版上面宣传。5、把网站上传至空间里面,删了准备文件。完毕。如果使用Dreamwear来建站,那就更加高级啦!Dreamwear的功能很强大,安装了它的朋友们可以研究研究。在网站设计中,纯粹HTML格式的网页通常被称为“静态网页”,早期的网站一般都是由静态网页制作的。也就是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上,也可以出现各种动态的效果,如.GIF格式的动画、FLASH、滚动字母等,这些“动态效果”只是视觉上的,与下面将要介绍的动态网页是不同的概念。在《网络营销基础与实践》第二版第3章“网络营销导向的企业网站建设”中,提出了采用静态网页对搜索引擎的影响,书中对于静态网页本身的介绍比较少,尤其对于静态网页的特点没有做专门的介绍。将静态网页的特点简要归纳如下:(1)静态网页每个网页都有一个固定的URL,且网页URL以.htm、.html、.shtml等常见形式为后缀,而不含有“?”;(2)网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的,也就是说,静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件;(3)静态网页的内容相对稳定,因此容易被搜索引擎检索;(4)静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难;(5)静态网页的交互性交叉,在功能方面有较大的限制。网页制作软件的选择u 选择一个适合自己的网页编辑工具了解了网页的类型及相关技术之后,下一步,就是要选择一个适合自己的网页编辑工具。FrontpageFrontpage 是 Microsoft 出品的,可能是最简单、最容易,却又功能强大的网页编辑工具。采用典型的 Word 界面设计,只要你懂得使用 Word,就差不多等于已经会使用 Frontpage。就算你不懂 Word 也没关系,"所见即所得"的操作方式会让你很快上手,而且你无须学习 HTML 语法。但 Frontpage 的也有其不足之处:首先是浏览器兼容性不好,做出来的网页,用 Netscape 往往不能正常显示;其次,生成的垃圾代码多,也会自动修改代码,导致在某些情况下极为不便;再次,对DHTML的支持不好。但不管怎么说,Frontpage 的确是最好的入门级网页编辑工具。常见的版本为 Frontpage98 和 Frontpage2000。DreamweaverDreamweaver 是 Macromedia 公司的产品的另一款"所见即所得"的网页编辑工具,或称网页排版软件。与 Frontpage 不同,Deamweaver 采用的是 Mac 机浮动面版的设计风格,对于初学者来说可能会感到不适应。但当你习惯了其操作方式后,就会发现 Dreamweaver 的直观性与高效性是 Frontpage 所无法比拟的。Dreamweaver 对于 DHTML 的支持特别好,可以轻而易举地做出很多眩目的页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver 与 Flash、Firework 并称为 Macromedia 的网页制作三剑客,由于是同一公司的产品,因而在功能上有着一个非常紧密的结合。而最新推出的 Dreamweaver UltraDev 更支持 Asp,Jsp。因此,说Dreamweaver 是高级网页制作的首选并不为过。常见的版本为 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0flash也是 Macromedia 公司的产品,Flash 是交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。相信凡是见过 Flash 技术的人,没有一个不想掌握它的。它不但易学、易用,而且可以做出有很多动画的网站,并且声色结合,是一种很有前途的网页制作技术。fireworkfirework也是 Macromedia 公司的产品,是真正的网页作图软件。Fireworks 与 Dreamweaver 结合很紧密,只要将 Dreamweaver 的默认图像编辑器设为 Fireworks ,那么在 Fireworks 里修改的文件将立即在 Dreamweaver 里更新。另一个功能是可以在同一文本框里改变单个字的颜色。当然,Fireworks 可以引用所有的 Photoshop的滤镜,并且可以直接将 PSD 格式图片导入。它是用来画图用的,它相当于结合了Photoshop ( 点阵图处理 ) 以及CorelDRAW (绘制向量图)的功能。网页上很流行的阴影、立体按钮...等等的效果,也只需用鼠标点一下,不必再靠什么KPT 之类的外挂滤镜。而且 Fireworks很完整的支持网页16进制的色彩模式,提供安全色盘的使用和转换,要切割图形、做影像对应(Image Map)、背景透明,要图又小又漂亮,在Fireworks 中做起来都非常方便,修改图形也是很容易的 。不需要再同时打开Photoshop和CorelDRAW...等等各类软件,切换来切换去的了。Dreamweaver、Flash、Firework称为网页制作三剑客,将三个软件配合起来使用,会制作出非常精美的网页gifanimatorUlead GIF Animator 4.0 是目前最快和最易使用的 GIF 动画工具,它在一个软件包中提供了顶级的功能,用于动画 编排、编辑、特效和优化。 GIF Animator 差不多支持每个主要的文件格式,包括视频文件,并允许输出为 Windows AVI、QuickTime 电影、Autodesk 动画或图像序列。用户可以生成适当的 HTML 代码,以便将动画嵌入到网页中,并且可以将动画打包成独立的 EXE 文件,以便通过电子邮件发布和在任何地方来查看。u 制作主页制作主页无非是添加文字、添加图片、添加链接,跟用word没什么区别,经过简单的学习后,你就会制作主页了!但是,要作出高水平的主页那要学的东西就太多了,不过总结起来就是html,图形制作,动画制作,页面特效制作和后台程序制作几个部分。u 申请的主页空间,把你制作的主页传上去我们制作的页面放在我们自己的计算机上,别人是不能看见的。为了让别人看见我们制作的页面,我们必须将他们放到一台和internet一直连接的计算机(服务器)上。你可以到提供空间服务的站点申请主页空间。有空间以后就可以利用响应的FTP(文件传输协议)工具软件将我们制作的页面传上去。这样,就可以让大家来分享我的精彩页面了。常见的FTP工具软件有cuteFTP、leapFTP等,其功能和使用方法都比较类似,具体使用方法可参见本站想应的文章。可能你开始的主页只是非常简单, 但是这是你的第一步,也是良好的开端,然后再一步步学习:如何把网页制作漂亮一些?如何制作动画?对于新手,千万不要一下子就想:我看到某某某网页这么漂亮,它是怎样做出来的?我很想马上做出来,于是马上就去研究复杂的网页,这样你会发现网页制作很难,学两下就放弃了,这样永远学不会制作主页。想当初,我对于我的网页能产生链接也高兴了半天,于是产生了更大的兴趣。记住:一步一步来,不要一下子想成为高手,否则很难成为高手。
怎么用Dreamweaver制作网页?
1、双击打开Dreamweaver这款软件,进入Dreamweaver的操作界面。点击上方文件,下拉找到新建。 2、点击新建后,选择空白页,文档类型为HTML。布局为无,点击右下角创建。结果如下图所示。 3、页面右侧找到插入选项,点击他。并将它拉伸变长,找到表格选项。 4、对话框弹出后,设置表格大小。行:3,列:1,其余暂时不变。完成后点击确定。5、在设计视图可看到,我们设置的3行1列的表格。在代码视图可看到,设置3行1列表格的代码,我们继续在设计视图进行操作。 6、点击表格内部,下方出现表格设置。在表格第一行输入网页的标题文字,随后点击下方,水平:居中对齐,垂直:居中。并设置表格宽高,此时宽为51。 7、将鼠标光标放在表格第二行,点击右侧图像,下拉后第一行点击图像。 8、对话框出来后,在下方文件名中输入,插入图片的名称,点击确定即可。 9、在表格第三行,输入文字:我的链接。并在后面附上链接,可复制可手工输入。 10、点击上方文件,找到保存选项,点击保存。然后在对话框中输入此文件名,并保存在你容易找得到的地方,在点击确定即可。 11、点击上方,像地球一样的图标,下拉后,点击在IE浏览器中预览,也可以在自行安装的浏览器中预览。
dreamweaver的功能和作用是什么_dreamweaver有什么用
AdobeDreamweaver,简称“DW”,中文名称"梦想编织者",是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。功能:借助共享型用户界面设计,在的不同组件之间更快、更明智地工作。使用工作区切换器可以从一个工作环境快速切换到下一个环境。具体功能:1、利用软件中改善的FTP性能,更高效地传输大型文件。更新的“实时视图”和“多屏幕预览”面板可呈现HTML5代码,使您能检查自己的工作。2、自适应网格。使用响应迅速的CSS3自适应网格版面,来创建跨平台和跨浏览器的兼容网页设计。利用简洁、业界标准的代码为各种不同设备和计算机开发项目,提高工作效率。直观地创建复杂网页设计和页面版面,无需忙于编写代码。3、改善FTP性能。利用重新改良的多线程FTP传输工具节省上传大型文件的时间。更快速高效地上传网站文件,缩短制作时间。4、Catalyst集成。集成,使用Dreamweaver中集成的面板连接并编辑您利用(需另外购买)建立的网站。利用托管解决方案建立电子商务网站。5、增强型jQuery移动支持。使用更新的jQuery移动框架支持为iOS和Android平台建立本地应用程序。建立触及移动受众的应用程序,同时简化您的移动开发工作流程。6、更新的PhoneGap支持。更新的支持可轻松为Android和iOS建立和封装本地应用程序。通过改编现有的HTML代码来创建移动应用程序。使用PhoneGap模拟器检查您的设计。7、CSS3转换。将CSS属性变化制成动画转换效果,使网页设计栩栩如生。在您处理网页元素和创建优美效果时保持对网页设计的精准控制。8、更新的实时视图。使用更新的“实时视图”功能在发布前测试页面。“实时视图”现已使用最新版的WebKit转换引擎,能够提供绝佳的HTML5支持。9、CSS3/HTML5支持。通过CSS面板设置样式,该面板经过更新可支持新的CSS3规则。设计视图现支持媒体查询,在您调整屏幕尺寸的同时可应用不同的样式。使用HTML5进行前瞻性的编码,同时提供代码提示和设计视图渲染支持。
Dreamweaver是什么意思
Dreamweaver是个原本由Macromedia公司所开发的著名网站开发工具。它使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。随Macromedia被Adobe收购后,Adobe也开始计划开发Linux版本的Dreamweaver了。 Dreamweaver自MX版本开始,使用了Opera的排版引擎 "Presto" 作为网页预览。
dreamweaver是什么软件
Adobe DreamWeaver是一款网页制作软件,简称DW,也叫做网页编辑器,是不错的前端开发工具之一。利用支持HTML、CSS、JavaScript等技术的设计Web网站应用。它的主要功能包括以下几个方面:1.网页文件的基本操作:如新建、打开、保存、另存为等。2.表格的操作:如插入、删除、修改表格中的数据等。3.框架的操作:如添加、删除、修改框架中的元素等。4.模板的操作:如创建、编辑、删除模板等。5.行为的操作:如触发事件、设置超链接、设置表单等。6.表单的操作:如添加、删除、修改表单中的数据等。7.动画的操作:如添加、删除、修改动画效果等。8.CSS样式的操作:如创建、编辑、删除CSS样式等。9.模态框的操作:如添加、删除、修改模态框中的内容等。10.插件的使用:如安装和使用各种插件,如JScript、MySQL、Pro Controller等。总之,Dreamweaver是一款功能强大的网页制作软件,它可以帮助用户轻松地创建高质量的网页文件,并提供了丰富的功能和工具,可以让用户更加方便地进行网页制作和开发。
在dreamweaver中的CSS样式中,vlink,alink,link和a:link什么区别?
分类: 电脑/网络 >> 互联网 解析: 一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。伪类选择符包括: ① a:link:未访问链接 ② a:visited:已访问链接 ③ a:active:激活时(链接获得焦点时)链接的颜色④ a:hover:鼠标移到链接上时 一般a:hover和a:visited链接的状态(颜色、下划线等)应该是相同的。前三者分别对应body元素的link、vlink、alink这三个属性。四个“状态”的先后过程是:a:link ->a:hover ->a:active ->a:visited。另外,a:active不能设置有无下划线(总是有的)。 举例:伪类的常见状态值 <style type = “text/css”> <!-- a:link {color: blue; text-decoration:none;} 未访问:蓝色、无下划线 a:active:{color: red; } 激活:红色 a:visited {color:purple;text-decoration:none;} 已访问:purple、无下划线 a:hover {color: red; text-decoration:underline;} 鼠标移近:红色、下划线 --> </style>
Dreamweaver
用Dreamweaver插入网页背景音乐的方法本文以mid格式文件和mp3格式文件为例,教你如何在网页中插入背景音乐。 1、MID 是用来插入背景音乐,但只适用于IE,其参数设定不多。如下: <bgsound src="your.mid" autostart=true loop=infinite> src="your.mid" :设定 midi 档案及路径,可以是相对或绝对。 autostart=true :是否在音乐档下载完之后就自动播放。true 是,false 否 (内定值)。 loop=infinite :是否自动反复播放。LOOP=2 表示重复两次,Infinite 表示重复多次。 这种方法就是直接把标记放于网页文件的...之间,设置好mid文件的路径就OK了 2、mp3 <EMBED src="1.mp3" autostart="true" loop="2" width=300 height=100> src:音乐文件的路径及文件名; autostart:true为音乐文件上传完后自动开始播放,默认为false(否) loop:true为无限次重播,false为不重播,某一具体值(整数)为重播多少次 volume:取值范围为"0-100",设置音量,默认为系统本身的音量 starttime:"分:秒",设置歌曲开始播放的时间,如,starttime="00:10",从第10开始播放 endtime: "分:秒",设置歌曲结束播放的时间 width:控制面板的宽 height:控制面板的高 controls:控制面板的外观 controls="console/smallconsole/ playbutton/pausebutton/stopbutton/volumelever" ·console:正常大小的面板 ·smallconsole:较小的面板 ·playbutton:显示播放按钮 ·pausebutton:显示暂停按钮 ·stopbutton:显示停止按钮 ·volumelever:显示音量调节按钮 hidden:为true时可以隐藏面板 其它的用播放器播放音乐的代码请看录录网其它技术文章!
怎么让文字在dreamweaver中移动
基本语法<marquee> ... </marquee> <marquee>啦啦啦,我会移动耶!</marquee> 啦啦啦,我会移动耶!文字移动属性的设置方向<direction=#> #=left, right <marquee direction=left>啦啦啦,我从右向左移!</marquee> <P> <marquee direction=right>啦啦啦,我从左向右移!</marquee> 啦啦啦,我从右向左移!啦啦啦,我从左向右移!方式<bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>啦啦啦,我一圈一圈绕着走!</marquee> <P> <marquee behavior=slide>啦啦啦,我只走一次就歇了!</marquee> <P> <marquee behavior=alternate>啦啦啦,我来回走耶!</marquee> 啦啦啦,我一圈一圈绕着走!啦啦啦,我只走一次就歇了!啦啦啦,我来回走耶!循环<loop=#> #=次数;若未指定则循环不止(infinite) <marquee loop=3 width=50% behavior=scroll>啦啦啦,我只走3 趟哟!</marquee> <P> <marquee loop=3 width=50% behavior=slide>啦啦啦,我只走3 趟哟!</marquee> <P> <marquee loop=3 width=50% behavior=alternate>啦啦啦,我只走3 趟哟!</marquee> 啦啦啦,我只走3 趟哟!啦啦啦,我只走3 趟哟!啦啦啦,我只走3 趟哟!速度<scrollamount=#>
怎么用dreamweaver8添加背景音乐
下个插件放歌的 具体我也不知道叫什么自己找去
dreamweaver怎么添加音乐自动播放的那种
在工具栏里面找
Dreamweaver滚动字幕
基本语法<marquee> ... </marquee><marquee>我会移动耶!</marquee> 我会移动耶!文字移动属性的设置方向 <direction=#> #=left, right<marquee direction=left>我从右向左移!</marquee> <P><marquee direction=right>我从左向右移!</marquee> 我从右向左移!我从左向右移!方式 <bihavior=#> #=scroll, slide, alternate<marquee behavior=scroll>我一圈一圈绕着走!</marquee> <P><marquee behavior=slide>我只走一次就歇了!</marquee> <P><marquee behavior=alternate>我来回走耶!</marquee> 我一圈一圈绕着走!我只走一次就歇了!我来回走耶!循环 <loop=#> #=次数;若未指定则循环不止(infinite)<marquee loop=3 width=50% behavior=scroll>我只走 3 趟哟!</marquee> <P><marquee loop=3 width=50% behavior=slide>我只走 3 趟哟!</marquee> <P><marquee loop=3 width=50% behavior=alternate>我只走 3 趟哟!</marquee> 我只走 3 趟哟!我只走 3 趟哟!我只走 3 趟哟!速度 <scrollamount=#><marquee scrollamount=20>我走得好快哟!</marquee> 我走得好快哟!延时 <scrolldelay=#><marquee scrolldelay=500 scrollamount=100>我走一步,停一停!</marquee> 我走一步,停一停!外观(Layout)设置对齐方式(Align) <align=#> #=top, middle, bottom<font size=6><marquee align=# width=400>我会移动耶!</marquee></font>对齐上沿、中间、下沿。 我会移动耶!对齐上沿。我会移动耶!对齐中间。我会移动耶!对齐下沿。底色 <bgcolor=#> #=rrggbb 16 进制数码,或者是下列预定义色彩:Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua <marquee bgcolor=aaaaee>我会移动耶!</marquee> 我会移动耶!面积 <height=# width=#><marquee height=40 width=50% bgcolor=aaeeaa>我会移动耶!</marquee> 我会移动耶!空白(Margins)<hspace=# vspace=#>********************************************<br>嗨,<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>我会移动耶!</marquee>大家好!<br>******************************************** ********************************************嗨, 我会移动耶!大家好!********************************************
谁能帮我解释一下Dreamweaver中的CSS的display属性的none、block、inline等都用在什么场合?
none 此元素不会被显示。 block 此元素将显示为块级元素,此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素,元素前后没有换行符。 inline-block 行内块元素。(CSS2.1 新增的值) list-item 此元素会作为列表显示。 run-in 此元素会根据上下文作为块级元素或内联元素显示。 compact CSS 中有值 compact,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。 marker CSS 中有值 marker,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。 table 此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符。 inline-table 此元素会作为内联表格来显示(类似 <table>),表格前后没有换行符。 table-row-group 此元素会作为一个或多个行的分组来显示(类似 <tbody>)。 table-header-group 此元素会作为一个或多个行的分组来显示(类似 <thead>)。 table-footer-group 此元素会作为一个或多个行的分组来显示(类似 <tfoot>)。 table-row 此元素会作为一个表格行显示(类似 <tr>)。 table-column-group 此元素会作为一个或多个列的分组来显示(类似 <colgroup>)。 table-column 此元素会作为一个单元格列显示(类似 <col>) table-cell 此元素会作为一个表格单元格显示(类似 <td> 和 <th>) table-caption 此元素会作为一个表格标题显示(类似 <caption>) inherit 规定应该从父元素继承 display 属性的值。
Dreamweaver按F12显示请求的操作需要提升是什么意思
饿,无语,楼上叫你贴图,你贴自己的资料
关于dreamweaver的布局
第九章 层的使用 一、概述 在网页制作中,对文字和对象的位置控制是比较困难的,以前我们通过表格来定位,但往往达不到精度要求。“层”是Dreamweaver 中另处一种可以进行排版的工具。它可以被定位在页面的任意位置,并且其中可以包含文本、图像等所有可直接插入至网页的对象。 层拥有很多表格所不具备的特点,比如可以重叠、便于移动、可设为隐藏等。二、层的创建和删除 显示面板:窗口—>其它—>层(F2) 插入栏—>常用—>层(直接绘制,按Ctrl可连绘) 插入栏—>布局—>层(直接绘制,按Ctrl可连绘) 插入菜单—>层 拖动插入栏上图标到页面。三、使用“属性面板”设置层的属性选择一个或多个层后即可对它们进行操作或更改它们的属性。 1、“单个层”的“属性面板” 首先要选择层:在层面板中单击该层的名称、单击一个层的边框、在一个层中按住Ctrl+Shift键并单击。(如果已选定多个层,此操作会取消选定其他所有层而只选择您所单击的层。)、在设计视图中单击层代码标记,它表示层在HTML代码中的位置。层编号 用于指定一个名称,以便在层面板和JavaScript代码中标识该层。每个层必须有它自己的唯一名称。 左和上(左侧和顶部) 指定层的左上角相对于页面(如果嵌套,则为父层)左上角的位置。 宽和高 指定层的宽度和高度。 注:位置和大小的默认单位为像素(px)。您也可以指定以下单位:pc(pica,十二点活字,约为我国新四号铅字)、pt(点)、in(英寸)、mm(毫米)、cm(厘米)或%(父层相应值的百分比)。这些缩写必须紧跟值,中间不留空格。 z轴 当层重叠时,用以设置层之间的前后排列顺序。值越大,显示越靠前。(使用层面板要比输入特定的z轴更为简便。) 可见性 指定该层最初是否是可见的。 default(默认):不指定可见性属性,大多数浏览器都会默认为“继承”。 inherit(继承):表示使用该层父级的可见性属性。 visible(可见):表示显示该层的内容,而不管父级的值是什么。 hidden(隐藏):表示隐藏层的内容,而不管父级的值是什么。使用脚本语言(如JavaScript)可控制可见性属性并动态地显示层的内容。 背景图像 可以为层指定一个背景图像。 背景颜色 可以为层指定一个背景颜色。如果将此选项留为空白,则可以指定透明的背景。 类 可以应用定义好的 CSS 样式。 溢出 当层的内容超过层的指定大小时,设定如何在浏览器中显示层,它的效果必须在浏览器中预览时才会出现。 visible(可见):指定在层中显示额外的内容,实际上,该层会通过延伸来容纳额外的内容。 hidden(隐藏):指定不在浏览器中显示额外的内容。 scroll(滚动):指定浏览器在层上添加滚动条,而不管是否需要滚动条。 auto(自动):使浏览器仅在需要时才显示层的滚动条。 剪辑 可以定义层的可见区域,有上“左”、“右”、“上”、“下”4项。 从层的左上角开始计算,指定左侧、顶部、右侧和底边坐标可在层的坐标空间中定义一个矩形。层经过“剪辑”后,只有指定的矩形区域才是可见的。 2、“多个层”的“属性面板” 首先选择层:按住Shift键并单击层面板上的两个或更多个名称、在两个或更多个层的边框内(或边框上)按住Shift键并单击。 标签 可以指定用来定义这些层的 HTML 标签。在下拉列表中有DIV和SPAN两个选项。四、层的基本操作 1、调整层的大小 调整单个层的大小(拖动手柄、Ctrl+箭头) 调整多个层的大小 2、移动层的位置(鼠标、箭头键或Shift+箭头键) 3、层的对齐 修改—>对齐—>选择项目 4、在层中插入对象 5、层的叠加顺序 修改—>排列顺序—>选择项目或修改层的z值 6、将层靠齐到网络 Shift+Ctrl+箭头与网格线重合 7、层的复制、剪切和粘贴 8、层的嵌套 直接插入层、拖入另一层标记、面板上拖动或Ctrl辅助拖动层、ALT辅助绘制层五、层的绝对定位与相对定位六、使用“层”浮动面板管理层(F2) 显示/隐藏层:更改层的可见性。 防止重叠:若勾选这个选项,则层之间将不能重叠,而只能并行排列。 名称:层的名称。 Z轴七 、设置层的默认属性 编辑菜单—>参数选择—>层 1、标签 设置在创建层时Dreamweaver要使用的HTML标签。其选项为div(默认)和span。 2、显示 确定层在默认情况下是否可见。其选项为“默认”“继承”“可见”和“隐藏”。 3、宽和高 指定使用“插入层”创建的层的默认宽度和高度(以像素为单位)。 4、背景颜色 可以指定默认的层显示一种背景颜色。 5、背景图像 可以指定默认的层显示一种背景图像。 6、嵌套 如果在层中则使用嵌套:指定从现有层边界内的某点开始绘制的层是否应该是嵌套层。在绘制层时,按住键盘上的Alt 键可暂时更改此设置。 7、Netscape 4 兼容性 插入层时固定大小:在文档的 head 内容中插入 JavaScript 代码以修正Netscape 4 浏览器中的一个已知问题,该问题使层在访问者调整浏览器窗口大小时失去它们的定位。每当调整浏览器窗口大小时,JavaScript 会强制页面重新加载,从而将层重分配到正确的位置。您也可以手动添加或删除 JavaScript 代码,方法是选择“命令—>添加/删除 Netscape 调整大小修复”。八、在层和表格之间转换 1、将表格转换为层 修改菜单—>转换—>表格到层 对话框中相关的参数如下: 显示网格和靠齐到网格:能够使用网格来协助将层定位. 防止层重叠:可以在转换后的页面中激活防止层重叠的功能。 显示层面板:可以在转换后的页面中显示层面板。 显示网格:可以在转换后的页面中显示网格。 靠起到网格:可以在转换后的页面中将层与网络线对齐。 注:当表格转换为层时,空的单元格不会被转换(除非它们具有背景颜色)。另处在转换时,表格外的页面元素也会被放入层中。2、将层转换为表格 修改菜单—>转换—>层到表格 对话框中相关参数如下: 最精确:为每个层创建一个单元格,并附加保留层之间的空间所必需的任何单元格。 最小:合并空单元。指定如果层定位在指定数目的像素内,则层的边缘应对齐。如果选择此选项,转换后表格将包含较少的空行和空列,但可能与之前的层的排版不能精确地匹配。 使用透明GIF:用透明的GIF图像填充表格的最后一行。这将确保该表格在所有浏览器中以相同的列宽显示。当勾选此选项后,用户将不能通过拖动表格的列框来编辑转换后的表格。当取消勾选此选项后,转换后的表格将不会包含透明GIF图像,但在不同的浏览器中可能会具有不同的列宽。 置于页面中央:将转换后的表格在页面中居中对齐。如果取消勾选该选项,表格将在页面中左对齐。 注:在转换之前,层不能有重叠。八、层和行为相结合制作动态效果http://qygqyg.51.net/layer.htm#
DreamWeaver中层layer的优点
通过 Dreamweaver,您可以使用层来设计页面的布局。您可以将层前后放置,隐藏某些层而显示其他层,以及在屏幕上移动层。您可以在一个层中放置背景图像,然后在该层的前面放置第二个层,它包含带有透明背景的文本。
用Dreamweaver制作Html网页模板时保存后,新建时提示语法错误,有谁麻烦给看一下呀。谢谢!
我用调试工具没有查出语法错误,可能就是你逻辑上的问题
谁有Macromedia Dreamweaver8的序列号?
Dreamweaver8-chs 序列号: WPD800-59139-91432-25145 WPD800-57931-76932-54523 WPD800-59931-32632-81939 WPD800-55533-57232-82308 WPD800-51139-95632-31627 Dreamweaver8 序列号: WPD800-59931-56632-71626 Fireworks8 序列号:WPD800-56630-44132-98869 注册码:WPD800-55739-53532-55154 FireWorks 8.0: WPD800-51333-38632-90078 WPD800-55537-19732-30159 WPD800-59731-73932-34113 WPD800-55535-30132-25437 Flash8-chs 序列号: WPD800-57333-52432-51868 WPD800-59739-38832-62882 WPD800-50238-69332-38488 WPD800-58632-41632-17028 WPD800-53535-11932-17064 Fireworks8-CHS 序列号: WPD800-57739-10232-98951 WPD800-55131-97132-68178 WPD800-57135-70932-75083 WPD800-56232-01832-64572 WPD800-50230-40832-89952 Flash8 序列号: WPD800-53337-53532-05380 Macromedia Flash 8.0 正式版注册码 SN:WPD800-50236-63532-92538 Macromedia Dreamweaver 8.0 注册码 SN:WPD800-50830-28132-57903 Macromedia Fireworks 8.0 简体中文正式版注册码 SN:WPD800-59335-10532-68111 WPD800-56030-83832-97910 Fireworks8序列号: WPD800-56630-44132-9886 WPD800-57335-75932-79754 WPD800-51535-98432-29663 WPD800-57339-33332-08279 Macromedia Dreamweaver MX 正式零售版 序列号:FWW600-04860-63582-21175 Dreamweaver V8.0 WPD800-52236-48432-70383 dreamweaver 8.0序列号 序列号:WPD800-55337-35332-25795 序列号:WPD800-53731-14132-24591 序列号:WPD800-57735-99432-68191 序列号:WPD800-52038-28632-24513 激活序列号:DWD700-50650-63100-15588;DWD700-50254-66300-30009 安装序列号:FWW600-04860-63582-21175
Macromedia Dreamweaver 8怎样插入
这个是网页切割做出来的.就是图片,
dreamweaver怎样创建新的CSS规则
步骤/方法1双击dreamweaver CS5图标2在菜单中单击“文件”选择“新建”3在新建文档窗口,选择“空白页”—“HTML”,文档类型选择“XHTML1.0 transitional”,单击“创建”按钮。4将插入点放在文档中,然后在菜单栏单击“格式”,在弹出的下拉菜单中选择“CSS样式”—“新建”5在“ 新建 CSS 规则” 对话框中,指定要创建的 CSS 规则的选择器类型:若要创建一个可作为 class 属性应用于任何 HTML 元素的自定义样式,请从“ 选择器类型” 弹出菜单中选择“ 类” 选项,然后在“ 选择器名称” 文本框中输入样式的名称。若要定义包含特定 ID 属性的标签的格式,请从“选择器类型”弹出菜单中选择“ID”选项,然后在“选择器名称”文本框中输入唯一 ID。若要重新定义特定 HTML 标签的默认格式,请从“选择器类型”弹出菜单中选择“标签”选项,然后在“选择器名称”文本框中输入 HTML 标签或从弹出菜单中选择一个标签。6在“CSS规则定义”窗口中设置类型、背景、区块、方框、边框、列表、定位、护展中所需设置的参数,然后点击“确定”按钮完成设置。7还可以在CSS样式面板里设置。将插入点放在文档中,在CSS样式面板下面单击“新建CSS规则”图标。再完成步骤6的设置。8在CSS属性里设置类型、背景、区块、方框、边框、列表、定位、护展中所需设置的参数。http://jingyan.baidu.com/article/93f9803fccd4dae0e46f5505.html
dreamweaver中meta口令是干什么用的
<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。<meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
怎样用dreamweaver制作一个简单的登入页面
你可以先在Dreamweaver设计中插入一个表格把登陆界面设计出来 如果要检验用户名和密码的正确,还要和数据库进行连接,原理是如果你输入的用户名和密码在数据库中有那么你就可以登录了。我用的是access数据库 <%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %> <html> <body> <% request.setCharacterEncoding("GB2312"); String customerName=request.getParameter("customerName"); String psword=request.getParameter("psword"); try { Class.forName("sun.jdbc.odbc.JdbcOdbcDriver"); Connection con = DriverManager.getConnection("jdbc:odbc:cstomer"); Statement stmt = con.createStatement(ResultSet.TYPE_SCROLL_INSENSITIVE, ResultSet.CONCUR_READ_ONLY); String sqlIn="select * from customer where customerName=""+customerName+"" and psword=""+psword+"""; ResultSet result=stmt.executeQuery(sqlIn); if(result.next()) { out.println("登陆成功!"); response.setHeader("Refresh","2;URL=csgneng.jsp");//实现网页跳转 } else { out.println("用户名或密码错误! <br> 请重新登陆"); } } catch(Exception e) { out.println(e); } %> </body> </html> 这是一个连接数据库和验证的一些代码,你可以参考哈满意请采纳
dreamweaver怎么把这个表格的边框。。变成一道线!
这样的虚线,在浏览器里是不显示的,要显示一道线,你先把表格的背景色设置为黑色,然后设置单元格的间距为1,再把所有单元格的背景色设置为白色,这样预览时就会显示一个黑色的细线表格,要换颜色,只要改表格的背景色就行。
Dreamweaver 中表格如何横向排列(不受宽度影响)?
这个是不可以的但你如果想在旁边加东西的话可以把表格拆分多列可以达到同样的 效果
网页制作,dreamweaver中,如何限制表格的高度为1个像素。
搞不懂你为什么要1像素的表格;你得把情况说清楚才好对症下药;单纯的把表格高度设置为1像素,可以参考下面代码 切忌td之间不能加任何东西,包括空格<table width="180" border="0" cellspacing="0" cellpadding="0" style="height:1px;"> <tr> <td ></td> </tr> </table>或者这样也行<table width="180" border="0" cellspacing="0" cellpadding="0" > <tr> <td style="height:1px;"></td> </tr></table> 要设置属性,就在后面加style="" 然后随你设置。想要研究深一点,可以上这个网站http://www.w3school.com.cn/css/index.asp 加油!
dreamweaver如何在单元格内设定文本边框两边的距离(代码是什么)
单元格边距指的是表格的单元格中内容和边框之间的距离,当你用editplus编写时对应语句是<table cellpadding=value> 间距指单元格和单元格之间的距离 editplus中<table cellspacing=value> 边框粗细,就是表格的边框的宽度(其实也就是粗细) editplus中<table border=value>
Dreamweaver导航条按钮制作方法
看到上面的导航条了吗?你可以点击一下看看它的效果,请注意,这可是用表格做出来的,你相信吗?其实代码很简单,现在让我们来看看该怎么做。1.首先创建一个1x6的表格,参数为:border=0 cellspacing=3 cellpadding=0;2.在这个表格的每个单元格内分别插入一个表格,宽度和高度设为100%;3.建立一个CSS样式.up和.down;代码如下:style.up{border:4 outset royalblue;color:yellow;background:blue;cursor:hand}.down{border:4 inset royalblue;color:#33ff33;background:blue;cursor:hand}/style4.对插入的表格调用样式和行为,代码如下:class=up onMouseDown="className="down"" onMouseUp="className="up"" onMouseOut="className="up"" onclick=window.open("button.htm","_blank")注意:链接请用onclick,不要用href,因为后者访问后有虚线框,不美观。现在存盘看看效果吧!
Dreamweaver表格的边距为0
将这两个属性设置成0就可以了:cellspacing="0" cellpadding="0"
Dreamweaver间距如何设置等等
既然使用Dreamweaver,通过直观的设置就能解决你的很多问题。在Dreamweaver窗口的底部有属性栏,如果属性栏没有显示出来,到“窗口”菜单中钩选后就能看到。选中表格,就能在“属性”栏中设置表格的“填充、间距”等。点击页面的空白处,属性栏中就能看到“页面属性”,在页面对话框中的右侧找到“链接”,就能设置链接式样。“字间距,行间距,段落间距”等要手动写CSS代码,在网页代码的<head>到</head>之间找到<style type="text/css">和</style>向其中添加一些代码,如:<style type="text/css">body{ line-height:25px; /* 设置表格外的文字行距25px,可以使用百分比,如150% */ letter-spacing:6px; /* 设置表格外字间距 */} p{ /*p{...}表示段落*/margin:5px ; /* 这里设置段落间距 */ } td{ /*td{...}表格中的单元格*/line-height:25px; /* 设置表格内的文字行距25px,可以使用百分比,如150% */letter-spacing:6px; /* 设置表格内字间距 */}</style>你把这些代码复制到<head>与</head>之间就能显示出效果,不过CSS要学会灵活应用。
dreamweaver网页设计里面一些问题
border就是表格的粗细 设置表格的粗细cellpadding 表格的边距 单元格与表格的填充设置cellspacing 表格的间距 单元格与单元格之间的设置
Dreamweaver中的填充与间距分别代表什么?
cellpadding:单元格内间距cellspacing:就是你所谓的填充
dreamweaver里面,表格属性:cellspacing的数值占用单元格的宽高和表格的宽高吗?
cellspacing属性只是增加单元格之间的间距,该属性的大小不会令单元格的属性发生改变,其改变的是整个表格的大小!这个必须实践才能看到,给你一段代码你试试改变cellspacing的值看看表格的变化:<html><head><script type="text/javascript">function spacing(){document.getElementById("myTable").cellSpacing="15"}</script></head><body><table id="myTable" border="1"><tr><td>100</td><td>200</td></tr><tr><td>300</td><td>400</td></tr></table><br /><input type="button" onclick="spacing()" value="Change Cellspacing"></body></html>
Dreamweaver里的行间距怎么调?
加载CSS来控制
dreamweaver cs5下载好的是英文版的怎么改成中文版的
英文版的没用过,你可以下载中文版的啊!
dreamweaver几张图片一张张的连续滚动展示
#div_left{float:left;width:60px;height:86px;}#starScroll{width:843px;height:188px;margin-left:15px;margin-right:15px;padding-top:9px;overflow:hidden;border:1px solid red;float:left;} #starScroll #contentScroll{width:500%} #starScroll #ScrollOne{float:left;} #starScroll #ScrollOne a{float:left;width:204px;height:188px;margin-right:9px;float:left;display:inline;} #starScroll #ScrollOne img{width:204px;height:188px;border:0px;} #starScroll #ScrollTwo{float:left;} #starScroll #ScrollTwo a{float:left;width:204px;height:188px;margin-right:9px;float:left;display:inline;} #starScroll #ScrollTwo img{width:204px;height:188px;border:0px;} #div_right{float:left;width:60px;height:86px;} .arrow{background:url(images/arrow.png) no-repeat;cursor:pointer;height:86px;width:60px;cursor:pointer;display:block;margin-top:50px;} .prev{background-position:left top;} .prev:hover{background-position:left bottom;} .next{background-position:right top;} .next:hover{background-position:right bottom;}html代码复制代码 代码如下:<div> <div id="div_left"> <span id="btn_left" class="arrow prev"></span> </div> <div id="starScroll"> <div id="contentScroll"> <div id="ScrollOne"> <a href="#" title="1"><img src="images/1.jpg" /></a> <a href="#" title="2"><img src="images/2.jpg" /></a> <a href="#" title="3"><img src="images/3.jpg" /></a> <a href="#" title="4"><img src="images/4.jpg" /></a> <a href="#" title="5"><img src="images/5.jpg" /></a> <a href="#" title="6"><img src="images/6.jpg" /></a> <a href="#" title="7"><img src="images/7.jpg" /></a> <a href="#" title="8"><img src="images/8.jpg" /></a> </div> <div id="ScrollTwo"></div> </div> </div> <div id="div_right"> <span id="btn_right" class="arrow next"></span> </div></div>JS代码复制代码 代码如下: <script type="text/javascript">var Scroll=(function(){ return function(){ var starScroll = document.getElementById("starScroll"), ScrollOne = document.getElementById("ScrollOne"), aCollection = ScrollOne.getElementsByTagName("a"), aLength = aCollection.length, ScrollTwo = document.getElementById("ScrollTwo"), btn_left = document.getElementById("btn_left"), btn_right = document.getElementById("btn_right"); var Width = 204,Current = 1,Rate = 7,TimeTimeout=1000,TimeInterval=10,MarginRight=9; var SInterval=null,STimeout=null; var flag=true; function ScrollLeft(){ var CountWidth = Current*Width+Current*MarginRight, SLeftPara=starScroll.scrollLeft; if(ScrollTwo.offsetWidth-SLeftPara==0){ starScroll.scrollLeft=0; Current=0; } if(CountWidth-SLeftPara==0){ Forward(); } else{ var v = Math.round((CountWidth-SLeftPara)/Rate); v = v<1 ? 1 : v; SetScrollLeft(SLeftPara+v); } } function SetScrollLeft(scrollleft){ starScroll.scrollLeft=scrollleft; } function Init(){ flag=false; SInterval=setInterval(ScrollLeft,TimeInterval); } function Forward(){ clearInterval(SInterval); Current++; flag=true; STimeout = setTimeout(Init,TimeTimeout); } btn_right.onclick=function(){ if(flag){ clearTimeout(STimeout); Init(); } } function ScrollRight(){ var CountWidth = Current*Width+Current*MarginRight, SLeftPara = starScroll.scrollLeft; if(CountWidth-SLeftPara==0){ Forward(); } else{ var v = Math.round((CountWidth-SLeftPara)/Rate); v = v>-1?-1:v; SetScrollLeft(SLeftPara+v); } } btn_left.onclick=function(){ if(!flag){ return; } flag=false; clearTimeout(STimeout); if(Current==1){ SetScrollLeft(ScrollTwo.offsetWidth); Current=aLength+1; } Current-=2; SInterval = setInterval(ScrollRight,TimeInterval); } if(aLength>0){ starScroll.scrollLeft=0; ScrollTwo.innerHTML = ScrollOne.innerHTML; STimeout = setTimeout(Init,TimeTimeout); } }})();Scroll(); </script>
dreamweaver 刚刚做的时候用div设置了一个版块 但是莫名其妙地多出了margin-right
看一下父元素有没有margin的值
Dreamweaver里面的这些字母都代表着什么?都要说哦!!
这个是html的提示标签含义如下:a是超链接标签;例:<a href="http://baidu.com" >跳转到百度</a>abbr标记一个缩写;例如:The <abbr title="People"s Republic of China">PRC</abbr> was founded in 1949.acronym标记一个首字母缩写;例如:<acronym title="World Wide Web">WWW</acronym>一个嵌入的 Java applet;例如:<applet code="Bubbles.class" width="350" height="350">Java applet that draws animated bubbles.</applet>area带有可点击区域的图像映射;例如:http://www.w3school.com.cn/tiy/t.asp?f=html_areamapb文字加粗base标签为页面上的所有链接规定默认地址或默认目标basefont规定页面上的默认字体颜色和字号,不建议使用bdo 元素可覆盖默认的文本方向。
Dreamweaver里文字的行间距怎么调啊?
偶只知道用CSS样式定义行与行的间距,不知道还有没有别的方法了!!!
frontpage和Dreamweaver分别是什么意思,做什么用的?
两个都是制作网页的软件,(我只知道这么多,其它的就不知道了)
有谁能告诉我frontpage和dreamweaver有什么区别吗?要详细点的
Dreamweaver比FrontPage都是比较知名的网页设计软件,可称得上是网页设计中的佼佼者。但到底谁更好些呢?FrontPage占领的是中级市场,其地位犹如字处理软件中的Word,比较重视网页的开发效率、易学易用的引导过程;而Dreamweaver主攻的是网页高级设计市场,其地位犹如出版领域的PageMaker,所强调的是更强大的网页控制、设计能力及创意的完全发挥。 Dreamweaver在功能的完善,使用的便捷上比FrontPage要强些。它囊括了FrontPage的所有基本操作,并开发了许多独具特色的设计新概念,诸如行为(Behaviors)、时间线(Timeline)、资源库(Library)等,还支持层叠式样表(CSS)和动态网页效果(DHTML)。 而动态HTML是Dreamweaver最令人欣赏的功能,是它的最大的特色。 Dreamweaver与FrontPage比较,有几下几点优势: 1. 产生的垃圾代码少,网页可读性好,可以提高网页浏览速度; 2. 通过图层功能,可以快速制作出复杂的页面,图片定位更容易; 3. 可基本解决IE与Netscape的兼容性; 4. 设计思路广,内涵丰富,创作随意性强,可充分展现你的创意。
求1款可以替代dreamweaver的网页编辑软件,要求代码和设计能拆分显示的,本人初学者。
用myeclips中的jsp,不过得自己写代码
dreamweaver的发展历程,有谁知道啊???麻烦详细一点~~~~
版本已经到9了,现在被adobe 公司收购了,就是photoshop的那个
Dreamweaver 是个什么东西?
做网叶的软件
C盘里的Downloaded Installations dreamweaver 可以删除吗
可以删除的;这个可能是迅雷 或flashget 下载的时候 自动创建的文件夹;删除了以后没有影响的;你以后下载的时候还会自动创建的
我爱自学网DreamweaverCS6全套视频教程
你要找的是不是这个??
在dreamweaver中如何给我制作的网页加关键字和描述?
<meta name="keywords" content="你的关键字">