本文目录一览：
- 1、网页制作基本步骤
- 2、我是初学者，老师留了作业 请哪位大神帮帮我吧 好晕，这个网页该怎做？css中的代码怎么写阿?试了很多次了
- 3、如何制作网页？
- 4、网页设计制作详细流程
- 5、网页制作的一般流程是什么
- 6、如何制作鲜花网站
网页制作基本步骤
01 网页制作的基本步骤是：要注册好域名、服务器空间的创建、掌握建站软件、开展网站升级改造和网络营销推广等等。
1、要注册好域名。
浏览网站是不能用网站域名的，并不是越多越好，只是尽量做到简洁，关于建站方便记忆，这需要我们自己去设计方案，如果方便我们自己和客户的记忆就可以了。在这个阶段，“.com”和“.cn”是使用数量多的两种网站域名，这些网站可以通过域名服务商标或IDC商业代理处申请办理。
2、服务器空间的创建。
建立站点必须有一个用于存储站点的服务器空间。对于普通用户，我建议购买一台云虚拟主机，在购买云虚拟主机时还要看其服务项目、速率和响应速度等，选择名气较大的服务提供商比较可靠。万网域名是现阶段国内名声比较大的网站服务提供商，它肯定要比同行贵些，如果有必要的话，在自己的经济发展范畴之内，大家可以选择自己的区域代理来注册网站。
3、掌握建站软件。
网域空间都做好了，那就接下去建网站吧。一般很多盆友在这里一步也走不完，他们担心，现在很多建站软件都可以直接下载，然后上传到服务器空间安装，一般的程序都是上面提到的PageAdmin，这个是免费查看的，掌握了安装方法之后，安装就比较简单了。设置后大家可以在后台自行更改网站频道、新闻报道及其商品信息等。
4、开展网站升级改造和网络营销推广。
站点做好了，那就接踵而至，对站点进行升级和营销推广。所谓升级，就是经常在网站上发布一些新的内容，保持网站的新鲜度；说到网络营销推广，一家网站建站两年后却没有人来浏览，那也是行不通的，如何开展合理的网络营销推广，这个必须要大家自己去各个网络平台进行社区论坛宣传策划，交换友链等方法来推广自己的网站，自然网络推广的方式也有很多种，大伙儿可以检索一些范例教程来学习培训，自己探索。
我是初学者，老师留了作业 请哪位大神帮帮我吧 好晕，这个网页该怎做？css中的代码怎么写阿?试了很多次了
效果图：
代码：
!doctype html
html
head
meta charset="utf-8"
meta name="viewport" content="width=device-width,initial-scale=1.0"
title我等的花儿都谢了/title
style type="text/css"
*{
padding:0;
margin:0;
}
li{
list-style:none;
}
body{
background:#999;
font-size:14px;
}
.top{
height:100px;
line-height:100px;
font-size:30px;
text-align:center;
color:#090;
}
.nav{
border-bottom:1px solid #666;
}
.nav ul{
width:80%;
overflow:hidden;
margin:20px auto;
}
.nav li{
width:16%;
float:left;
text-align:center;
}
.nav li a{
color:#C3C;
text-decoration:none;
font-size:16px;
}
.main{
background:#333;
box-sizing:border-box;
padding:15px 10px;
margin-top:10px;
}
.main h2{
font-size:20px;
line-height:40px;
color:#ffffff;
}
.main img{
width:150px;
height:180px;
float:left;
border:1px solid #00ff00;
padding:3px;
margin:0 10px 10px 0;
background:#FFF;
border-radius:3px;
box-shadow:3px 3px 3px rgba(0,0,0,.5);
}
.main p{
color:#ffffff;
line-height:24px;
margin-bottom:10px;
}
.main .special{
color:#093;
font-style:italic;
text-decoration:underline;
}
.subnav{
margin-left:20px;
}
.subnav li{
padding-left:20px;
line-height:24px;
margin-bottom:5px;
background:url() no-repeat left center;
background-size:15px 15px;
}
.subnav li a{
color:#F0F;
text-decoration:none;
}
h3{
margin:10px 0;
}
/style
/head
body
div class="top"h1花之语/h1/div
div class="nav"
ul
lia href="#"鲜花礼品/a/li
lia href="#"鲜花礼品/a/li
lia href="#"鲜花礼品/a/li
lia href="#"鲜花礼品/a/li
lia href="#"鲜花礼品/a/li
lia href="#"鲜花礼品/a/li
/ul
/div
div class="main"
h2花的语言/h2
img src="" /
p这里是内容区这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域域/p
p这里是内容区这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域域/p
p class="special"这里是内容区这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域域/p
p这里是内容区这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域这里是内容区域域/p
p class="special"这里是内容区这里是内容区域这里区域这里是内容区域这里是内容区域域/p
/div
h3鲜花导购/h3
ul class="subnav"
lia href="#"百合花/a/li
lia href="#"百合花/a/li
lia href="#"百合花/a/li
lia href="#"百合花/a/li
lia href="#"百合花/a/li
lia href="#"百合花/a/li
lia href="#"百合花/a/li
lia href="#"百合花/a/li
/ul
/body
/html
自适应手机屏幕，满意请采纳。
如何制作网页？
你好，很高兴为你解答:
1.制作网页首先应该对自己的网页有一个整体的规划，是建一个什么类型的网站，网站主色调使用哪种颜色、设计布局采用什么样的方式等这些都需要有一个很好的规划。
2.做什么事都不能盲目的没有目的的进行，那样只能浪费时间浪费精力，在制作网页之前一定要对网页的基本元素进行一些设计。可以简单的画草图，或者浏览几个自己比较喜欢的网站学习借鉴。
3.制作一个网页需要大量的文件，必须先将这些不同类型的文件进行归类放置，整理到一个文件夹中。
打开Dreamweaver软件，新建一个站点，然后在站点下建立不同的文件夹存放素材。
4.建立自己的主页，按照之前的定的风格设计布局。
不要急着添加图片和文字，先将导航栏，标题栏和内容栏都规划好然后在进行素材的导入。注意无论是文件夹的名还是素材名最好使用英文而不是中文。中文状态很容易报错，文件添加后就不要更改文件路劲了，否则会导致文件的丢失。
5.制作网页是一个非常复杂的过程，如果想从头到尾自己制作一个网页的话是很难说清楚的，所以这里就分享一个很简单的方法。
找到一个适合自己风格或是自己比较喜欢的网页，右击鼠标——另存为。
这时浏览器就会将这个网页中的所有的元素都复制下来，存放到一个文件夹中。
6.打开Dreamweaver软件代开刚刚下载的网页，这时Dreamweaver中就会显示你下载网页的所有元素，不会出现丢失的情况。
7.替换网页中的元素即可。
选择需要进行修改的图片或是文字直接更换即可。选择一个元素然后在下面的属性栏中进行更换即可。同时还可以更换图片的大小和其他的属性。
8.按下F12进行预览效果即可。不满意的地方进行修改，一定要注意随时保存文件。
网页设计制作详细流程
分析如下：
1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。
2、下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。
3、下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。
4、然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。
5、下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。点击图片，下面属性可以编辑修改图片大小，添加超链接等等。下面我修改图片大小做示范。
6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。
7、网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。
8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。添加如图，一定要写http://......就可以了。
9、最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。
扩展资料：
网页设计
设计网站要注意两个要点：整体风格和色彩搭配。
风格
网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。
风格（Style）是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。
色彩搭配
无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。
网页配色小技巧：
1．用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感；
2．用两种色彩：先选定一种色彩，然后选择它的对比色；
3．用一个色系：简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。
在网页配色中，还要切记一些误区：
1．不要将所有颜色都用到，尽量控制在三至五种色彩以内；
2．背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。
参考资料：百度百科：设计
网页制作的一般流程是什么
网页制作的一般流程是什么：
需要准备
拖拽式网页制作工具
步骤如下:
1、在网页制作平台官网注册一个账号，开通网页制作工具权限⌄
2、选择网页模板，修改网页的相关设置⌄
我们可以直接通过使用现成的网页模板，来快速制作网页⌄
在左边有自定设定的各种各样版面，要想变更哪一个页面立即用鼠标拖动到相对网页页面就可以了，能够依照自身的爱好对全部页面开展自定设计方案，在后台管理的作用管理方法地区，能够自定义想要的。
无论是文字、图片、还是动画都可以用这样的方法进行编辑⌄
3.在后台申请网站域名
如何制作鲜花网站
制作鲜花网站可以用网站系统来做，推荐加盟花礼网，门店覆盖全国2000+城市，目前已经在全国内实现了配送服务，实现了异地互动配送模式，从而确立了鲜花礼品网在网下市场的定位。
加盟花礼网的优势如下：
1、品牌：鲜花礼品网（花礼网）致力于品牌发展。您可以在我们的授权范围内，使用花礼网的品牌和知识产权，包括：域名、徽标、名称、商标等进行合法经营活动，突显您的花店是全国连锁的鲜花店。这是您实力的象征。亦是消费信心的保障。
2、技术：鲜花礼品网（花礼网）的技术人员具有丰富的电子商务网站开发经验。在系统的稳定性。支付的安全性方面，具有良好的声誉。解决了客户的购物疑虑。同时也是国内最完善的鲜花礼品类电子商务交易平台。致力为花店和购花人构建安全便捷的交易桥梁。
3、网络：鲜花礼品网（花礼网）全国各地拥有加盟和配送店达1000多个，可实现网上网下资源的共享、有效配置。通过我们的配送网络，你的服务范围可扩展到全国各地甚至全球。
4、服务：为花店带来更多的顾客。为顾客带去更好的鲜花。让花店赚到更多的钱。使顾客付出最少，得到更多。
想要了解更多关于鲜花网站的相关信息，推荐咨询花礼网。花礼网主营鲜花、永生花、蛋糕、巧克力、创意和实用礼品；同时拥有一支金牌花艺师团队，花心思持续打造具有设计感的原创鲜花和永生花作品，精选优质蛋糕及礼品品牌服务商，以严谨的态度为消费者提供好品质、好价格、好服务的贴心体验。
