自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

原创 运用CSS选择器、CSS文本相关样式及高级特性实现如图所示的宣传页面

运用CSS选择器、CSS文本相关样式及高级特性实现如图所示的宣传页面首先新建文件夹,给它命名为宣传页面提前下载好图片,并放至文件夹内然后开始建立网页结构使用<div>盒子模型,<style>标签引入css最后实现的效果如下...

2022-02-01 18:54:54 3217 2

原创 使用Dreamweaver用CSS效果制作一个简单的搜索页面

用CSS效果制作一个简单的搜索页面首先进行效果分析,按照要求打开dw软件,新建文件夹,命名为搜索页面先在标签中输入相对应的文字统一使用<em>标签对实现效果的文本进行控制最后用<style>标签对特殊文本进行设置最后效果完成如下...

2022-02-01 18:28:07 2586

原创 使用Dreamweaver进行简单的美食专栏图文混排

案例效果图:首先新建一个文件,保存命名为美食专题然后分析结构和样式,会用到的标签因为图片文件位于网页文件的上一级所以在图片前加“../”用<img>标签src引入图片注意:接下来对应<p>标签中输入文字,以及对特殊文字进行css样式的实现暂时完成效果如下:然后我们新建一个css文件,并且保存在同一个html文件夹然后使用<link>标签将css文件使用外链式的方式引入到html文件中,然后添加一个re

2022-01-28 20:50:01 1253

原创 使用HTML进行一个简单的图文混排2

使用HTML进行一个简单的图文混排2要求完成效果图:首先我们打开DW,使用快捷键新建一个文件,给它命名简单分析一下结构,就可以开始编写了首先进行相应的文字填充因为图片保存地方和html文件保存在同一个文件夹,所以可以直接输入图片名字依题目要求,用align属性使得图片在最左边,用hspace属性编辑图片两侧边距为20,用width设置好图片的比例补:在html中空格符号为:&nbsp;对文字进行加粗<strong>标签;文字斜体

2022-01-23 20:28:23 1965

原创 如何使用HTML进行一个简单的图文混排

使用HTML进行一个简单的图文混排题目要求:完成效果图:首先我们打开DW,使用快捷键新建一个文件,给它命名根据题目要求标题为<h2>标签有三段文字分别用三个<p>标签,进行相应的文字填充然后插入图片,因为图片保存地方和html文件保存在同一个文件夹,所以可以直接输入图片名字依题目要求,用align属性使得图片在最左边,用hspace属性编辑图片两侧边距为30,正文内容使用<font>标签设置颜色大小,最后效果如下:

2022-01-23 19:19:40 8599

原创 使用HTML制作简单的新闻页面

这次我们学习的是如何使用HTML制作简单的新闻页面完成效果如下图所示:进行效果分析制作结构首先打开dw 创新文件夹(前面已经讲过了)将所要展示的文字输入在<body>标签内水平线用<hr>添加样式补充一点文本格式化标签,有如下几种标签:(HTML属性的定义形式“属性=“属性值””)然后要对字体颜色大小进行修改利用<h2 align=”center”>使得标题和时间居中利用HTML的文本样式标签<font&.

2022-01-21 18:45:44 11526

原创 HTML和简单的网页制作

HTML和简单网页制作HTML文档基本格式(HTML5)标签的分类什么是HTML标签?带有<>符号的元素被称为HTML标签(又被分为单标签和双标签) <!—注释语句--> 特殊标签标签的关系嵌套关系:一个双标签里面包含了其他的标签,按照由内到外的顺序依次关闭标签(只有双标签才能有嵌套关系)并列关系:两个标签处于同一个级别(任何类型的标签都可以有并列关系)页面格式化标签标题标签HTML提供了6个等级的标题标签<h1>...

2022-01-20 21:13:39 541

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除