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

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属性设置了内容距边界之间的距离。

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

网站名称:网站建设前端制作有哪些?
文章URL:/news34/278134.html

成都网站建设公司_创新互联,为您提供微信小程序用户体验面包屑导航App设计网站制作响应式网站

广告

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

成都网站建设