网站建设前端制作有哪些？

2023-08-24 分类：网站建设

网站建设前端：

HTML，是基于开合标签的语法，是一种文档形式，index.html是首页，其他html为二级页面;

CSS，是用来格式化样式和风格的，CSS以选择器为开头，即选择 HTML 页面中的哪些元素来样式，然后是大括号{ }，里面包含全部页面样式、文字滚动、图片放大、属性值等。CSS 是作用到 HTML 上，对应的 CSS 有 3 种形式：

第一种：直接写到 HTML 标签里，成为“内嵌式CSS”。

第二种：写到 HTML 文件头部，用开合标签包含。

第三种：外链到单独的 .css 文件。

在DW中制作首页：

(1)新建Dreamweaver空白文档，命名为index.html。将视图模式切换到代码视图或拆分视图，在body标记之间输入代码，建立HTML结构;

(2)在head标记之间输入代码,然后在style标记之间输入CSS代码，设置container层的属性，“margin: 0 auto”使得容器居中显示，也就是实现页面居中效果;

(3)在head的style标记之间输入CSS代码，设置menu中超链接字体的属性，包括字体的大小和超链接的下划线样式，这样，一个简单的页面顶部就做好了;

(4)构建navlist层，该层用来放置导航条,可以通过下面2步完成navlist层的建设。

① 在body标记之间输入代码替换“ navlist”，插入制作导航条的列表项;

②在head的style标记之间输入CSS代码，设置列表、列表项、链接字体、光标滑过链接时的属性。

(5)构建footer层：为footer设置背景颜色、宽度、字体颜色和文本居中，通过margin属性设置使整个内容居中显示，padding属性设置了内容距边界之间的距离。

这样，一个简单的网站首页就制作完成了。

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容