深圳摇滚音乐联盟

共享树洞||听说网页制作很遥远?

江西理工大学树人网 2018-11-08 08:10:50

第九期

共享树洞


听说

网页制作很难学?

想知道

网页制作怎样学?

别急

树小萌自有妙计等你来

Get




要进行网页制作,

首先,

需要做的就是有一款优秀的网页制作APP

那就是

Dreamweaver

什么?

不知道怎么下载安装?

不急,

小萌已经帮你把资源找到啦,

安装教程也已经整理好啦


(复制搜索下方链接即可下载安装)

Adobe Dreamweaver CC 2015 版本下载+破解
链接:
https://pan.baidu.com/s/1kWYIHWb


安装好了Adobe Dreamweaver CC 2015

在使用之前,

我们必须了解这几种编程语言的作用区别

html   是结构

Diss   为HTML文档的内容提供元素

css   负责外观样式

JavaScript   负责用户与网页互动


接下来就要说说这款网页制作软件的具体使用了

首先需要

新建一个HTML页面,

具体操作如下图:



接下来,

了解Dreamweaver打开后,默认页面的结构,知道每一模块的意义。

了解<head>标记内部的一些标记

<title> /标题

<meta> /标签 

doctype  /文档类型

<html></html> /html标记

<head></head> /头部信息标记标记,不显示

<body></body> /主体页面标记,显示内容

h1--h6  /标题标记,h1最大,h6最小

/段落标记

align  /对其属性,有center , left ,right值

hr  /水平分割线

br  /换行


了解了网页制作的大体结构,

再介绍一下部分内容的具体操作

比如【加入图片】

具体代码如下:

<img src="assets/images/03_200x200.png" style="width:10px height:20px">

注:"assets/images/03_200x200.png"此为图片位置,可根据需要更换,操作步骤如下图)


关于图片效果设置的部分代码

img  /图片标记

src  /路径(绝对路径\相对路径)

title  /鼠标悬停时显示的内容

width  /设置图像的宽度

height  /设置图像的高度

border  /设置图像边框的宽度

vspace  /设置图像顶部和底部的空白(垂直边距)

hspace  /设置图像左侧和右侧的空白(水平边距)

align  /设置图文混批对其方式

left /图片在左边

right  /图片在右边

background /背景图片


【背景音乐】

不知是否有遇到过在打开一个页面的时候有伴随的背景音乐一起响起的经历,有没有很羡慕?是不是很好奇是怎么做到的呢?

其实呢,想给自己设计的网页加个酷酷的BGM并不是什么难事

来让小萌告诉你怎么做吧(一般人我可不会告诉他)

只需一行简单的代码就可以让自己制作的网页拥有自己独特的BGM

具体代码如下:

<audio src="assets/谢春花 - 理想三旬 (Live).mp3" autoplay></audio>

音乐可根据自己的喜好更换,赶快尝试一下吧




想具体学习研究网页制作

只需微信后台回复

DW

or

网页制作

更多的Dreamweaver教程、素材等你来Get


不用说谢谢

请叫小萌我红领巾

下周同一时间

会有更多优秀资源

等你领取

| 江西理工大学树人网 | 

编辑 / 王蒙蒙

审核 / 小组成员

主编 / 江丽萍

图片 / 网络

联系我们 / QQ2261344991
树人网工作室交流群 / QQ250777659

投稿邮箱 / shurenwangwenxue@163.com