当前位置:
  • 教程中心
  • 技术文摘
  • 设计制作过程参考模板

    设计制作过程参考模板

    发布时间:2022-01-26

    创意

    作品题目:
    新冠病毒疫情专题报道
     
    表达的主题:
    通过制作本网页,目的在与宣传与表达对一线医务工作者精神的赞扬,和对他们这种崇高美德的敬意。
     
    步骤:1打开Dreamweaver软件新建html文件
     
     
    2、先规划一下网页布局如图(是4行一列的结构)
     
     
     
    3、布局完成之后我们开始写html代码,首先写顶部,在写导航,最后写主题部分,主题部分里面由上到下来写,先把html代码标签这些写完。
    头部代码:头部主要放LOGO和登录按钮
     
    导航代码,导航由于我们可以连接到其他页面,所以我们的导航要用a标签来写,具体的代码如下,导航可以采用无序列表来定义。
     
    然后接下来我们写主体部分,先写一个介绍板块,然后再写一个图片列表板块,再做视频板块,最后来个表单。
     
     
     
     
     
     
    最后我们写底部,底部比较简单就是一句话就可以了,完成之后我们就写好了整个首页的html代码,但是没有任何样式,我们引入css外部文件,可以用css里面的类选择器来对网页的标签进行美化处理,让我们的网页看起来比较生动形象。Css写好之后我们就完成了网站首页的样式和内容,接下来用相同的办法来对其他页面进行处理。
     
    四.网页完成后,各个页面之间可以相互连接,通过浏览器打开就做好了一个主题为新冠病毒疫情专题报道的完整网页了。









    技术面:网页采用静态网页技术即html代码,细化为div+css,通过html标签做出网页内容,再通过css样式表对标签进行美化,包括宽度,背景颜色,字体大小等。
    html5、css3布局实现效果。
    具体使用了html5、css3布局。