大学生静态网页作业
原创作品
十元模板区
常见问题
关键词:
当前位置:
常见问题
设计制作过程参考模板
设计制作过程参考模板
创意
作品题目:
新冠病毒疫情专题报道
表达的主题:
通过制作本网页,目的在与宣传与表达对一线医务工作者精神的赞扬,和对他们这种崇高美德的敬意。
步骤:1打开Dreamweaver软件新建html文件
2、先规划一下网页布局如图(是4行一列的结构)
3、布局完成之后我们开始写html代码,首先写顶部,在写导航,最后写主题部分,主题部分里面由上到下来写,先把html代码标签这些写完。
头部代码:头部主要放LOGO和登录按钮
导航代码,导航由于我们可以连接到其他页面,所以我们的导航要用a标签来写,具体的代码如下,导航可以采用无序列表来定义。
然后接下来我们写主体部分,先写一个介绍板块,然后再写一个图片列表板块,再做视频板块,最后来个表单。
最后我们写底部,底部比较简单就是一句话就可以了,完成之后我们就写好了整个首页的html代码,但是没有任何样式,我们引入css外部文件,可以用css里面的类选择器来对网页的标签进行美化处理,让我们的网页看起来比较生动形象。
C
ss写好之后我们就完成了网站首页的样式和内容,接下来用相同的办法来对其他页面进行处理。
四.网页完成后,各个页面之间可以相互连接,通过浏览器打开就做好了一个主题为
新冠病毒疫情专题报道
的完整网页了。
技术面:
网页采用静态网页技术即html代码,细化为div+css,通过html标签做出网页内容,再通过css样式表对标签进行美化,包括宽度,背景颜色,字体大小等。
html5、css3布局实现效果。
具体使用了html5、css3布局。