第二天:网页的基本制作

2016-7-19 22:27-23:50

1-7 设置默认图像文件夹
之前建立的站点的文件夹里面建立个专门放图片的文件夹
images 这是放置图片的文件夹的命名 (文件夹的名字不能用中文,会导致图片无法显示)

而后,在DW里面显示站点的位置,点击文件下拉,有个管理站点-高级设置-本地信息-默认图像位置-images

然后,新建网页,插入图片,之后会发现插入的图片已经自动保存在images里面了,这样就解决了复制网页,

无法显示图片的问题。

1-8 站点的管理
在“文件”面板中实现以下操作
选择编辑网页文件
创建文件或文件夹
剪切、粘贴、复制、删除、重命名文件或文件夹
站点管理
编辑站点
复制站点
删除站点

新建网页可以再站点里面直接右击,而后创建就可以了

1-9 补充(Dreamweaver CS5的安装)

第二章:制作网页的基本操作
2-1 添加文本1
可以选择直接自己打进去,也可以选择文件-导入-word文档等

2-2 添加文本2
日期的插入:插入-日期-选择直接要的模板
空格键的插入:系统默认不能连续插入空格,可以使用 ctrl+shift+空格键 即可
编辑-首选项-允许多个空格连续
水平线的插入:插入-html-水平线-其后可以对水平线进行属性的修改
水平线的颜色-用代码来修改-color-即可修改颜色
版权符号的插入:插入-html-特殊字符-版权

2-3 编辑文本
2-4 设置文字样式
字体(通用性问题)、大小、颜色、风格
因为电脑能接受的字体并不是很多,基本我们字体是选择宋体等常见字体,如果有特别想要的特殊的字体,我

们可以使用PS,将其制作成一张图片,而后插入,就不会出现无法显示的情况了。

注:CSS(Cascading Style Sheet ,可译为“层叠样式表”或“级联样式表”)是一组格式设置规则,用于

控制Web页面的外观

明天任务:

2-5 段落设置(今天未完成的)

2-6 网页中使用的图片格式
2-7 插入图片
2-8 图文混排
2-9 使用Dreamweaver编辑图片
2-10 优化图片
2-11 鼠标经过更换图片特效

时间: 2024-10-22 09:59:54

第二天:网页的基本制作的相关文章

A5站长网第二期网页设计网站制作培训课程全套视频

课程概述:[官方售价580元,本站免费下载哦 培训目标:熟练掌握css,写出符合要求的网页,利于搜索引擎收录.常见cms的使用,能够利用常见cms快速搭建自己需要的网站. 课程信息: [时间] 2013年12月4日 [对象] 热爱程序开发.网站设计.网站开发.网站建设的人群 课程报名: ¥ 580 元/人 主讲教师 阿Q,现任宁波某集团公司电子商务部技术主管,长期从事页面前端开发和网络教学.熟悉css布局,html代码结构良好,爱好jQuery,php和linux技术 培训特色: 1.全面的DI

网页的首页制作效果

网页的首页制作效果 个人认为网页制作的首页,网页的颜色的搭配是非常重要的,它关系到整个网页的整体审美性,可以给人一种舒服的感觉,另外网页的布局的格式也相当的重要,它关系到你整体的制作以及规划的步骤. 在网页中要用到这些技术点是相当不错的. 1 网页图片的轮播效果,它使得网页看起来不会让人觉得枯燥,死板. 2 网页部分地方,使用3D效果,比如时间日期的翻页效果,可以为你的网页增添亮点. 3 部分地方的文字图片信息,可以采用分页效果,这样就不至于把大量的信息一下子全部展现出来,并且这也不符合布局的规

网页聊天室制作步骤分享

结合网页与Asp来实现一个简单的网页聊天室制作案例,有在线聊天.在线人员名单.在线时间等功能.在这篇教程的最后,还比较详细地介绍了Flash与Asp结合使用的平台环境和常用的调试手段. 一.原理 主要的流程是先在网页端发送一个请求到服务器端,然后等待从服务器端的返回值,当值返回网页端后,根据相应的值做相应的操作.在网页部 分,跟前面的教程一样,用到的主要都是loadVariables()函数和循环等待的技巧.在Asp部分,主要用到了global.asa文件和 application()属性,先定

我的第二个网页制作:p,hn,br标签的使用

1 <html> 2 <head> 3 <title>这是我的第二个html代码</title> 4 <body> 5 <!-- 6 <p>Hello World!</p> 7 <p>Hello World!</p> 8 --> 9 我爱北京天安门<br/> 10 我爱北京天安门<br/> 11 我爱北京天安门<br/> 12 <h1>你好

关于网页导航栏制作的几种方法与常见问题解决(新人向)

无序列表是html页面排版经常用到的非常实用的标签,但是新手在使用无序列表时,经常会在横向排版上出现问题,笔者在这里提供了笔者在使用无序列表制作网页导航栏时的几种方法与常见问题的解决问题.(以css内部样式为例) [注:有同学之前问过我怎么制作一张网页,但只会html,本文用到均为css.故说明:若急需制作导航,无css技术基础的,在<head>标签中加<style rel="stylesheet" type="text/css"><s

新课程开始的第二天,HTML基础制作

天正式开始学习HTML的基础制作,有简单的指令开始入手. 第一天的学习,因为基础,所以觉得还算简单,主要是对网页背景.图片.文字.表格等的编辑,和一部分链接的使用. 由下面的的一个事例,通过所学的简单指令,自己做出来. 下面是Dreamweaver的编辑过程 <body bgcolor="black" text="#FFFFFF" topmargin="200" leftmargin="100"> <font

第三天:网页的基本制作,偷懒ing

20167-20 22:25-23:55 2-5 段落设置分段(按回车键)隔一行.形成新的一个段落换行按shift+enter,知识单纯换行,而不是创建新的段落 改变字体时,我们可以选择使用HTML,然后选中格式-标题,有固定的格式,如果要对这个标题进行修改,即 按页面属性-标题(CSS) 有时候可能会出现代码无法书写的情况,那时候就是要切换中英文模式 2-6 网页中使用的图片格式 使用图片的规则:在保证画质的前提下尽可能使图片的数据量小一些,这样有利用户快速的浏览我们的网页. .GIF格式特点

PSD网页切图制作HTML全过程教程

今天的这个教程,教大家如何把psd页面利用div+css切割成html页面,这类的教程,本站做的一直都很少,大多讲的都比较零碎的一些东西,在今后,我们将慢慢发布翻译出更多这类的教程,供大家学习,转载请著名来源,以及站码翻译,谢谢.... 首先看看效果 下面的图片就是效果图,切割出来后,可能头部和底部会宽点..... 新建文件夹 开始时,在您的计算机中创建一个文件夹.我把它命名为zmool.再在文件夹中创建新文件夹images,放网站的所有图像.接下来打开代码编辑器(Dreamweaver),并在

网页版简历制作经验分享

转自:Heero.Luo 2012年中,因为换工作面试的需要,我得更新旧的简历.但是在Word中排版实在是各种不顺手,于是就发挥了作为前端工程师的优势把简历做成了网页:2014年末想换工作时又对其进行了改版.这份简历曾经受到好几位HR和猎头的好评,所以特地分享制作经验,也算是给想换工作的同行参考. 进入正题之前,先想想HTML简历的好处: 无须下载,直接打开. 可以采用更丰富的设计和更灵活的排版. 可以通过超链接访问其他资源. 可以顺带展示自己设计以及前端方面的技能. 而在此基础上,我还给这份简