服务热线 400-660-5555

杭州网站建设
首页 站内资讯

杭州网站建设

站内资讯
杭州网站建设 / 站内资讯 / 行业资讯 / 正文

怎么用dw做登陆网站-如何使用Dreamweaver制作一个网页

来源: All智能文章
发布时间:2023-02-07 13:03:20

1、如何使用Dreamweaver制作网页

  这里的西西给你带来了一个dreamweaver制作网页教程,初学DW朋友可以参考一下。怎么使用dw做一个网站。

  一、定义网站

  1.在任何根目录下创建文件夹(假设我们在这里是E盘),如果它被命名为MyWeb。

  ***注:网站上使用的文件应使用英文名称。

  2、打开Dreamweaver,选择网站-新网站,打开对话框。在网站名称中输入网站名称(可用中文),在本地根文件夹中选择刚刚创建的文件夹(E:web)。然后确定。

  ***注:再次打开Dreamweaver,刚才设立的网站会自动找到。若有多个网站,可在菜单网站-开放网站中选择。用dw设计网站怎么做。

  二、创建页面怎么用dw做网站

  1.本地文件夹E:MyWeb在下面的空白处,按右键选择新文件,从而建立一个页面。默认文件被称为untitled.htm。htm这意味着网页文件是静态的HTML文件。改名为index.htm。

  ***网站**页的名字通常是index.htm或index.html。可以自己取其他页面的名称。

  2、双击index.htm进入页面的编辑状态。在标题空间中输入网页名称,按右键选择页面属性,打开页面属性窗口。在这里,您可以设置网站的标题、背景颜色或背景图像,超链接的颜色(通常是默认的),并保持默认。

  3.此时,光标位于左上角,可可以输入一句话,如欢迎来到我的主页。选择文本,用菜单窗口/属性打开属性面板,选择文本大小为6,然后将文本放在中间,然后在文本前使用几辆回车将其放在页面中间。怎么用dw做个人网页。

  4.如果您想选择字体,请选择字体中的***项:编辑字体列表。然后在对话框中选择 然后在可用字体栏中选择需要添加到字体列表中的字体,点击中间按钮添加。

  ***宋体字是网页上最常用的字体。不要在列表中添加特殊字体,因为其他人在电脑上看不到它们。如有必要,在使用前制作图片。

  ***在网页上输入空间的方法是将输入法调整到全角。制作dw网站怎么做。

  ***网页上换行的方法是:shift Enter。只按Enter则为换段。

  三、为页面添加图片dw能做出什么网站。

  1.本地文件夹E:MyWeb在下面的空白处,按右键选择新文件夹,这样就建立了一个文件夹,用来放图片,可以改名为tu或pic或images都可以。如何用dw做个人网站。

  2.用菜单窗口/对象打开对象面板,点击插入图像,在对话框中选择要插入的图片。如果会有对话框:你愿意把文件复制到根文件夹里吗?,必须选择是,然后保存在新建的文件夹里。

  3.选择图片并打开属性面板。您可以在上面命名图片,并重新设置图片的高度和宽度。拖动图片角上的点可以变大。shift按钮,然后拖动角上的点,以保持图片的宽度和高比。如果要恢复原始尺寸,单击右下角的重置尺寸按钮。

  4.链接可以直接在这里输入地址。替换是图片的描述,即鼠标指向图片中显示的文本;边框是图片边框的宽度,对齐是对齐。用dw做一个个人网站。

  四、添加超链接

  1.添加文本链接。

  例如,在页面上输入我的文章,然后选择它,打开属性面板,在链接网格中选择它想要链接的页面。我们通常使用后一个目标self也就是说,打开的新窗户取代了现在打开的窗户;或者选择blank即打开新窗。

  为图片添加链接怎样用DW做一个小网站。

  与上述文本的链接相同,插入图片,然后选择属性面板中的链接格。

  ****图片可以创建不同的多个链接。方法如下:

  属性面板中的地图项下有一些图形,如点击方形,将光标变成交叉,并在图片上绘制蓝色矩形热区。此时,该热区可以在属性面板上设置链接地址,鼠标指向将显示。同样,在圆形设置热区后,可以为图片设置其他链接。dw怎么做子网页。

  3、添加E-mail链接

  需要添加选择E-mail链接文本或图片,打开属性面板,在链接格式中输入电子邮件地址。格式如下:mailto:电子邮件地址。注意中间格。

  4.如果链接到浏览器无法打开的文件,例如exe、Zip等待文件,然后浏览器在点击此链接时,将实现文件下载或在线播放。dw做的网页怎么发布。

  五、使用表格dw怎么上传做好的网页。

  1.点击插入/表格,打开表格面板设置。行数、列数、宽度、边框等。单元格填充是单元格内侧与内容之间的距离;单元格间距是单元格之间的距离,单元是像素。

  2.插入表格后,单击表格边框,选择整个表格。然后可以在下面的属性面板中设置各种设置。

  3.将光标移动到其中一个单元格此时看到的属性面板是单元格的属性面板。也可以操作各种单元格。如背景颜色、背景图、边框、合并、拆分等。

  六、关于表格的其他操作dw怎么做动态网页。

  制作细线表格原理:

  1.选择整个表格,将其背景设置为黑色表格线的颜色)。dw做一个小网站教程。

  2.选择所有单元格,背景为白色。

  二是自动格式表

  1.先做一张表格,然后选择。dw怎么做首页。

  2.选择菜单中的命令/格式表格。也就是说,你可以选择一些预设的表格样式。

  三一像素分割条

  1.插入一行一列,宽度为像素,边框边距为0。

  2.选择表格,将表格设置为1像素,并设置背景色(即所需的线条颜色)。

  3.将代码切换到代码和设计窗口<td>删除。

  七、用表格构建完整的页面

  网页顶部(一般包括图标、广告、导航菜单)

  1.创建一行2列,宽度为像素,边框和边距为0。dw怎么做。

  2.选择表格,设置中间对齐的排列,背景色为#。用dw做一个简单的网页。

  3.将光标放置在左单元格中,将其水平排列为左对齐,垂直排列为顶对齐,然后插入图像。一般来说,网站的图标插入在这里,即logo。

  4.将光标放置在右侧单元格中,将其宽度设置为中间对齐,垂直排列为中间,然后插入图像,通常是网络广告,即banner。

  5.将光标放置在刚完成的表格后,插入/表格,创建一行一列,宽度为像素,边框和边距为0的表格。

  6.选择刚创建的表格,设置排列对齐,背景色为#。

  多个图像依次插入该表格作为导航条菜单。

  第二页中间(左栏列表,中间网站新闻,右栏列表)dw可以做动态网站吗。

  1.插入/表格,在导航条表格后面创建一个1行3列的表格,宽度为像素,边框和边距为0。并设置中间对齐的排列模式,背景颜色为#FFFFFFF。

  2.将光标放置在左侧单元格中,宽度为18%,水平排列为中对齐,垂直排列为顶对齐,然后插入图像和导航条。

  3.将光标放置在刚插入的图片中,插入/表格,插入12行1列,宽90%的表格。设置单元格间距为1,背景色为#CCCCCC。dw做网站。

  4.将光标放置在表格的**个单元中,高度为20,背景色为#FFFFFF。插入/图像,在导航文本前插入一个小点。还设置了其他11个单元格,完成了左栏的分类列表。

  5.将光标放置在主表中间单元格中,宽度为66%,中间对齐水平排列,顶部对齐垂直排列,然后插入/图像和导航条。

  6.将光标放在图像后面,插入/表格,插入4行1列,宽95%的表格。单元格间距为1,背景色为#CCCCCC。

  7.将光标放在表格的**个单元格中,拖动鼠标,选择四个单元格,设置高度为60,背景色为#FFFFFF。dw能做动态网页吗。

  8.将光标放置在主表右侧的单元格中,宽度为16%,中间对齐水平排列,顶部对齐垂直排列,插入/图像,插入导航条。

  9.将光标放在图像后面,插入/表格,插入7行一列,宽90%的表格。间距为1,背景色为#CCCCCC。

  10、按住Ctrl按钮,用鼠标点击刚插入的表格的第1、3、5、7单元格,然后将其设置为55,背景色为#FFFFFF。

  11.选择2、4、6单元格,设置为6,背景色为#FFFFFF。如何用DW做一个网页。

  12.切换到源代码窗口,删除第2、4、6单元格中的空格符号。

  三页底部(一般包括版权信息等相关内容)

  1.将光标放置在主表中后,插入/表,创建一个宽度为像素、边框和边距为0的2行2列表。dw做网页难吗。

  2.选择表格,设置排列对齐,背景色为#。dw做产品发布页面。

  3.将光标放置在表格**行左侧单元格中,宽度为50%,水平排列为默认,垂直排列为基线,背景色为#FFFFFF,然后输入版权信息,内容颜色随意。

  4.将光标放在表格**行右侧的单元格中,插入/图像,插入圆角图像,输入后面Email大小和颜色为1和#FFFFFF。

  5.插入/表单对象/文本域,插入文本域,宽度可随意。

  6.插入/图像,插入一个GO的图像。

  7.设置页面属性。单击菜单修改/页面属性,在标题栏中输入标题,选择背景图像,将顶部边界设置为0。怎么使用dw做一个网站。

  ***将整个网页部分组合在不同的表格中,也可以加快浏览器阅读页面的时间。;因为浏览器在阅读完整的表格后显示内容,所以**不要将其框在整个表格中。

  八、用布局表构建完整的页面

  1.单击插入/布局,将布局视图按钮切换到布局视图状态(默认为标准视图)。也可以通过菜单中的查看/表格视图/布局视图进入。

  2.单击绘制布局表按钮,然后在页面中创建布局表。

  3.就像上一个例子一样,先画网页的顶部,再画中间,再画底部的大表格。

  4.单击绘制布局单元格按钮,然后在绘制好的布局表中绘制布局单元格。怎么用dw做登陆网站。

  5.返回标准视图,在已划分的表格中插入嵌套的小表格,细化页面,完成整个页面的设计。

  ****注意把整个页面放在一个大的布局表中,因为这样的页面浏览速度会很慢。应根据页面的布局和内容划分几个布局表,然后分别插入布局单元格。

  九、层的使用

  点击插入/层。也可点击图标,然后拖动鼠标创建层。

  3.选择创建的层,查看属性面板。默认使用层数和标签。编程时需要使用层数,但我们现在一般不使用。上是页面上边界的距离;左是距离左边界的距离。z轴是层的顺序,大数字叠加在小数字上。

  ****不设置颜色时,层是透明的。

  点中左上角的小方框可随意拖动层,大小也可调节。

  5.在溢出栏中,当文字大于层时,visible(仍显示超出部分),hidden(隐藏超出部分),scroll(无论是否超过,都显示滚动条),auto(滚动条出现在超出时)。

  6.点击菜单窗口/其他/层,此时将出现层管理窗口。您可以修改层的名称和Z轴值,或点击眼睛图标使层可见或不可见。还有一个选项可以防止重叠。

  层对齐shift同时选择几层。然后用修改/对齐,用这里的选项。

  8、嵌套层。⑴首先在文档中插入一层。⑵将光标放入层中,然后继续插入一层,得到嵌套层。⑶里面叫子层,外面的父层。它们的Z轴顺序是一样的。拖动父层时,子层会相对移动。移动子层时,父层不会移动。

* 文章来源于网络,如有侵权,请联系客服删除处理。
在线 咨询

添加动力小姐姐微信

微信 咨询

电话咨询

400-660-5555

我们联系您

电话 咨询
微信扫码关注动力小姐姐 X
qr