dw个人介绍网页制作代码（dw个人网页制作教程）

今天给各位分享dw个人介绍网页制作代码的知识，其中也会对dw个人网页制作教程进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、怎样用Dreamweaver制作一个个人虚拟网站？
• 2、怎样使用dreamweaver制作一个个人简历
• 3、Dreamweaver编写网页代码流程

怎样用Dreamweaver制作一个个人虚拟网站？

利用Dreamweaver制作一个个人虚拟网站的步骤如下：

1、打开DW，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制作一个个人简历

1、打开Dreamweaver插入表格，根据计划来设计行和列的数量。

2、根据页面大小设计表格宽度等参数。

3、填写自己相关信息保存即可。

以上是用dreamweaver制作个人简历的步骤，另也可用word制作好的，然后通过另存为网页形式,如图。

Dreamweaver编写网页代码流程

1、画图，页面要一个怎么样的布局

2、确定布局用盒子（div）模型还是表格，现代一般用盒子

3、文本文档或者dw编辑文本，语言为HTML5

4、各种静态效果或伪类用CSS写，可以用内嵌的或者外链的

5、文字内容只是直接写进body对就行，字体、大小可以通过CSS设置

6、图片可以直接通过img内的width和height设置

7、什么都不懂的情况下，用设计面板，通过UI去拖拉操作制作页面，或者另存为相似的页面再修改。

dw个人介绍网页制作代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于dw个人网页制作教程、dw个人介绍网页制作代码的信息别忘了在本站进行查找喔。