STU网页设计

网页设计期末大作业制作过程中常见技术要点

更新时间:2018-02-26   文章分类:网页技术课堂

一、设置网页设计作业中的字体颜色
    在网页作业的制作过程中可能需要修改网页中的字体颜色,对于高手来说是一件很简单的事情,但对于很多网页作业的初学者来说,无从下手。
最简单的方法,就是在<body>里设置一下 text="字体颜色" 以红色为例子,打码为:<body text="red">
二、修改网页的背景颜色
    很多同学在交期末网页作业的时候会选择网上的免费网页作业,但是免费网页作业用的很多,而且老师们大多看过,因此需要修改一下,网页作业商城,为同学们提供一下修改网页作业的方法。
主要方法为在 body元素中使用bgcolor属性,以白色为例子,把网页作业的背景颜色修改为白色为:bgcolor:#fffff
三、网页作业中文字加超级链接到其他页面
    在制作期末网页作业的时候有很多人会遇到不会给你文字加连接问题,一致在dw里摸索操作,但是就是不对,今天给大家介绍个最简单的办法,在网页作业中用到超级连接最多的地方莫过于导航,
在导航里,点击文字可以进入其他页面,主要的代码为<a href="#">超级连接文字</a>,其中<a>,是超级连接的标记。#代表你要连接的方向,那文字就是你的导航文字。
大家在网上购买成品,或者下载免费成品的时候,往往都需要修改,一下,超级链接的修改这样改就好了。
四、修改网页设计作业中超级链接的样式
    在制作网页作业的时候,给文字加上连接之后发现很多连接都是带有下划线的而且文字的颜色都是蓝色,这样在一定程度上影响了网页的美观,因此需要对超级链接的样式做出一下修改、
主要在css中设置,具体的代码为a{ color:#000; text-decration:none;}这样就去掉了导航中超级连接的颜色和下划线。
五、设置网页设计作业中的边距
    刚开始学习网页作业的同学们总是处理不好网页元素之间的距离,网页中的元素和建筑一样,彼此需要距离,制作网页作业也好,用网上的免费成品作业也好,往往都需要会处理这个问题,把不规范的东西做的规范一些。
处理网页边距就是一个重要问题,主要途径主要是通过网页的外边距控制,margin,例如你想距上面的元素20个像素,就写margin:20px 0 0 0; 后面的数值分别对应的是上右下左,设置好网页元素的边距才能让你的网页作业更有条理。
六、设置网页作业中文字的标题
    在制作网页作业时候,文章标题是一个重要部分任何的页面都需要有一个明确的网页标题,用来告诉你的老师这个页面是用来展示什么信息的,在网页作业的设计和制作中,dw有专门的选项。
但是同学们应该清楚,使用代码怎么写和修改,主要通过<h1>标题</h1>来控制网页作业中的标题信息,标签可以是<h1>到<h6>,主要看你的网页作业中的标题级别而定
七、修改网页设计作业中的字体大小
    在制作网页作业的时候,字体大小问题直接影响着整个网页的层次,无论是独立的自己制作还是使用网上下载的免费网页作业成品,可能都会遇到这个问题,都需对网页中的字体做出修改,
网页中的字体属性主要通过css中的font-size属性控制,例如像对你的文字设置字体为12,代码为font-size:12px;,在当前的网页作业制作过程中,常见的字体有12号,14号,16号
八、网页作业中的字体加下划线
    在制作期末网页作业的过程中有时候需要对某几个字进行特殊处理,比如导航文字,作者信息,底部版权等,需要对这些文字进行区别化的处理,主要通过使用下划线的方式,
在网页作业制作中通过text-decration方式来控制网页中字体的下划线样式,具体的代码为 text-decration:underline
九、网页作业中的删除线方法strike
    在制作期末网页作业的时候有时候会遇到把文字删除了的效果,有很多人不知所然,就直接跳过去不做,有的是做成图片,
实际上在网页作业的制作过程中,对于删除线有相关的代码,strike,具体的代码实例为<strike>要删除的文字</strike>
十、网页设计作业中的空格代码使用
    在用word写东西的时候需要空格了,直接敲击空格键就可以了,然而在网页作业制作过程中,浏览器并不识别键盘的空格,但是在网页制作中空格的使用频率还是很高的,
那么在网页制作中就需要相关的代码来实现空格,空格的代码为&nbsp; 没一个空格就是一个代码,如果需要多个空格,就写多个代码,具体的实例为,空&nbsp;&nbsp;格&nbsp;&nbsp;的&nbsp;&nbsp;演&nbsp;&nbsp;示
 
STU网页公众号

STU网页设计专注于DW网页设计制作,学生网页设计作业,简单网页模板下载,HTML静态网页成品,网页设计代做,网站作品定制,网页毕业设计制作,学生dreamweaver网页成品...

qq code back_top

微信扫码咨询