首页 / 技巧
如何制作网页
2023-09-24 01:12:00
如何制作网页?如何做一个自己喜欢的网站呢?看到别人有自己的网站是不是有点羡慕呢?当然。比较复杂的网站就需要很多技术上面的知识咯。比如javascrpt、jquery、ajax、flash等等!这些都只是让网站的页面好看。使静态的网站变为动态的。那如何制作个简单的网页呢?那么先用Dreamweaver ,Frontpage做,然后细节用Homesite,Hotdog修改,图片用Photoshop动画用fireworks ,Adobe ImageReady ,Flash然后申请空间,域名,大多数都是收费的,最后用软件上传就成了。
在开始制作之前,我们先对这个页面进行一下分析。看看这个页面用到了哪些东西。
1.网页顶端的标题“我的主页”是一段文字。
2.网页中间是一幅图片。 □最下端的欢迎词是一段文字。
3.网页背景是一深紫红颜色。 构思好这个网页的结构,我们就可以开始制作了。
解决方法与步骤:
1.首先启动Dreamweaver,确保你已经用站点管理器建立好了一个网站(根目录)。 为了制作方便,请您事先打开资源管理器,把要使用的图片收集到网站目录images文件夹内。
2.然后在创建新项目下面点击HTML,下面常用到的有javascrpt,和CSS样式。
3.进入页面编辑设计视图状态。在一般情况下,编辑器默认左对齐,光标在左上角闪烁,光标位置就是插入点的位置。如果要想让文字居中插入,点属性面板居中按钮即可。启动中文输入法输入“我的主页”四个字。字小不要紧,我们可以对它进行设置。
4.使用插入栏:单击插入栏对象按钮>选按钮,弹出“选择图像源文件”对话框,其余操作同上。
5.使用面板组“资源”面板(如下图):点按钮,展开根目录的图片文件夹,选定该文件,用鼠标拖动至工作区合适位置。
6.在图片右边空白处单击,回车换行。仍然按照上述方法,输入文字“欢迎您„„”然后,利用属性面板对文字进行设置。保存页面。 一个简单的页面就这样编辑完毕了。
7.在页面编辑器中按F12预览网页效果。 网站中的第一页,也就是首页,我们通常在存盘时取名为index.htm。
在很多时候,我们都需要html的静态页面代码,那么我们介绍一下静态页面的代码。
<html></html>:静态网页源代码首尾结构标记,代码内呈现网页所有内容
<body bgcolor>=背景色;</body>:网页主体部分
<title></title>:标签内显示出网页台头的标题名,用于<head></head>标签之内
<meta name=关键字 content=IT,教育,网络”>:设定搜索关键字
最新内容
相关内容
691错误代码怎么解决
691错误代码怎么解决,错误代码,错误,情况,简单,用户名,链接,密码,续费,691错误代码怎么解决 大家在链接宽带上网的时候会遇到691错误代微信图片提取文字怎么做 微信图片
微信图片提取文字怎么做 微信图片提取文字教程【详解】,微信,图片提取文字,用户,教程,发现,有文字的图片,聊天,文字提取, 微信这款 社交闲鱼商品卖出后赚的钱在哪 闲鱼商
闲鱼商品卖出后赚的钱在哪 闲鱼商品卖出后赚的钱位置【详解】,闲鱼,卖出,商品,支付宝,买家,确认,到账,物品, 闲鱼 商品 卖出后赚的钱在支付宝台风查询在哪里 支付宝台风
支付宝台风查询在哪里 支付宝台风查询位置介绍【详解】,查询,支付宝,点击,用户,位置,路径,首页,服务, 支付 宝查询台风路径的方法介绍,大美的空调e3故障代码什么原因 美的
美的空调e3故障代码什么原因 美的空调e3故障代码原因介绍,故障,代码,显示,速度,原因,挂机,主板,果是, 在炎热的夏季来临的时候,不少家庭win10快速启动要不要打开【详细介
win10快速启动要不要打开【详细介绍】,快速启动,用户,关机,功能,数据,内存,开机,系统, win10系统具备了全新的快速启动功能,可以帮助用户wps文字如何排版 wps文字排版技巧
wps文字如何排版 wps文字排版技巧【详解】,文字,设置,竖排,选择,文本框,格式,对齐,显示, 空格犯的罪——缩进对齐技巧 用WWindows11如何设置开机启动项 Win1
Windows11如何设置开机启动项 Win11开机启动项设置教程【详解】,开机启动项,怎么设置,用户,开机,启动,选项卡,窗口,启动项设置, Windows360驱动大师如何恢复驱动保存位置
360驱动大师如何恢复驱动保存位置 360驱动大师恢复驱动保存位置教程【详解】,驱动,驱动大师,位置,恢复,教程,点击,选项,设置, 今天小编微信如何复制图片文字 微信复制图
微信如何复制图片文字 微信复制图片文字方法【详细步骤】,复制,文字,微信,图片文字,点击,功能,便捷,微信怎么, 微信更新后,为您提供了图10大经典产品!多媒体音箱09年度编
10大经典产品!多媒体音箱09年度编辑推荐,产品,单元,编辑,推荐,设计,年度,三诺,功能,109年度编辑推荐:漫步者M360回顶部前言: 2009年是金融做视频用什么软件最好 好用的视频
做视频用什么软件最好 好用的视频编辑软件推荐【详解】,用户,下载,视频编辑软件,视频剪辑工具,剪辑,做视频,好用,会声会影, 最近有不少