Dreamweaver网页制作素材(dreamweaver网页制作教程)

http://www.itjxue.com  2023-02-14 12:23  来源:未知  点击次数: 

dreamweaver怎么做一个简单的网页

方法/步骤

1、打开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浏览器打开,输入用户名和密码,然后会看到如下情况:用户名课件,密码不可见,符合实际。

16、当然也可以在Dreamwaver CS6 的实时视图中完成第15步。

如何用Dreamweaver新建一个简单的网页

点击桌面Dreamweaver软件,双击打开。

选择文件-新建,建立新的文档,或使用快捷键Ctrl+N。

将光标置入空白网页中,输入你需要的文字。

将鼠标光标放在文字开头,按住鼠标左键拖到最后,选中所有文字,或使用快捷键Ctrl+A。

在下面属性面板中,选择字体为宋体,颜色为黑色(#000000).也可以选择你所喜欢的字体和颜色。

保存网页文本,按快捷键F12网页预览。即可得到所需要的文本网页。

如何制作网页?

你好,很高兴为你解答:

1.制作网页首先应该对自己的网页有一个整体的规划,是建一个什么类型的网站,网站主色调使用哪种颜色、设计布局采用什么样的方式等这些都需要有一个很好的规划。

2.做什么事都不能盲目的没有目的的进行,那样只能浪费时间浪费精力,在制作网页之前一定要对网页的基本元素进行一些设计。可以简单的画草图,或者浏览几个自己比较喜欢的网站学习借鉴。

3.制作一个网页需要大量的文件,必须先将这些不同类型的文件进行归类放置,整理到一个文件夹中。

打开Dreamweaver软件,新建一个站点,然后在站点下建立不同的文件夹存放素材。

4.建立自己的主页,按照之前的定的风格设计布局。

不要急着添加图片和文字,先将导航栏,标题栏和内容栏都规划好然后在进行素材的导入。注意无论是文件夹的名还是素材名最好使用英文而不是中文。中文状态很容易报错,文件添加后就不要更改文件路劲了,否则会导致文件的丢失。

5.制作网页是一个非常复杂的过程,如果想从头到尾自己制作一个网页的话是很难说清楚的,所以这里就分享一个很简单的方法。

找到一个适合自己风格或是自己比较喜欢的网页,右击鼠标——另存为。

这时浏览器就会将这个网页中的所有的元素都复制下来,存放到一个文件夹中。

6.打开Dreamweaver软件代开刚刚下载的网页,这时Dreamweaver中就会显示你下载网页的所有元素,不会出现丢失的情况。

7.替换网页中的元素即可。

选择需要进行修改的图片或是文字直接更换即可。选择一个元素然后在下面的属性栏中进行更换即可。同时还可以更换图片的大小和其他的属性。

8.按下F12进行预览效果即可。不满意的地方进行修改,一定要注意随时保存文件。

(责任编辑:IT教学网)

更多

推荐微信营销文章