html网页制作作业模板，h5网页设计与制作
大家好，关于html网页制作作业模板很多朋友都还不太明白，不过没关系，因为今天小编就来为大家分享关于h5网页设计与制作的知识点，相信应该可以解决大家的一些困惑和问题，如果碰巧可以解决您的问题，还望关注下本站哦，希望对各位有所帮助！
如何制作一个简单的网站(电脑作业)。
用DW做就行
ASP什么的要慢慢学不过先学会HTML和DW
网页设计八步骤
由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。
五、制作网页
材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。
六、上传测试
网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。
七、推广宣传
网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
八、维护更新
网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者
★要想学做网页，首先得了解制作网页的工具。
制作网页主要有以下一些工具
Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不咋地，我不太喜欢。
Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，是普通网页制作者的首选工具，界面简单，实用功能比较强大。建议初学者选用。
另外一个工具就是代码编辑工具，例如写字本、EditPlus等，这些工具主要编辑asp等动态网页。
此外还有一些网络编程工具，javascript、java编辑器等。
网页制作也是一个比较吃香的行业，要真正做一个好的网站，还必须有良好的设计功底。所以还得学很多边缘性的软件，例如photoshop、flash等。
大型的网站往往还需要数据库的支持，所以还得懂数据库。sql、甲骨文等。
总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。随便混就好了！
web网页 主题网站大作业
关于学生网页设计作业，想要做一份合格高分的网页设计课程作品，在制作时需要考虑以下几点：
一、围绕一个主题展开，页面内容不跑题、图片选用要美观且无水印，注意图片适配网页模块尺寸要在Photoshop里裁切，而不是直接缩放变形，变形的图片美观度极差；网页的版面不是内容越多越好，要美观、要留白，看着舒服才会觉得你“做的好”；
二、网站要具备LOGO、导航栏、搜索框、轮播图、底部版权栏等构成网页的基本要素，少了这些老师可能会认为这个页面不够完整、丰富；
三、每个页面的布局版式都不能一样，不要去套用一样的版式去换图换字，不同的版式设计能够拿到更高的分数，比如一个子页面是上下结构，那么另一个子页面可以改成左右结构、左中右结构等等~
四、多媒体元素的丰富运用，如图片、动图、音频、视频、Flash...这些不同格式的素材既能帮助我们去丰富页面内容，也是实实在在的加分项，如音频、视频的插入需要不同的代码以及兼容性测试，在评分人眼里更具有得分理由哦；
五、丰富的运营Html标签，如<footer>定义页脚；<form>表单；<frame>定义框架；<hr>定义水平线；<nav>定义导航；<ul>标签定义无序列表；<li>定义列表的项目；<menu>定义命令的列表或菜单...
80分真心悬赏html 网页制作大作业
参考意见：首先网页排版的基本是要懂得DIV+CSS，通过合理的利用DIV+CSS可以利于搜索引擎的抓取，个人感觉DIV+CSS作为制作网页，美化网页的一个重要辅助，它是很强大方便的，可以弥补table制作框架和表格时的很多不足和美工上的缺点。下面是网站制作者必须知道的排版技巧：
1、CSS盒子（CSSbox）
CSS中没有box这个属性。CSS的盒子（box）是由以下几个部分组成的：内容（content）、填充（padding）、边框（border）和边界（margin）。盒子的内容当然是必须有的，而填充、边框和边界都是可选的。如果把CSS的盒子看做现实生活中的盒子，那么内容就是盒子里装的货物；而填充就是怕货物损坏而添加的泡沫或者其它抗震的东西；边框就是盒子本身了；至于边界则说明盒子摆放的时候的不能与其他物体紧挨在一起，而必须有一段空隙。当然了，CSS中的盒子是平面的。
CSS边框（border）
border主要有以下参数：none：无边框；hidden：隐藏边框；dotted：点线；dashed：虚线；solid：实线边框；double：双线边框；groove：3D凹槽；ridge：菱形边框；inset：3D凹边；outset：3D凸边。
边框的值将是四个，如果提供全部四个参数值，将按上－右－下－左的顺序作用于四个边框。
如果只提供一个，将用于全部的四条边。
如果提供两个，第一个用于上－下，第二个用于左－右。
如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
边框（border）和边界（margin）主要用来定位，它们将以上下左右四个值来定义。
2、链接（a）
CSS链接有四个属性：其中a：link、a：visited、a：hover和a：active分别对应未访问的链接、已经访问过的链接、鼠标悬停的链接和激活的鼠标链接（按下鼠标左键的时候）。这几个样式的顺序不能颠倒，否则可能造成部分样式无法正常显示。每个样式里可以更改字体属性、下划线、背景等等。
3、CSS加入网页方法
主要分为三种：内部样式表、行内样式表（内嵌样式表）、外部样式表。内部样式表主要定义在<head>内；行内样式表可直接使用style属性定义在标签内部；使用外部样式表时，CSS文件与网页文件（html）是分离开来的，分开的文件要用<linkrel="stylesheet"type="text/css"rel="external nofollow" href="文件位置/你的CSS文件名。css"/>链接起来，这主要针对CSS样式表较多的网页中，特别是要与DIV结合的网页。
4、DIV+CSS排版中如何设定文字字体、颜色、大小——使用font
font-style设定斜体，比如font-style：italic；
font-weight设定文字粗细，比如font-weight：bold；
font-size设定文字大小，比如font-size：12px；（或者9pt，不同单位显示问题参考CSS手册）
line-height设定行距，比如line-height：150%；
color设定文字颜色（不是font-color），比如color：red；
font-family设定字体，比如font-family："LucidaGrande"，Verdana，Lucida，Arial，Helvetica，宋体，sans-serif；（这是通用的写法）
以上都可以写在一行font属性里（除了color属性需要单独写）：
font：italicbold12px/150%"LucidaGrande"，Verdana，Lucida，Arial，Helvetica，宋体，sans-serif；
5、DIV+CSS排版中如何控制段落排版——使用margin，text-align
中文段落使用<p>标签，左右（相当于缩进）、段前段后的空白，都可以用margin。比如：
01.p{
02.margin：18px6px6px18px；
03./*分别是上、右、下、左，十二点开始的顺时针方向*/
04.}
文字的对齐方式用text-align，比如：
01.p{
02.text-align：center；/*居中对齐*/
03.}
04.
对齐方式还有left、right和justify（两端对齐）
PS.谈起margin，我习惯于在写CSS的时候为所有的标签定义margin：0；因为时而出现由于默认的margin值导致页面排版问题，而自己找不到原因（特别注意的是ul/ol/p/dt/dd等标签）
6、DIV+CSS排版中竖排文字——使用writing-mode
writing-mode属性有两个值lr-tb和tb-rl，前者是默认的左-右、上-下，后者是上-下、右-左。比如：
01.p{
02.writing-mode：tb-rl；
03.}
04.
可以结合direction排版。
7、项目符号的问题——使用list-style
在CSS里项目符号有disc（实心圆点）、circle（空心圆圈）、square（实心方块）、decimal（阿拉伯数字）、lower-roman（小写罗马数字）、upper-roman（大写罗马数字）、lower-alpha（小写英文字母）、upper-alpha（大写英文字母）、none（无）。比如设定一个列表（ul或ol）的项目符号为方块，如：
01.li{
02.list-style：square；
03.}
04.
另外list-style还有一些值，比如可以采用一些小图片作为项目符号，在list-style下直接写url（“图片地址”）就可以了。注意如果一个项目列表的左外补丁（margin-left）设为零的时候，list-style-position：outside（默认是outside）的项目符号不会显示。可惜的是上述的项目符号似乎并不能设定大小，圆点和方块始终是那么点。并且不能设定垂直方向上的对齐。
希望对您有帮助
8、DIV+CSS排版中首字下沉——使用：first-letter
伪对象：first-letter配合font-size、float可以制作首字下沉效果。
比如：
p：first-letter{
padding：6px；
font-size：32pt；
float：left；
}
9、设置背景属性
background属性包含很多子属性，如background-color设置背景颜色；background-image设置背景图片；background-repeat设置背景图片的重复设置，background-repeat：no-repeat为不重复，background-repeat：repeat-x为只水平方向重复，background-repeat：repeat-y为只垂直方向重复；background-position设置背景图片的显示位置，background-attachment为固定图片在某个位置显示。
关于html网页制作作业模板到此分享完毕，希望能帮助到您。